From de9bb09e49db03966dc0f83a8f8fdf1d1d7a59e3 Mon Sep 17 00:00:00 2001
From: nulfrost <khadane.miller@gmail.com>
Date: Sun, 10 Dec 2023 14:19:02 -0500
Subject: [PATCH] add uno typography plugin, fix some accessibility issues

---
 src/components/BlogPost.astro |  8 ++------
 src/components/Navbar.astro   |  3 ---
 src/layouts/BlogLayout.astro  | 10 ++++++----
 src/pages/blogs/index.astro   |  2 +-
 src/pages/index.astro         |  4 ++--
 uno.config.ts                 |  2 ++
 6 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index c8fb18c..15deac1 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -15,13 +15,9 @@ const { title, published_at, slug } = Astro.props;
     >
       <a href={`/blogs/${slug}`}>{title}</a>
     </h2>
-    <footer class="text-sm">
+    <footer class="text-sm text-gray-500">
       <time datetime={published_at.toISOString()}>
-        {
-          new Intl.DateTimeFormat("en-us", {
-            dateStyle: "full",
-          }).format(new Date(published_at))
-        }
+        {new Intl.DateTimeFormat("en-us", {}).format(new Date(published_at))}
       </time>
     </footer>
   </article>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 09d666b..7cef053 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -11,15 +11,12 @@ const paths = [
       {
         paths.map(({ name, path }) => (
           <li>
-            {" "}
-            [{" "}
             <a
               href={path}
               class="font-bold text-blue-600 hover:(text-blue-500 underline)"
             >
               {name}
             </a>{" "}
-            ]
           </li>
         ))
       }
diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
index c31aad8..fc4b4be 100644
--- a/src/layouts/BlogLayout.astro
+++ b/src/layouts/BlogLayout.astro
@@ -5,18 +5,20 @@ interface Props {
 }
 
 import Meta from "../components/Meta.astro";
+import Navbar from "../components/Navbar.astro";
 const { title, description } = Astro.props;
 ---
 
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" class="font-sans" dir="ltr">
   <Meta title={title} description={description} />
-  <body class="bg-snes-light-gray">
+  <body>
+    <Navbar />
     <main class="max-w-5xl px-3 mx-auto xl:px-0" id="maincontent">
-      <h1 class="mt-4 mb-1 text-2xl font-bold text-snes-black">
+      <h1 class="mt-4 mb-1 text-2xl font-bold">
         {title}
       </h1>
-      <p class="mb-4 text-sm">{description}</p>
+      <p class="mb-4 text-sm text-gray-500">{description}</p>
       <div
         class="pb-6 prose prose-h2:mb-1 prose-a:text-blue-700 hover:prose-a:text-blue-600 prose-h2:mt-7 prose-p:text-gray-700 prose-li:marker:text-snes-black !max-w-none"
       >
diff --git a/src/pages/blogs/index.astro b/src/pages/blogs/index.astro
index 2adb329..80b8055 100644
--- a/src/pages/blogs/index.astro
+++ b/src/pages/blogs/index.astro
@@ -9,7 +9,7 @@ const posts = (await getCollection("blog")).sort(
 ---
 
 <Layout
-  title="Dane's site / Blog"
+  title="Dane's Space | Blog"
   description="Where I write about things I've learned or found interesting"
 >
   <h1 class="mt-4 mb-4 text-2xl font-bold text-snes-black">Blog</h1>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 20d2009..e712edd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -59,11 +59,11 @@ const posts = (await getCollection("blog"))
           ))
         }
       </ul>
-       [<a
+      <a
         href="/blogs"
         class="text-blue-700 font-bold hover:(text-blue-600 underline)"
         >View All Blog Entries</a
-      >]
+      >
     </div>
   </div>
   <div class="grid xl:grid-cols-2">
diff --git a/uno.config.ts b/uno.config.ts
index 4ef97fa..c21bee7 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -4,6 +4,7 @@ import {
   transformerVariantGroup,
   presetUno,
   presetIcons,
+  presetTypography,
 } from "unocss";
 
 export default defineConfig({
@@ -15,6 +16,7 @@ export default defineConfig({
       },
     }),
     presetIcons(),
+    presetTypography(),
   ],
   transformers: [transformerVariantGroup()],
 });
-- 
2.51.2