feat: init

2026-04-09 20:41:06 -05:00
commit 3f49236deb
60 changed files with 3989 additions and 0 deletions
@@ -0,0 +1,45 @@
+---
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+import '../styles/global.css';
+const { pageTitle } = Astro.props;
+---
+<!DOCTYPE html>
+<html transition:animate="none" lang="en">
+	<head>
+        <meta charset="utf-8" />
+        <meta name="description" content="Astro description">
+        <meta name="viewport" content="width=device-width" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link rel="preload" href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Pacifico&display=swap" as="style">
+        <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Pacifico&display=swap" rel="stylesheet">       
+        <meta name="generator" content={Astro.generator} />
+        <title>{pageTitle}</title>
+	</head>
+	<body>
+        <Header />
+        <main>
+            <slot />
+            <Footer />
+        </main>
+        <script>
+            function colorMode() {
+                if (
+                    localStorage.theme === "light" ||
+                    (!("theme" in localStorage) &&
+                    window.matchMedia("(prefers-color-scheme: light)").matches)
+                ) {
+                    document.documentElement.classList.add("light");
+                } else {
+                    document.documentElement.classList.remove("light");
+                }
+              }
+            
+            colorMode();
+            document.addEventListener('astro:after-swap', colorMode);
+        </script>
+	</body>
+</html>
+
@@ -0,0 +1,20 @@
+---
+import BaseLayout from "./Layout.astro";
+const { frontmatter } = Astro.props;
+---
+
+<BaseLayout pageTitle={frontmatter.title}>
+    <div class="gif">
+        <img src="/.netlify/images?url=/images/blog.webp" role="presentation" width="300" height="259" decoding="async">
+    </div>
+    <h2 style="text-decoration:none;">{frontmatter.title}</h2>
+    <ul class="badge__list">
+        <li>
+            <span class="badge badge--item">AUTHOR</span>{frontmatter.author}
+        </li>
+        <li>
+            <span class="badge badge--item">PUBLISHED</span>{frontmatter.date}
+        </li>
+    </ul>
+    <slot />
+</BaseLayout>
@@ -0,0 +1,22 @@
+---
+import BaseLayout from './Layout.astro';
+const { frontmatter } = Astro.props;
+---
+<BaseLayout pageTitle={frontmatter.title}>
+    <div class="gif">
+        <img src="/.netlify/images?url=/images/laptop.webp" role="presentation" width="300" height="259" decoding="async">
+    </div>
+    <h2>{frontmatter.title}</h2>
+    <slot />
+    <ul class="badge__list">
+        <li><span class="badge badge--item">PLATFORM</span>{frontmatter.platform}</li>
+        <li><span class="badge badge--item">STACK</span>{frontmatter.stack}</li>
+        <li><span class="badge badge--item">WEBSITE</span><a class="badge__link" href={frontmatter.website} target="_blank">{frontmatter.website}</a></li>
+        <li><span class="badge badge--item">GITHUB</span><a class="badge__link" href={frontmatter.github} target="_blank">{frontmatter.github}</a></li>
+    </ul>
+    <div class="center">
+        <img class="pro-img" width="500px" height="281" src={frontmatter.worksImage1.url} alt={frontmatter.worksImage1.alt} />
+        <img class="pro-img" width="500px" height="281" src={frontmatter.worksImage2.url} alt={frontmatter.worksImage2.alt} />
+    </div>
+</BaseLayout>
+