Update something

bun.lock

@@ -7,7 +7,9 @@
         "@astrojs/mdx": "^4.2.3",
         "@astrojs/rss": "^4.0.11",
         "@astrojs/sitemap": "^3.3.0",
+        "@fontsource-variable/alegreya": "^5.2.5",
         "@fontsource-variable/inter": "^5.2.5",
+        "@fontsource-variable/merriweather": "^5.2.2",
         "@fontsource-variable/newsreader": "^5.2.6",
         "@tailwindcss/vite": "^4.0.17",
         "astro": "^5.5.6",
@@ -100,8 +102,12 @@
 
     "@esbuild/win32-x64": ["@esbuild/win32-x64@0.25.3", "", { "os": "win32", "cpu": "x64" }, "sha512-ICgUR+kPimx0vvRzf+N/7L7tVSQeE3BYY+NhHRHXS1kBuPO7z2+7ea2HbhDyZdTephgvNvKrlDDKUexuCVBVvg=="],
 
+    "@fontsource-variable/alegreya": ["@fontsource-variable/alegreya@5.2.5", "", {}, "sha512-j3gDsSJmjWPwtuDxa0TBi0YULttywpB7BzKxdm585LtSbfzYkGb7Th1gX/hzmIack96H9tnFAQjeJL1Ubessgw=="],
+
     "@fontsource-variable/inter": ["@fontsource-variable/inter@5.2.5", "", {}, "sha512-TrWffUAFOnT8zroE9YmGybagoOgM/HjRqMQ8k9R0vVgXlnUh/vnpbGPAS/Caz1KIlOPnPGh6fvJbb7DHbFCncA=="],
 
+    "@fontsource-variable/merriweather": ["@fontsource-variable/merriweather@5.2.2", "", {}, "sha512-DZjuulo723T3TTf9ibAuWA2y1jsLlA+zDSA6j5AdnJF5rvpjlE9B/IRFiHt5rmKMdAS8tHF5GTEfQ9dwBRMtow=="],
+
     "@fontsource-variable/newsreader": ["@fontsource-variable/newsreader@5.2.6", "", {}, "sha512-FeYF9/TNdgLubdk7rqtwaIDk9Y2CJQC9Vrup+hDiO/POqprtq7US0qSZw7IoLVFcGw+bTGYvPSdVMmSsrPFJhw=="],
 
     "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.33.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.0.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ=="],

package.json

@@ -13,7 +13,9 @@
         "@astrojs/mdx": "^4.2.3",
         "@astrojs/rss": "^4.0.11",
         "@astrojs/sitemap": "^3.3.0",
+        "@fontsource-variable/alegreya": "^5.2.5",
         "@fontsource-variable/inter": "^5.2.5",
+        "@fontsource-variable/merriweather": "^5.2.2",
         "@fontsource-variable/newsreader": "^5.2.6",
         "@tailwindcss/vite": "^4.0.17",
         "astro": "^5.5.6",

src/components/BaseHead.astro

@@ -1,6 +1,6 @@
 ---
 import interWoff2 from '@fontsource-variable/inter/files/inter-latin-wght-normal.woff2?url';
-import newsreaderWoff2 from '@fontsource-variable/newsreader/files/newsreader-latin-wght-normal.woff2?url';
+import alegreyaWoff2 from '@fontsource-variable/alegreya/files/alegreya-latin-wght-normal.woff2?url';
 import siteConfig from '../data/site-config';
 import '../styles/global.css';
 
@@ -44,7 +44,7 @@ function formatCanonicalURL(url: string | URL) {
 
 <!-- Fonts -->
 <link rel="preload" as="font" type="font/woff2" href={interWoff2} crossorigin="anonymous" />
-<link rel="preload" as="font" type="font/woff2" href={newsreaderWoff2} crossorigin="anonymous" />
+<link rel="preload" as="font" type="font/woff2" href={alegreyaWoff2} crossorigin="anonymous" />
 
 <!-- Low Priority Global Metadata -->
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

src/data/site-config.ts

@@ -83,19 +83,9 @@ const siteConfig: SiteConfig = {
     },
   ],
   hero: {
-    title: "Hi There & Welcome to My Corner of the Web!",
+    title: "books. they're what's on tap here.",
     text:
-      "I'm **Ethan Donovan**, a web developer at Amazing Studio, dedicated to the realms of collaboration and artificial intelligence. My approach involves embracing intuition, conducting just enough research, and leveraging aesthetics as a catalyst for exceptional products. I have a profound appreciation for top-notch software, visual design, and the principles of product-led growth. Feel free to explore some of my coding endeavors on <a href='https://github.com/JustGoodUI/dante-astro-theme'>GitHub</a> or follow me on <a href='https://twitter.com/justgoodui'>Twitter/X</a>.",
+      "I'm **tiff**, a dev during the day, mad electronics scientist at night, and a Linux enthusiast who sometimes writes but who wants to read more books. Here's where I'll dump my notes on the books I've read.",
-    image: {
-      src: "/hero.jpeg",
-      alt: "A person sitting at a desk in front of a computer",
-    },
-    actions: [
-      {
-        text: "Get in Touch",
-        href: "/contact",
-      },
-    ],
   },
   postsPerPage: 8,
   projectsPerPage: 8,

src/styles/global.css

@@ -1,7 +1,5 @@
 @import '@fontsource-variable/inter' layer(base);
-@import '@fontsource-variable/newsreader' layer(base);
+@import '@fontsource-variable/merriweather';
-@import '@fontsource-variable/newsreader/wght-italic.css' layer(base);
-
 @import 'tailwindcss';
 @plugin '@tailwindcss/typography';
 
@@ -13,6 +11,7 @@
   --bg-muted: #eae9e1;
   --border-main: #171717;
 }
+
 html.dark {
   --text-main: #f2f1ec;
   --bg-main: #171717;
@@ -54,7 +53,6 @@ html.dark {
 
 @theme inline {
   --font-sans: 'Inter Variable', sans-serif;
-    --font-serif: 'Newsreader Variable', serif;
   --text-color-main: var(--text-main);
   --background-color-main: var(--bg-main);
   --background-color-muted: var(--bg-muted);
@@ -84,10 +82,41 @@ html.dark {
     @apply underline font-normal decoration-1 underline-offset-2 decoration-dashed hover:decoration-solid;
   }
 
-    .prose :where(h1, h2, h3, h4, h5, h6) {
+  .prose p {
-        @apply font-serif font-medium;
+    font-family: "Merriweather", serif !important;
+    font-size: large !important;
   }
 
+  .prose :where(h1, h2, h3, h4, h5, h6) {
+    @apply font-medium;
+  }
+
+  h1 {
+    font-size: 2.6rem !important;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "Inter", sans-serif !important;
+  }
+
+  .prose h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "Inter", sans-serif !important;
+  }
+
+  /* .prose :where(h1) { */
+  /*   font-size: xx-large !important; */
+  /* } */
+  /**/
   .prose :where(code, strong) {
     @apply font-medium;
   }