add rss feed

astro.config.mjs

@@ -1,10 +1,11 @@
 import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
-import nodejs from '@astrojs/node';
-import { remarkReadingTime } from './remark-reading-time.mjs';
-import { modifiedTime } from './remark-modified-time.mjs';
+import nodejs from "@astrojs/node";
+import { remarkReadingTime } from "./remark-reading-time.mjs";
+import { modifiedTime } from "./remark-modified-time.mjs";
 
 export default defineConfig({
+  site: "https://argentumcation.com",
   markdown: {
     syntaxHighlight: false,
     shikiConfig: {
@@ -13,9 +14,9 @@ export default defineConfig({
     remarkPlugins: [remarkReadingTime, modifiedTime],
   },
   adapter: nodejs({
-      mode: 'standalone'
+    mode: "standalone",
   }),
-  output: 'hybrid',
+  output: "hybrid",
   vite: {
     build: {
       rollupOptions: {

src/components/BaseHead.astro

@@ -23,6 +23,10 @@ const { title, description } = Astro.props;
 </script>
 
 <script src="https://unpkg.com/hyperscript.org@0.9.11"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    />
 
 <!-- Set default theme -->
 <script is:inline>

src/components/Footer.astro

@@ -18,7 +18,7 @@ themes.delete("default");
     <!-- Author Info -->
     <a href="https://argentumcation.com/links" rel="author">
       <span class="p-nickname">ArgentumCation</span>
-      (<span class="p-name">Mira Velturu</span>)
+      (<span class="p-name">Mira</span>)
     </a>
     <!-- Author Metadata -->
     <div hidden="">
@@ -30,14 +30,6 @@ themes.delete("default");
         class="u-photo"
       />
       <a class="u-email" href="mailto:mira@ミラ.コム">mira@ミラ.コム</a>
-      <div class="h-adr">
-        <span class="p-street-address">10520 Chapel Hill Rd.</span>
-        <span class="p-post-office-box">Box 382</span>
-        <span class="p-locality">Morrisville</span>,
-        <span class="p-region">NC</span>,
-        <span class="p-postal-code">27560</span>
-        <span class="p-country-name">USA</span>
-      </div>
       <span class="dt-bday">20XX-04-02</span>
       <div>
         <span class="u-key"><!-- TODO --></span>
@@ -91,10 +83,10 @@ themes.delete("default");
       document.getElementById(theme)?.setAttribute("selected", "true")
     );
   </script>
-  <marquee class="buttons">
+  <marquee >
     {
     buttons.map((button) => {
-              const image = <Image class="button" src={`/buttons/${button.image}`} alt={button.name} width={88} height={31} />;
+              const image = <Image class="marquee-button" src={`/buttons/${button.image}`} alt={button.name} width={88} height={31} />;
 
       return !button.link?.startsWith('javascript:') ? (
         <a href={button.link ?? undefined} title={button.name} target="_blank">

src/components/Header.astro

@@ -12,6 +12,10 @@
       <li>
         <a class="menu-item" href="/posts">Posts</a>
       </li>
+      <li>
+      <a class="menu-item" href="/feed.xml">
+      <i class="fa-solid fa-rss"></i></a>
+        </li>
     </ul>
   </nav>
 </div>

src/pages/feed.xml.js

@@ -2,9 +2,9 @@ import rss, { pagesGlobToRssItems } from "@astrojs/rss";
 
 export async function GET(context) {
   return rss({
-    title: "Buzz’s Blog",
-    description: "A humble Astronaut’s guide to the stars",
+    title: "ArgentumCation",
+    description: "Mira's ramblings about stuff I guess",
     site: context.site,
-    items: await pagesGlobToRssItems(import.meta.glob("./blog/*.{md,mdx}")),
+    items: await pagesGlobToRssItems(import.meta.glob("./posts/*.{md,mdx}")),
   });
 }

src/pages/links.astro

@@ -8,7 +8,9 @@ import "../styles/links/brands-custom.css";
 import "../styles/terminal-css/main.css";
 import "../styles/links/global.css";
 import Footer from "../components/Footer.astro";
+import Header from "../components/Header.astro";
 import Social from "../components/Social.astro";
+import BaseHead from "../components/BaseHead.astro";
 
 let description =
   "I don't know who you are or how you found this, but while you're here, feel free to add me everywhere";
@@ -30,6 +32,7 @@ document.getElementById(theme)?.setAttribute("selected", "true");
 </script>
 <html lang="en">
   <head>
+    <BaseHead />
     <!-- Page Information
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <meta charset="utf-8" />
@@ -85,6 +88,7 @@ document.getElementById(theme)?.setAttribute("selected", "true");
   </head>
 
   <body>
+    <Header />
     <!-- Primary Page Layout
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <div class="container">

src/styles/global.css

@@ -27,9 +27,7 @@
   --astro-code-token-punctuation: var(--base05, --foreground);
   --astro-code-token-link: var(--base09, var(--orange, var(--cyan)));
   /*Fonts*/
-  --mono-font-stack: Liga SFMono Nerd Font, Ubuntu, Menlo, Monaco, Cascadia Code,
-    Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,
-    Courier New, monospace, serif;
+  --mono-font-stack: monospace, sans-serif;
   --font-stack: var(--mono-font-stack);
 }
 
@@ -223,10 +221,11 @@ select {
 }
 
 ul li::before {
-	content: none;
+  content: none;
 }
+
 ol p {
-    display: inline;
+  display: inline;
 }
 
 ol {
@@ -269,7 +268,11 @@ ol ol ol ol ol ol ol ol ol ol {
   list-style-type: hebrew;
 }
 
-.button {
+.terminal-nav {
+  margin: 0 1em;
+}
+
+.marquee-button {
   width: 88px;
   height: 31px;
-}
+}