Bluesky app fork with some witchin' additions 💫
Merge branch 'TuxPenguin09-web-loading' into main
+32
-1
+13
bskyweb/templates/base.html
+13
bskyweb/templates/base.html
···
47
47
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif;
48
48
}
49
49
50
+
#preload {
51
+
width: 100px;
52
+
position: fixed;
53
+
left: 50%;
54
+
top: 50%;
55
+
transform: translate(-50%, -50%);
56
+
}
57
+
50
58
/* Buttons and inputs have a font set by UA, so we'll have to reset that */
51
59
button, input, textarea {
52
60
font: inherit;
···
262
270
</head>
263
271
<body>
264
272
{%- block body_all %}
273
+
<div id="preload">
274
+
<!-- Bluesky SVG -->
275
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 320"><path fill="#295ef6" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/></svg>
276
+
</div>
277
+
265
278
<div id="root"></div>
266
279
<noscript>
267
280
<h1 lang="en">JavaScript Required</h1>
+6
-1
src/App.web.tsx
+6
-1
src/App.web.tsx
···
112
112
const [isReady, setReady] = useState(false)
113
113
114
114
React.useEffect(() => {
115
-
initPersistedState().then(() => setReady(true))
115
+
initPersistedState().then(() => {
116
+
setReady(true)
117
+
118
+
const preloadElement = document.getElementById('preload')
119
+
preloadElement?.remove()
120
+
})
116
121
}, [])
117
122
118
123
if (!isReady) {
+13
web/index.html
+13
web/index.html
···
51
51
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif;
52
52
}
53
53
54
+
#preload {
55
+
width: 100px;
56
+
position: fixed;
57
+
left: 50%;
58
+
top: 50%;
59
+
transform: translate(-50%, -50%);
60
+
}
61
+
54
62
/* Buttons and inputs have a font set by UA, so we'll have to reset that */
55
63
button, input, textarea {
56
64
font: inherit;
···
301
309
</div>
302
310
</form>
303
311
</noscript>
312
+
<div id="preload">
313
+
<!-- Bluesky SVG -->
314
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 320"><path fill="#295ef6" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/></svg>
315
+
</div>
316
+
304
317
<!-- The root element for your Expo app. -->
305
318
<div id="root"></div>
306
319
</body>