besaid.zone / website
Dane's personal website dane.computer
fork atom

add uno typography plugin, fix some accessibility issues

nulfrost de9bb09e 7d690776

options
unified split
Changed files
+13 -16
src
components
BlogPost.astro
Navbar.astro
layouts
BlogLayout.astro
pages
blogs
index.astro
index.astro
uno.config.ts
+2 -6
src/components/BlogPost.astro
··· 15 > 16 <a href={`/blogs/${slug}`}>{title}</a> 17 </h2> 18 - <footer class="text-sm"> 19 <time datetime={published_at.toISOString()}> 20 - { 21 - new Intl.DateTimeFormat("en-us", { 22 - dateStyle: "full", 23 - }).format(new Date(published_at)) 24 - } 25 </time> 26 </footer> 27 </article>
··· 15 > 16 <a href={`/blogs/${slug}`}>{title}</a> 17 </h2> 18 + <footer class="text-sm text-gray-500"> 19 <time datetime={published_at.toISOString()}> 20 + {new Intl.DateTimeFormat("en-us", {}).format(new Date(published_at))} 21 </time> 22 </footer> 23 </article>
-3
src/components/Navbar.astro
··· 11 { 12 paths.map(({ name, path }) => ( 13 <li> 14 - {" "} 15 - [{" "} 16 <a 17 href={path} 18 class="font-bold text-blue-600 hover:(text-blue-500 underline)" 19 > 20 {name} 21 </a>{" "} 22 - ] 23 </li> 24 )) 25 }
··· 11 { 12 paths.map(({ name, path }) => ( 13 <li> 14 <a 15 href={path} 16 class="font-bold text-blue-600 hover:(text-blue-500 underline)" 17 > 18 {name} 19 </a>{" "} 20 </li> 21 )) 22 }
+6 -4
src/layouts/BlogLayout.astro
··· 5 } 6 7 import Meta from "../components/Meta.astro"; 8 const { title, description } = Astro.props; 9 --- 10 11 - <!DOCTYPE html> 12 <html lang="en" class="font-sans" dir="ltr"> 13 <Meta title={title} description={description} /> 14 - <body class="bg-snes-light-gray"> 15 <main class="max-w-5xl px-3 mx-auto xl:px-0" id="maincontent"> 16 - <h1 class="mt-4 mb-1 text-2xl font-bold text-snes-black"> 17 {title} 18 </h1> 19 - <p class="mb-4 text-sm">{description}</p> 20 <div 21 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" 22 >
··· 5 } 6 7 import Meta from "../components/Meta.astro"; 8 + import Navbar from "../components/Navbar.astro"; 9 const { title, description } = Astro.props; 10 --- 11 12 + <!doctype html> 13 <html lang="en" class="font-sans" dir="ltr"> 14 <Meta title={title} description={description} /> 15 + <body> 16 + <Navbar /> 17 <main class="max-w-5xl px-3 mx-auto xl:px-0" id="maincontent"> 18 + <h1 class="mt-4 mb-1 text-2xl font-bold"> 19 {title} 20 </h1> 21 + <p class="mb-4 text-sm text-gray-500">{description}</p> 22 <div 23 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" 24 >
+1 -1
src/pages/blogs/index.astro
··· 9 --- 10 11 <Layout 12 - title="Dane's site / Blog" 13 description="Where I write about things I've learned or found interesting" 14 > 15 <h1 class="mt-4 mb-4 text-2xl font-bold text-snes-black">Blog</h1>
··· 9 --- 10 11 <Layout 12 + title="Dane's Space | Blog" 13 description="Where I write about things I've learned or found interesting" 14 > 15 <h1 class="mt-4 mb-4 text-2xl font-bold text-snes-black">Blog</h1>
+2 -2
src/pages/index.astro
··· 59 )) 60 } 61 </ul> 62 - [<a 63 href="/blogs" 64 class="text-blue-700 font-bold hover:(text-blue-600 underline)" 65 >View All Blog Entries</a 66 - >] 67 </div> 68 </div> 69 <div class="grid xl:grid-cols-2">
··· 59 )) 60 } 61 </ul> 62 + <a 63 href="/blogs" 64 class="text-blue-700 font-bold hover:(text-blue-600 underline)" 65 >View All Blog Entries</a 66 + > 67 </div> 68 </div> 69 <div class="grid xl:grid-cols-2">
+2
uno.config.ts
··· 4 transformerVariantGroup, 5 presetUno, 6 presetIcons, 7 } from "unocss"; 8 9 export default defineConfig({ ··· 15 }, 16 }), 17 presetIcons(), 18 ], 19 transformers: [transformerVariantGroup()], 20 });
··· 4 transformerVariantGroup, 5 presetUno, 6 presetIcons, 7 + presetTypography, 8 } from "unocss"; 9 10 export default defineConfig({ ··· 16 }, 17 }), 18 presetIcons(), 19 + presetTypography(), 20 ], 21 transformers: [transformerVariantGroup()], 22 });