wip

src/server/web/views/base.pug

@@ -33,76 +33,11 @@ html
 		block og
 			meta(property='og:image' content=img)
 
-		style.
-			html {
-				background-color: var(--bg);
-				color: var(--fg);
-			}
+		style
+			include ../style.css
 
-			#ini {
-				position: fixed;
-				z-index: 1;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 100%;
-				cursor: wait;
-			}
-
-			#ini > svg {
-				position: absolute;
-				top: 0;
-				right: 0;
-				bottom: 0;
-				left: 0;
-				margin: auto;
-				width: 64px;
-				height: 64px;
-				animation: ini 0.6s infinite linear;
-				color: var(--accent);
-				fill: currentColor;
-			}
-
-			@keyframes ini {
-				from {
-					transform: rotate(0deg);
-				}
-				to {
-					transform: rotate(360deg);
-				}
-			}
-
-		script(src=`/assets/app.${version}.js` async defer)
-		script.
-			const theme = localStorage.getItem('theme');
-			if (theme) {
-				for (const [k, v] of Object.entries(JSON.parse(theme))) {
-					document.documentElement.style.setProperty(`--${k}`, v.toString());
-					if (k === 'htmlThemeColor') {
-						for (const tag of document.head.children) {
-							if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') {
-								tag.setAttribute('content', v);
-								break;
-							}
-						}
-					}
-				}
-			}
-
-			const fontSize = localStorage.getItem('fontSize');
-			if (fontSize) {
-				document.documentElement.classList.add('f-' + fontSize);
-			}
-
-			const useSystemFont = localStorage.getItem('useSystemFont');
-			if (useSystemFont) {
-				document.documentElement.classList.add('useSystemFont');
-			}
-
-			const wallpaper = localStorage.getItem('wallpaper');
-			if (wallpaper) {
-				document.documentElement.style.backgroundImage = `url(${wallpaper})`;
-			}
+		script
+			include ../boot.js
 
 	body
 		noscript: p