Fixup (#13)

shenanigansd · web-flow · commit 402922023764 · 2024-01-07T19:49:42.000-06:00
Signed-off-by: GitHub &lt;noreply@github.com&gt;
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -15,13 +15,13 @@ const { pageTitle } = Astro.props;
         <title>{pageTitle}</title>
         <ViewTransitions />
         <script>
-            import { injectSpeedInsights } from '@vercel/speed-insights';
+            import { injectSpeedInsights } from "@vercel/speed-insights";
             injectSpeedInsights({});
         </script>
     </head>
     <body>
         <Header />
-        <h1 transition:animate="slide">{pageTitle}</h1>
+        <h1>{pageTitle}</h1>
         <slot />
         <Footer />
         <script>
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
@@ -1,13 +1,12 @@
 ---
 import BaseLayout from "./BaseLayout.astro";
-import { fade } from "astro:transitions";
 
 const { frontmatter } = Astro.props;
 ---
 
 <BaseLayout pageTitle={frontmatter.title}>
     <p><em>{frontmatter.description}</em></p>
-    <p transition:animate={fade({ duration: '2s' })}>{frontmatter.pubDate.toString().slice(0,10)}</p>
+    <p>{frontmatter.pubDate.toString().slice(0,10)}</p>
 
     <p>Written by: {frontmatter.author}</p>
 
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,8 +1,17 @@
 html {
-    background-color: #f1f5f9;
+    background-color: #f8fafc;
     font-family: sans-serif;
 }
 
+html.dark {
+    background-color: #020617;
+    color: #fff;
+}
+
+.dark .nav-links a {
+    color: #fff;
+}
+
 body {
     margin: 0 auto;
     width: 100%;
@@ -81,12 +90,3 @@ h1 {
         display: none;
     }
 }
-
-html.dark {
-    background-color: #0d0950;
-    color: #fff;
-}
-
-.dark .nav-links a {
-    color: #fff;
-}
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -5,4 +5,5 @@ export default {
 		extend: {},
 	},
 	plugins: [],
+	darkMode: 'class',
 }

Original file line number	Diff line number	Diff line change
`@@ -5,4 +5,5 @@ export default {`
`5`	`5`	`extend: {},`
`6`	`6`	`},`
`7`	`7`	`plugins: [],`
	`8`	`+ darkMode: 'class',`
`8`	`9`	`}`