ansxor.ca / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fork atom

Merge branch 'TuxPenguin09-web-loading' into main

Paul Frazee e264dfbb 901feba6

+32 -1
unified split
+13
bskyweb/templates/base.html
··· 47 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif; 48 } 49 50 /* Buttons and inputs have a font set by UA, so we'll have to reset that */ 51 button, input, textarea { 52 font: inherit; ··· 262 </head> 263 <body> 264 {%- block body_all %} 265 <div id="root"></div> 266 <noscript> 267 <h1 lang="en">JavaScript Required</h1>
··· 47 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif; 48 } 49 50 + #preload { 51 + width: 100px; 52 + position: fixed; 53 + left: 50%; 54 + top: 50%; 55 + transform: translate(-50%, -50%); 56 + } 57 + 58 /* Buttons and inputs have a font set by UA, so we'll have to reset that */ 59 button, input, textarea { 60 font: inherit; ··· 270 </head> 271 <body> 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 + 278 <div id="root"></div> 279 <noscript> 280 <h1 lang="en">JavaScript Required</h1>
+6 -1
src/App.web.tsx
··· 112 const [isReady, setReady] = useState(false) 113 114 React.useEffect(() => { 115 - initPersistedState().then(() => setReady(true)) 116 }, []) 117 118 if (!isReady) {
··· 112 const [isReady, setReady] = useState(false) 113 114 React.useEffect(() => { 115 + initPersistedState().then(() => { 116 + setReady(true) 117 + 118 + const preloadElement = document.getElementById('preload') 119 + preloadElement?.remove() 120 + }) 121 }, []) 122 123 if (!isReady) {
+13
web/index.html
··· 51 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif; 52 } 53 54 /* Buttons and inputs have a font set by UA, so we'll have to reset that */ 55 button, input, textarea { 56 font: inherit; ··· 301 </div> 302 </form> 303 </noscript> 304 <!-- The root element for your Expo app. --> 305 <div id="root"></div> 306 </body>
··· 51 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif; 52 } 53 54 + #preload { 55 + width: 100px; 56 + position: fixed; 57 + left: 50%; 58 + top: 50%; 59 + transform: translate(-50%, -50%); 60 + } 61 + 62 /* Buttons and inputs have a font set by UA, so we'll have to reset that */ 63 button, input, textarea { 64 font: inherit; ··· 309 </div> 310 </form> 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 + 317 <!-- The root element for your Expo app. --> 318 <div id="root"></div> 319 </body>