✨ generate pages

site/index.html

@@ -16,14 +16,14 @@
         </header>
 
         <nav>
-            <a href="#about">about</a>
-            <a href="#comics">comics</a>
-            <a href="#projects">projects</a>
+            <a href="about.html">about</a>
+            <a href="comics.html">comics</a>
+            <a href="projects.html">projects</a>
             <a href="#newsletter">newsletter</a>
-            <a href="#links">links</a>
-            <a href="#contact">contact</a>
-            <a href="#now">now</a>
-            <a href="#uses">uses</a>
+            <a href="links.html">links</a>
+            <a href="contact.html">contact</a>
+            <a href="now.html">now</a>
+            <a href="uses.html">uses</a>
         </nav>
 
         <main>

site/styles.css

@@ -9,30 +9,6 @@ body {
     line-height: 1.6;
     color: #191919;
     background-color: #e8e4d8;
-    background-image:
-        /* Halftone dot pattern for newsprint effect */
-        radial-gradient(circle at 25% 25%, rgba(0,0,0,0.03) 1px, transparent 1px),
-        radial-gradient(circle at 75% 75%, rgba(0,0,0,0.03) 1px, transparent 1px),
-        /* Subtle noise texture */
-        url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"),
-        /* Subtle weathered stains */
-        radial-gradient(ellipse at 20% 30%, rgba(139,119,101,0.08) 0%, transparent 50%),
-        radial-gradient(ellipse at 80% 70%, rgba(139,119,101,0.06) 0%, transparent 50%),
-        radial-gradient(ellipse at 50% 90%, rgba(139,119,101,0.05) 0%, transparent 40%);
-    background-size:
-        4px 4px,
-        4px 4px,
-        400px 400px,
-        60% 60%,
-        50% 50%,
-        70% 70%;
-    background-position:
-        0 0,
-        2px 2px,
-        0 0,
-        20% 30%,
-        80% 70%,
-        50% 90%;
     min-height: 100vh;
     display: flex;
     align-items: center;