Setup a very basic starting point for the website

src/components/Favicon.astro

@@ -0,0 +1,4 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+<link rel="manifest" href="/site.webmanifest" />

src/components/Footer.astro

@@ -0,0 +1,18 @@
+---
+const buttonFormat = "gif";
+
+import Social from './Social.astro';
+---
+
+<style>
+  footer {
+    display: flex;
+    gap: 1rem;
+    margin-top: 2rem;
+  }
+</style>
+
+<footer>
+  <img class="badge" src={`/static/img/buttons/aria.${buttonFormat}`} decoding="async" />
+  <Social />
+</footer>

src/components/FriendLink.astro

@@ -0,0 +1,4 @@
+---
+const { name, image, target } = Astro.props;
+---
+<a href={`${target}`}><img class="badge" src={`${image}`} alt={`${name}`} decoding="async" /></a>

src/components/Navigation.astro

@@ -0,0 +1,6 @@
+<div class="nav-links">
+    <a href="/">Home</a>
+    <a href="/about">About</a>
+    <a href="/blog">Blog</a>
+    <a href="/friends">Friends</a>
+  </div>

src/components/Social.astro

@@ -0,0 +1,12 @@
+<a href="https://bsky.app/profile/did:plc:bzrn33tcfgjxnsanvg6py3xn">Bluesky</a>
+<a href="https://buymymojo.net/twitter/">Twitter(Archive)</a>
+
+<style>
+    a {
+      padding: 0.5rem 1rem;
+      color: white;
+      background-color: #4c1d95;
+      text-decoration: none;
+      border-radius: 8px;
+    }
+  </style>