quilling.dev
An ATproto social media client -- with an independent Appview.
vielle.dev
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="theme-color">
6 <!--
7 This viewport works for phones with notches.
8 It's optimized for gestures by disabling global zoom.
9 -->
10 <meta
11 name="viewport"
12 content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover"
13 />
14 <!--
15 Preconnect to essential domains
16 -->
17 <link rel="preconnect" href="https://bsky.social">
18 <link rel="preconnect" href="https://go.bsky.app">
19 <title>%WEB_TITLE%</title>
20
21 <link rel="preload" as="font" type="font/woff2" href="/static/media/InterVariable.c504db5c06caaf7cdfba.woff2" crossorigin>
22
23 <link rel="manifest" href="/manifest.json" />
24
25 <style>
26 /**
27 * Minimum styles required to render splash.
28 *
29 * ALL OTHER STYLES BELONG IN `src/style.css`
30 *
31 * THIS NEEDS TO BE DUPLICATED IN `bskyweb/templates/base.html`
32 */
33 @font-face {
34 font-family: 'InterVariable';
35 src: url(/static/media/InterVariable.c504db5c06caaf7cdfba.woff2) format('woff2');
36 font-weight: 300 1000;
37 font-style: normal;
38 font-display: swap;
39 }
40 @font-face {
41 font-family: 'InterVariableItalic';
42 src: url(/static/media/InterVariable-Italic.01dcbad1bac635f9c9cd.woff2) format('woff2');
43 font-weight: 300 1000;
44 font-style: italic;
45 font-display: swap;
46 }
47 html {
48 background-color: #eff1f5;
49 }
50 @media (prefers-color-scheme: dark) {
51 html {
52 background-color: #1e1e2e;
53 }
54 }
55 html,
56 body {
57 margin: 0px;
58 padding: 0px;
59 font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif;
60 text-rendering: optimizeLegibility;
61 /* Platform-specific reset */
62 -webkit-overflow-scrolling: touch;
63 -webkit-text-size-adjust: 100%;
64 -webkit-font-smoothing: antialiased;
65 -moz-osx-font-smoothing: grayscale;
66 -ms-overflow-style: scrollbar;
67 font-synthesis-weight: none;
68 }
69 html,
70 body,
71 #root {
72 display: flex;
73 flex: 1 0 auto;
74 min-height: 100%;
75 width: 100%;
76 }
77 #splash {
78 position: fixed;
79 width: 100px;
80 left: 50%;
81 top: 50%;
82 transform: translateX(-50%) translateY(-50%) translateY(-50px);
83 }
84 /**
85 * We need these styles to prevent shifting due to scrollbar show/hide on
86 * OSs that have them enabled by default. This also handles cases where the
87 * screen wouldn't otherwise scroll, and therefore hide the scrollbar and
88 * shift the content, by forcing the page to show a scrollbar.
89 */
90 body {
91 width: 100%;
92 overflow-y: scroll;
93 }
94 </style>
95 </head>
96
97 <body>
98 <!--
99 A generic no script element with a reload button and a message.
100 Feel free to customize this however you'd like.
101 -->
102 <noscript>
103 <form
104 action=""
105 style="
106 background-color: #fff;
107 position: fixed;
108 top: 0;
109 left: 0;
110 right: 0;
111 bottom: 0;
112 z-index: 9999;
113 "
114 >
115 <div
116 style="
117 font-size: 18px;
118 font-family: Helvetica, sans-serif;
119 line-height: 24px;
120 margin: 10%;
121 width: 80%;
122 "
123 >
124 <p lang="en">Oh no! It looks like JavaScript is not enabled in your browser.</p>
125 <p lang="en" style="margin: 20px 0;">
126 <button
127 type="submit"
128 style="
129 background-color: #cba6f7;
130 border-radius: 100px;
131 border: none;
132 box-shadow: none;
133 color: #1e1e2e;
134 cursor: pointer;
135 font-weight: bold;
136 line-height: 20px;
137 padding: 6px 16px;
138 "
139 >
140 Reload
141 </button>
142 </p>
143 </div>
144 </form>
145 </noscript>
146
147 <!-- The root element for your Expo app. -->
148 <div id="root">
149 <div id="splash">
150 <!-- Catsky SVG -->
151 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 67.733328 67.733329"><path fill="#cba6f7" d="m 7.4595521,49.230487 -1.826355,1.186314 -0.00581,0.0064 c -0.6050542,0.41651 -1.129182,0.831427 -1.5159445,1.197382 -0.193382,0.182977 -0.3509469,0.347606 -0.4862911,0.535791 -0.067671,0.0941 -0.1322972,0.188188 -0.1933507,0.352343 -0.061048,0.164157 -0.1411268,0.500074 0.025624,0.844456 l 0.099589,0.200339 c 0.1666616,0.344173 0.4472046,0.428734 0.5969419,0.447854 0.1497358,0.01912 0.2507411,0.0024 0.352923,-0.02039 0.204367,-0.04555 0.4017284,-0.126033 0.6313049,-0.234117 0.4549828,-0.214229 1.0166476,-0.545006 1.6155328,-0.956275 l 0.014617,-0.01049 2.0855152,-1.357536 C 8.3399261,50.711052 7.8735929,49.979321 7.4596148,49.230532 Z" id="path71"></path><path fill="#cba6f7" d="m 60.225246,49.199041 c -0.421632,0.744138 -0.895843,1.47112 -1.418104,2.178115 l 2.170542,1.413443 c 0.598885,0.411268 1.160549,0.742047 1.615532,0.956276 0.229578,0.108104 0.426937,0.188564 0.631304,0.234116 0.102186,0.02278 0.2061,0.03951 0.355838,0.02039 0.148897,-0.01901 0.427619,-0.104957 0.594612,-0.444358 l 0.0029,-0.0035 0.09667,-0.20034 h 0.0029 c 0.166756,-0.34438 0.08667,-0.680303 0.02562,-0.844455 -0.06104,-0.164158 -0.125675,-0.258251 -0.193352,-0.352343 -0.135356,-0.188186 -0.293491,-0.352814 -0.486873,-0.535792 -0.386891,-0.366 -0.911016,-0.780916 -1.516073,-1.197426 l -0.0082,-0.007 z" id="path62"></path><path fill="#cba6f7" d="m 62.374822,42.996075 c -0.123437,0.919418 -0.330922,1.827482 -0.614997,2.71973 h 2.864745 c 0.698786,0 1.328766,-0.04848 1.817036,-0.1351 0.244137,-0.04331 0.449793,-0.09051 0.645864,-0.172979 0.09803,-0.04122 0.194035,-0.08458 0.315651,-0.190439 0.121618,-0.105868 0.330211,-0.348705 0.330211,-0.746032 v -0.233536 c 0,-0.397326 -0.208544,-0.637282 -0.330211,-0.743122 -0.121662,-0.105838 -0.217613,-0.152159 -0.315651,-0.193351 -0.196079,-0.08238 -0.401748,-0.129732 -0.645864,-0.17296 -0.488229,-0.08645 -1.118333,-0.132208 -1.817036,-0.132208 z" id="path61"></path><path fill="#cba6f7" d="m 3.1074004,42.996075 c -0.6987018,0 -1.3264778,0.04576 -1.8147079,0.132208 -0.2441143,0.04324 -0.44978339,0.09059 -0.64586203,0.17296 -0.0980369,0.04118 -0.19398758,0.08751 -0.31565316,0.193351 C 0.20951466,43.600432 0.0015501,43.84039 0.0015501,44.237717 v 0.233535 c 0,0.397326 0.20800926,0.640175 0.32962721,0.746034 0.12161784,0.105867 0.21761904,0.149206 0.31565316,0.190437 0.19606972,0.08246 0.40172683,0.129657 0.64586203,0.172979 0.4882704,0.08663 1.1159226,0.1351 1.8147079,0.1351 H 5.9517617 C 5.6756425,44.822849 5.4740706,43.914705 5.3542351,42.996072 Z" id="path60"></path><path fill="#cba6f7" d="m 64.667084,33.5073 c -0.430203,0 -0.690808,0.160181 -1.103618,0.372726 -0.41281,0.212535 -0.895004,0.507161 -1.40529,0.858434 l -0.84038,0.578305 c 0.360074,0.820951 0.644317,1.675211 0.844456,2.560741 l 1.136813,-0.78214 c 0.605058,-0.41651 1.12918,-0.834919 1.515944,-1.200875 0.193382,-0.182976 0.350947,-0.347609 0.486291,-0.535795 0.06767,-0.0941 0.132313,-0.188185 0.193351,-0.352341 0.06104,-0.164157 0.141126,-0.497171 -0.02562,-0.841544 L 65.369444,33.96156 C 65.163418,33.537073 64.829889,33.5073 64.669999,33.5073 Z" id="path55"></path><path fill="#cba6f7" d="m 3.0648864,33.5073 c -0.1600423,3.64e-4 -0.4969719,0.0355 -0.7000249,0.45426 l -0.099589,0.203251 c -0.16676,0.344375 -0.089013,0.677388 -0.027951,0.841544 0.061047,0.164157 0.1285982,0.258248 0.1962636,0.352341 0.1353547,0.188186 0.2899962,0.352819 0.4833782,0.535795 0.386764,0.365956 0.9138003,0.784365 1.518856,1.200875 l 1.1478766,0.78971 c 0.2068,-0.879769 0.5000939,-1.727856 0.8706646,-2.542104 v -5.81e-4 L 5.5761273,34.73846 C 5.065553,34.38699 4.5814871,34.09259 4.1685053,33.880026 3.7555236,33.667462 3.4962107,33.506322 3.0648893,33.5073 Z" id="path52"></path><path fill="#cba6f7" d="m 34.206496,25.930929 c -7.358038,0 -14.087814,1.669555 -18.851571,4.452678 -4.763758,2.783122 -7.4049994,6.472247 -7.4049994,10.665932 0,4.229683 2.6374854,8.946766 7.2694834,12.60017 4.631996,3.653402 11.153152,6.176813 18.420538,6.176813 7.267388,0 13.908863,-2.52485 18.657979,-6.185354 4.749117,-3.660501 7.485285,-8.390746 7.485285,-12.591629 0,-4.236884 -2.494219,-7.904081 -7.079874,-10.67732 -4.585655,-2.773237 -11.1388,-4.44129 -18.496841,-4.44129 z" id="path45"></path><path fill="#cba6f7" d="m 51.797573,6.1189692 c -0.02945,-7.175e-4 -0.05836,4.17e-5 -0.08736,5.831e-4 -0.143066,0.00254 -0.278681,0.00746 -0.419898,0.094338 -0.483586,0.2975835 -0.980437,0.9277726 -1.446058,1.5345809 -1.170891,1.5259255 -2.372514,3.8701448 -4.229269,7.0095668 -0.839492,1.419423 -2.308256,4.55051 -3.891486,8.089307 4.831393,0.745951 9.148869,2.222975 12.643546,4.336427 2.130458,1.288425 3.976812,2.848736 5.416167,4.643344 C 58.614334,27.483611 57.260351,22.206768 56.421696,19.015263 55.149066,14.172268 54.241403,10.340754 53.185389,8.0524745 52.815225,7.2503647 52.540611,6.4969378 52.052073,6.1836069 51.974407,6.1337905 51.885945,6.1211124 51.79757,6.1189646 Z" id="path43"></path><path fill="#cba6f7" d="m 15.935563,6.1189692 c -0.08837,0.00223 -0.176832,0.014766 -0.254502,0.064642 -0.48854,0.3133308 -0.763154,1.0667562 -1.13332,1.8688677 -1.056011,2.2882791 -1.963673,6.1197931 -3.236303,10.9627891 -0.85539,3.255187 -2.247014,8.680054 -3.4314032,13.071013 1.5346704,-1.910372 3.5390122,-3.56005 5.8517882,-4.91124 3.456591,-2.019439 7.668347,-3.458497 12.320324,-4.231015 C 24.452511,19.365796 22.96466,16.190327 22.117564,14.758042 20.260808,11.61862 19.059771,9.2744012 17.888878,7.7484762 17.423256,7.1416679 16.926404,6.5114787 16.442819,6.2138951 16.301603,6.127059 16.165987,6.1222115 16.02292,6.1195569 c -0.02901,-5.429e-4 -0.0579,-0.0013 -0.08734,-5.847e-4 z" id="path42"></path></svg>
152 </div>
153 </div>
154 </body>
155</html>