feat: convert to blog

src/app/globals.css

@@ -3,32 +3,47 @@
 @tailwind utilities;
 
 * {
-    font-family: "OpenDyslexic", monospace;
+  font-family: "OpenDyslexic", monospace;
 }
 
 h1 {
-    @apply text-4xl;
+  @apply text-4xl;
 }
 
 h2 {
-    @apply text-2xl;
+  @apply text-2xl;
 }
 
 a {
-    @apply underline;
+  @apply underline;
 }
 
 li {
-    @apply list-disc;
-    @apply list-inside;
-    @apply text-left;
+  @apply list-disc;
+  @apply list-inside;
+  @apply text-left;
 }
 
 p {
   @apply text-justify;
 }
-@layer utilities {
-    .text-balance {
-        text-wrap: balance;
-    }
+
+img {
+  @apply mx-auto;
+}
+
+blockquote,
+blockquote p {
+  @apply text-center;
+}
+
+blockquote {
+  border: 2px dotted;
+  margin: 1rem;
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
 }

src/app/layout.tsx

@@ -15,11 +15,11 @@ const inter = Inter({ subsets: [ "latin" ] });
 
 const metadata: Metadata = {
   description:
-    "This page tells you everything you could ever want to know about Naomi and her consulting firm nhcarrigan.",
+    "The personal musings of a transfem software engineer.",
   openGraph: {
     images: "https://cdn.nhcarrigan.com/og-image.png",
   },
-  title:   "NHCarrigan Announcements",
+  title:   "Naomi's Blog",
   twitter: {
     card:   "summary_large_image",
     images: "https://cdn.nhcarrigan.com/og-image.png",

src/app/page.tsx

@@ -11,8 +11,8 @@ export default function Home() {
   const posts = getSortedPostsData();
   return (
     <main>
-      <h1>{"Announcements"}</h1>
-      <p>{"This page documents all of our organisation's announcements, in reverse chronological order."}</p>
+      <h1>{"Blog"}</h1>
+      <p>{"Welcome to the musings of a transfem software engineer!"}</p>
         {posts.map((post) => {
           return <div key={post.slug}>
             <Rule />