From 1db44ec4133547e9cc2f351b56b1d59fafbc5002 Mon Sep 17 00:00:00 2001
From: seth
Date: Wed, 10 Apr 2024 07:32:28 -0400
Subject: factor out components
---
src/layouts/Base.astro | 27 ++++++---------------------
src/layouts/Index.astro | 19 +++++++++++++++++--
src/layouts/Page.astro | 4 +++-
3 files changed, 26 insertions(+), 24 deletions(-)
(limited to 'src/layouts')
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index 6ec66c5..c60347c 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -1,37 +1,22 @@
---
-import "@fontsource-variable/noto-sans";
-import "@fontsource/noto-sans-mono";
-
-import NavBar from "@components/NavBar.astro";
-import "@styles/main.css";
+import Footer from "@components/Footer.astro";
+import Head from "@components/Head.astro";
+import Nav from "@components/Nav.astro";
const { title, description } = Astro.props.frontmatter || Astro.props;
---
-
-
- {title}
-
-
-
-
-
+
getchoo's website 🚀
-
+
-
+
diff --git a/src/layouts/Index.astro b/src/layouts/Index.astro
index b8e1945..cd7be22 100644
--- a/src/layouts/Index.astro
+++ b/src/layouts/Index.astro
@@ -1,11 +1,26 @@
---
import Base from "@layouts/Base.astro";
-import Gifs from "@components/Gifs.astro";
+import Picture from "astro/components/Picture.astro";
+import gifs from "@assets/gifs";
const { title, description } = Astro.props.frontmatter;
---
-
+
+ {
+ gifs.map(({ image, alt }) => {
+ const img =
;
+
+ if (image.src.includes("steam")) {
+ return
{img};
+ } else if (image.src.includes("poweredbynix")) {
+ return
{img};
+ } else {
+ return img;
+ }
+ })
+ }
+
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index 72512e2..e740d36 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -4,5 +4,7 @@ const { title, description } = Astro.props.frontmatter || Astro.props;
---
-
+
+
+
--
cgit v1.2.3