|
1 | 1 | <!DOCTYPE html> |
2 | | -<html style="background:#000;height: 100%;"> |
| 2 | +<html> |
| 3 | + |
3 | 4 | <head> |
4 | 5 | <meta charset="utf-8"> |
5 | 6 | <title>Codeit - Redirect</title> |
6 | | - <meta name="theme-color" content="#000"> |
| 7 | + <meta name="theme-color" content="#1a1c24"> |
7 | 8 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover,shrink-to-fit=no"> |
8 | 9 | <link rel="shortcut icon" href="/icons/app-favicon.png"> |
9 | 10 | <style> |
10 | | - .quote::before { |
11 | | - content: '"'; |
12 | | - color: gray; |
13 | | - opacity: 0.5; |
14 | | - font-size: 50px; |
15 | | - position: absolute; |
16 | | - top: -40px; |
17 | | - left: -8px; |
| 11 | + @font-face { |
| 12 | + font-family: 'Inter'; |
| 13 | + font-style: normal; |
| 14 | + font-weight: 100 900; |
| 15 | + font-display: swap; |
| 16 | + src: url('/fonts/Inter/Inter.var.woff2') format('woff2'); |
| 17 | + font-named-instance: 'Regular'; |
| 18 | + } |
| 19 | + |
| 20 | + |
| 21 | + html { |
| 22 | + height: 100%; |
| 23 | + background: #1a1c24; |
| 24 | + color: #d4d5d7; |
| 25 | + font-family: 'Inter', system-ui, sans-serif; |
| 26 | + user-select: none; |
| 27 | + -webkit-user-select: none; |
| 28 | + } |
| 29 | + |
| 30 | + body { |
| 31 | + display: flex; |
| 32 | + flex-flow: column; |
| 33 | + justify-content: center; |
| 34 | + height: 100%; |
| 35 | + margin: 0; |
| 36 | + max-width: 500px; |
| 37 | + margin: auto; |
| 38 | + padding: 0 20px; |
| 39 | + } |
| 40 | + |
| 41 | + .logo { |
| 42 | + width: 70px; |
| 43 | + border-radius: 22.5%; |
| 44 | + border: 1px solid rgba(255,255,255,.1); |
| 45 | + margin: 0 auto; |
| 46 | + margin-bottom: 24px; |
18 | 47 | } |
| 48 | + |
| 49 | + .title { |
| 50 | + font-size: 19px; |
| 51 | + margin-bottom: 50px; |
| 52 | + margin-top: 0; |
| 53 | + position: relative; |
| 54 | + text-align: center; |
| 55 | + } |
| 56 | + |
| 57 | + .button { |
| 58 | + display: flex; |
| 59 | + justify-content: center; |
| 60 | + align-items: center; |
| 61 | + border-radius: 15px; |
| 62 | + box-sizing: border-box; |
| 63 | + min-height: 40px; |
| 64 | + white-space: nowrap; |
| 65 | + font-size: 16px; |
| 66 | + padding: 7px 84px; |
| 67 | + height: 50px; |
| 68 | + width: 233px; |
| 69 | + font-weight: 500; |
| 70 | + background: hsl(223deg 88% 52%); |
| 71 | + color: #fff; |
| 72 | + margin: 0 auto; |
| 73 | + } |
| 74 | + |
19 | 75 | </style> |
20 | 76 | </head> |
21 | | -<body style=" |
22 | | - display: flex; |
23 | | - flex-flow: column; |
24 | | - justify-content: center; |
25 | | - height: 100%; |
26 | | - margin: 0; |
27 | | - color: #fff; |
28 | | - font-family: system-ui; |
29 | | - max-width: 500px; |
30 | | - margin: auto; |
31 | | - padding: 0 20px; |
32 | | -" ontouchstart> |
33 | | -<p style=" |
34 | | - font-size: 19px; |
35 | | - line-height: 1.5; |
36 | | - margin-bottom: 40px; |
37 | | - margin-top: 0; |
38 | | - position: relative; |
39 | | -" class="quote">Of course everything in the world has been thought of. But what about everything that's not yet in the world? There's way more of that, and none of it's been thought of.</p> |
40 | | -<p style="text-align:right;font-style:italic;color:gray;margin-top: 0;margin-bottom: 0;"><a style=" |
41 | | - color: hsl(0deg 0% 66%); |
42 | | -">- Bill Wurtz</a><br><br>404 not found</p> |
| 77 | + |
| 78 | +<body ontouchstart=""> |
| 79 | + <img class="logo" src="/icons/iphone-app-180.png" width="80" draggable="false" alt="Codeit"> |
| 80 | + <p class="title">Open mrdoob/threejs with Codeit</p> |
| 81 | + <div class="button">Open</div> |
43 | 82 | </body> |
44 | | -</html> |
45 | 83 |
|
| 84 | +</html> |
0 commit comments