Format markdown

website/package.json

@@ -21,5 +21,8 @@
     "react-dom": "^19.2.0",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.16"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.19"
   }
 }

website/src/layouts/Base.astro

@@ -21,7 +21,7 @@ const props = Astro.props as Props;
       <div class="container grow">
         <slot />
       </div>
+      <Footer />
     </div>
-    <Footer />
   </body>
 </html>

website/src/pages/articles/[...slug]/index.astro

@@ -24,7 +24,7 @@ const data = article.data;
 <Layout
   title={data.title}
 >
-  <article class="prose prose-lg mx-auto my-8 px-4 dark:prose-invert">
+  <article class="prose prose-lg mx-auto my-8 px-4">
     <header>
       <h1>{data.title}</h1>
       <p class="text-sm text-gray-500">

website/src/pages/index.astro

@@ -11,8 +11,8 @@ const sortedArticles = articles.sort((a, b) => b.data.date.getTime() - a.data.da
       .filter((article) => !article.data.tags?.includes('sig-updates'))
       .slice(0, 4)
       .map((article) => (
-        <li>
-          <a href={article.fullSlug} class="hover:underline">
+        <li class="prose">
+          <a href={article.fullSlug} class="no-underline hover:underline">
             <span class="font-headline font-bold text-3xl">
               {article.data.title}
             </span>
@@ -40,8 +40,8 @@ const sortedArticles = articles.sort((a, b) => b.data.date.getTime() - a.data.da
       .filter((article) => article.data.tags?.includes('sig-updates'))
       .slice(0, 6)
       .map((article) => (
-        <li>
-          <a href={article.fullSlug} class="hover:underline">
+        <li class="prose">
+          <a href={article.fullSlug} class="no-underline hover:underline">
             <span class="font-headline font-bold text-xl">{article.data.title}</span>
             <span class="block text-sm text-gray-500">
               {article.data.byline || (article.data.authors && article.data.authors.length > 0 ? `By ${article.data.authors.length > 1 ? article.data.authors.slice(0, -1).join(', ') + ' and ' + article.data.authors.slice(-1) : article.data.authors[0]}` : "By Anonymous")}

website/src/pages/issues/[...volume]/[...issue]/index.astro

@@ -57,6 +57,9 @@ if (sourcePath) {
           class="w-full h-[80vh] border-2 border-gray-300 rounded"
           title={`Volume ${data.volume}, Issue ${data.issue} PDF`}
         />
+        <a href={pdfUrl} class="text-blue-600 underline hover:text-blue-800" download>
+          Download PDF
+        </a>
       </div>
     )}
 

website/src/styles/global.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@plugin "@tailwindcss/typography";
 
 @theme {
   --font-headline: 'Bodoni Moda', serif;