| 1 | <!doctype html> |
| 2 | <html lang="en" dir="ltr"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width"> |
| 6 | <script src="../../js/transition.js"></script> |
| 7 | <title>The stage shell: default</title> |
| 8 | <link rel="stylesheet" href="../../css/tokens.css"> |
| 9 | <link rel="stylesheet" href="../../css/themes/day.css"> |
| 10 | <script defer src="../../js/fiesta.js"></script> |
| 11 | <script defer src="../../js/busy.js"></script> |
| 12 | |
| 13 | <script defer src="../../js/light.js"></script> |
| 14 | <script defer src="../../js/anchor.js"></script> |
| 15 | |
| 16 | |
| 17 | |
| 18 | </head> |
| 19 | <body rst-stage> |
| 20 | <a rst-skip href="#main">Skip to content</a> |
| 21 | |
| 22 | <div rst-stage-scene aria-hidden="true"><svg rst-stage-art aria-hidden="true" focusable="false" viewBox="0 0 1200 800" preserveAspectRatio="xMidYMid slice"><g rst-stage-art-glow><circle cx="466" cy="310" r="420"/><circle cx="466" cy="310" r="350"/><circle cx="466" cy="310" r="280"/><circle cx="466" cy="310" r="210"/><circle cx="466" cy="310" r="140"/><circle cx="466" cy="310" r="70"/></g><g rst-stage-art-lines transform="rotate(5 600 400)"><path d="M-272 80q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 160q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 240q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 320q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 400q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 480q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 560q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 640q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/><path d="M-272 720q68 -16 136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0t136 0"/></g></svg></div> |
| 23 | <main rst-page id="main"> |
| 24 | <!-- fiesta:slot --><section rst-signin aria-labelledby="rst-signin-heading"> |
| 25 | <div rst-signin-brand><div rst-signin-mark><svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24" cy="24" r="21" fill="none" stroke="currentColor" stroke-width="3"/><path d="M11 29c4.5 0 4.5-4 9-4s4.5 4 9 4 4.5-4 9-4" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"/><path d="M24 11v11" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></div><p rst-signin-name>Harbour</p><p rst-signin-pitch>Moorings and berths, booked in a minute.</p></div> |
| 26 | <div rst-signin-door> |
| 27 | <h1 id="rst-signin-heading">Sign in to Harbour</h1> |
| 28 | <form rst-signin-form method="post" action="/signin"> |
| 29 | <div rst-field><label rst-field-label for="rst-signin-email">Email</label> |
| 30 | <input rst-input type="email" id="rst-signin-email" name="address" required autofocus autocomplete="email"> |
| 31 | </div> |
| 32 | <button rst-btn="primary block" type="submit">Continue</button> |
| 33 | </form> |
| 34 | </div> |
| 35 | </section><!-- /fiesta:slot --> |
| 36 | </main> |
| 37 | |
| 38 | <footer rst-stage-foot><a style="align-items: center; display: inline-flex; min-block-size: var(--rst-target);" href="/">Back to the design system</a></footer> |
| 39 | </body> |
| 40 | </html> |
| 41 | |
amadan