Responsive navigation fully working, placeholders for all major items on site, resume pages working, abstracted site-layout, preparing for unit and e2e testing, added flotbite + tailwind + vitest + playwright

2025-11-05 03:13:05 -08:00
parent b342f7b1cb
commit 6f728ad146
66 changed files with 1509 additions and 794 deletions
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -9,15 +9,17 @@ const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren` : "
 <html lang="en">
 <head>
    <meta charset="UTF-8"/>
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>{pageTitle}</title>
 </head>
-<body>
+<body class="bg-black text-white">
 <Navbar/>
-<main style="padding: 2rem;">
+<main class="mx-6 mt-6 mb-14">
    <slot/>
 </main>
 <Footer/>
 </body>
-</html>
+</html>
+
+<script is:inline type="module" src="/src/scripts/main.js"></script>
--- a/src/layouts/HobbyLayout.astro
+++ b/src/layouts/HobbyLayout.astro
@@ -0,0 +1,6 @@
+---
+import BaseLayout from './BaseLayout.astro';
+---
+<BaseLayout>
+    <slot/>
+</BaseLayout>
--- a/src/layouts/ResumeLayout.astro
+++ b/src/layouts/ResumeLayout.astro
@@ -0,0 +1,10 @@
+---
+import BaseLayout from './BaseLayout.astro';
+
+const resume = Astro.props.resume;
+---
+<BaseLayout>
+    <div class="h-dvh">
+        <iframe src={resume} class="mx-auto w-9/10 md:w-3/5 h-7/10 md:h-4/5"/>
+    </div>
+</BaseLayout>