refactor: move SVGs and style.css to static/assets/ and update references

README.md

@@ -4,8 +4,8 @@
   <tr>
     <td>
       <picture>
-        <source media="(prefers-color-scheme: dark)" srcset="static/readme-logo-dark.svg" />
+        <source media="(prefers-color-scheme: dark)" srcset="/static/assets/readme-logo-dark.svg" />
-        <img src="static/readme-logo-light.svg" alt="MyAnimeList logo" width="140" />
+        <img src="/static/assets/readme-logo-light.svg" alt="MyAnimeList logo" width="140" />
       </picture>
     </td>
     <td>

justfile

@@ -14,7 +14,7 @@ build-go:
     go build -o server ./cmd/server
 
 build-css:
-    bunx @tailwindcss/cli -i ./static/style.css -o ./dist/tailwind.css
+    bunx @tailwindcss/cli -i ./static/assets/style.css -o ./dist/tailwind.css
 
 build-ts:
     bun build ./static/player/main.ts --outdir ./dist/static/player --target browser --splitting && bun build ./static/*.ts --outdir ./dist/static --target browser

package.json

@@ -3,8 +3,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build:css": "bunx @tailwindcss/cli -i ./static/style.css -o ./dist/tailwind.css",
+    "build:css": "bunx @tailwindcss/cli -i ./static/assets/style.css -o ./dist/tailwind.css",
-    "watch:css": "bunx @tailwindcss/cli -i ./static/style.css -o ./dist/tailwind.css --watch",
+    "watch:css": "bunx @tailwindcss/cli -i ./static/assets/style.css -o ./dist/tailwind.css --watch",
     "build:ts": "bun build ./static/player/main.ts --outdir ./dist/static/player --target browser --splitting && bun build ./static/*.ts --outdir ./dist/static --target browser",
     "typecheck": "bunx tsc -p tsconfig.json --noEmit",
     "build:assets": "bun run build:css && bun run build:ts",

static/assets/manifest.json

@@ -8,13 +8,13 @@
   "theme_color": "#fb923c",
   "icons": [
     {
-      "src": "/static/app-icon.svg",
+      "src": "/static/assets/app-icon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "any"
     },
     {
-      "src": "/static/app-icon.svg",
+      "src": "/static/assets/app-icon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "maskable"

static/assets/style.css

@@ -2,7 +2,7 @@
 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
 @import '@toolwind/anchors';
 
-@source "..";
+@source ".";
 @source "../web/**/*.templ";
 
 @theme {

templates/base.gohtml

@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   {{/* page title injected from child template */}}
   <title>MyAnimeList: {{template "title" .}}</title>
-  <link rel="manifest" href="/static/manifest.json">
+  <link rel="manifest" href="/static/assets/manifest.json">
-  <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
+  <link rel="icon" type="image/svg+xml" href="/static/assets/favicon.svg">
   <link rel="stylesheet" href="/dist/tailwind.css">
   <style>
     /* Prevent transition on load */

templates/components/footer.gohtml

@@ -2,7 +2,7 @@
 <footer class="mt-auto border-t border-border bg-background-sidebar py-8 px-6 md:px-12">
   <div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
     <div class="flex items-center gap-3">
-      <img src="/static/readme-logo-light.svg" alt="MAL" class="h-6 w-6" />
+      <img src="/static/assets/readme-logo-light.svg" alt="MAL" class="h-6 w-6" />
       <span class="text-foreground-muted font-semibold text-lg tracking-tight">MyAnimeList</span>
     </div>
     <div class="flex items-center gap-6">

templates/components/header.gohtml

@@ -9,7 +9,7 @@
         <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" x2="21" y1="12" y2="12"/><line x1="3" x2="21" y1="6" y2="6"/><line x1="3" x2="21" y1="18" y2="18"/></svg>
       </button>
       <a href="/" class="group flex items-center gap-2.5 focus:outline-none">
-        <img src="/static/readme-logo-light.svg" alt="MAL" class="h-8 w-8 transition-transform group-hover:scale-110" />
+        <img src="/static/assets/readme-logo-light.svg" alt="MAL" class="h-8 w-8 transition-transform group-hover:scale-110" />
         <span class="text-xl font-bold tracking-tight text-foreground">MyAnime<span class="text-accent">List</span></span>
       </a>
     </div>