| 1 | <!DOCTYPE html>
|
| 2 | <html lang="en">
|
| 3 | <head>
|
| 4 | <meta charset="UTF-8" />
|
| 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 | <title>Preview</title>
|
| 8 |
|
| 9 | <style>
|
| 10 | body {
|
| 11 | display: flex;
|
| 12 | margin: 10vw;
|
| 13 | }
|
| 14 |
|
| 15 | main {
|
| 16 | margin: auto;
|
| 17 | text-align: left;
|
| 18 | }
|
| 19 |
|
| 20 | h1,
|
| 21 | p {
|
| 22 | font-family: sans-serif;
|
| 23 | font-size: 16px;
|
| 24 | line-height: 19px;
|
| 25 | margin: auto;
|
| 26 | color: #323232;
|
| 27 | }
|
| 28 |
|
| 29 | p a {
|
| 30 | color: inherit;
|
| 31 | text-decoration: underline;
|
| 32 | }
|
| 33 |
|
| 34 | h1 {
|
| 35 | margin-top: 16px;
|
| 36 | margin-bottom: 6px;
|
| 37 | }
|
| 38 |
|
| 39 | svg {
|
| 40 | display: block;
|
| 41 | }
|
| 42 |
|
| 43 | button {
|
| 44 | appearance: none;
|
| 45 | border: 0;
|
| 46 | background: none;
|
| 47 | display: flex;
|
| 48 | align-items: center;
|
| 49 | gap: 10px;
|
| 50 | padding: 6px 12px 6px 6px;
|
| 51 | height: 28px;
|
| 52 | background: #efefef;
|
| 53 | border-radius: 9999px;
|
| 54 |
|
| 55 | font-weight: 400;
|
| 56 | font-size: 13px;
|
| 57 | line-height: 1;
|
| 58 |
|
| 59 | margin: 48px 0 0;
|
| 60 | cursor: pointer;
|
| 61 | }
|
| 62 | </style>
|
| 63 | </head>
|
| 64 | |
| 65 | |
| 66 | |
| 67 |
|
| 68 | <body style="display: none">
|
| 69 | <main>
|
| 70 | <svg
|
| 71 | width="49"
|
| 72 | height="48"
|
| 73 | viewBox="0 0 49 48"
|
| 74 | fill="none"
|
| 75 | xmlns="http://www.w3.org/2000/svg"
|
| 76 | style="margin-left: -7px"
|
| 77 | >
|
| 78 | <circle
|
| 79 | cx="24.5"
|
| 80 | cy="24"
|
| 81 | r="16"
|
| 82 | stroke="#808080"
|
| 83 | stroke-linecap="round"
|
| 84 | />
|
| 85 | <path d="M28.5 20L20.5 28" stroke="#808080" stroke-linecap="round" />
|
| 86 | <path d="M20.5 20L28.5 28" stroke="#808080" stroke-linecap="round" />
|
| 87 | </svg>
|
| 88 |
|
| 89 | <h1>Could not connect to "<span id="url"></span>"</h1>
|
| 90 |
|
| 91 | <p>
|
| 92 | Unable to load this preview, make you have the relay running in
|
| 93 | sandpack.
|
| 94 | </p>
|
| 95 |
|
| 96 | <button onClick="window.location.reload()">
|
| 97 | <svg
|
| 98 | width="16"
|
| 99 | height="16"
|
| 100 | viewBox="0 0 16 16"
|
| 101 | fill="none"
|
| 102 | xmlns="http://www.w3.org/2000/svg"
|
| 103 | >
|
| 104 | <path
|
| 105 | fill-rule="evenodd"
|
| 106 | clip-rule="evenodd"
|
| 107 | d="M3.83325 7.99967C3.83325 5.69843 5.69853 3.83301 7.99934 3.83301C9.81246 3.83301 11.3563 4.99171 11.9285 6.61072C11.9396 6.64225 11.9536 6.67196 11.97 6.69967H8.80005C8.52391 6.69967 8.30005 6.92353 8.30005 7.19967C8.30005 7.47582 8.52391 7.69967 8.80005 7.69967H12.5667C12.8981 7.69967 13.1667 7.43104 13.1667 7.09967V3.33301C13.1667 3.05687 12.9429 2.83301 12.6667 2.83301C12.3906 2.83301 12.1667 3.05687 12.1667 3.33301V4.94584C11.2268 3.66498 9.7106 2.83301 7.99934 2.83301C5.14613 2.83301 2.83325 5.14626 2.83325 7.99967C2.83325 10.8531 5.14613 13.1663 7.99934 13.1663C9.91218 13.1663 11.5815 12.1264 12.474 10.5833C12.6123 10.3443 12.5306 10.0385 12.2915 9.90019C12.0525 9.76193 11.7466 9.84363 11.6084 10.0827C10.8873 11.3294 9.54072 12.1663 7.99934 12.1663C5.69853 12.1663 3.83325 10.3009 3.83325 7.99967Z"
|
| 108 | fill="#808080"
|
| 109 | />
|
| 110 | </svg>
|
| 111 |
|
| 112 | <span>Reload</span>
|
| 113 | </button>
|
| 114 | </main>
|
| 115 | </body>
|
| 116 | <noscript>
|
| 117 | <h1>Could not connect to the server</h1>
|
| 118 | <p>This requires JavaScript to run.</p>
|
| 119 | </noscript>
|
| 120 | </html>
|