Change styles

astro.config.mjs

@@ -12,8 +12,8 @@ export default defineConfig({
   markdown: {
     syntaxHighlight: "shiki",
     shikiConfig: {
-      theme: "nord",
-      wrap: false
+      theme: "vitesse-dark",
+      wrap: true
     }
   }
 });

src/components/Header.astro

@@ -6,8 +6,14 @@ const pathname = removeTrailingSlash(Astro.url.pathname);
 ---
 
 <header class="z-40 flex w-full flex-col gap-2 md:flex-row md:justify-between">
-  <a href={`mailto:${presentation.mail}`} class="hover:text-neutral-100"
+  <!-- <a href={`mailto:${presentation.mail}`} class="hover:text-neutral-100"
     >{presentation.mail}</a
+  > -->
+  <a
+    href="/"
+    class:list={{
+      ["hover:text-neutral-100"]: true,
+    }}>mnrva.dev</a
   >
 
   <nav role="navigation">

src/components/shared/BlurCircle.astro

@@ -12,7 +12,7 @@ const { position, color } = Astro.props;
 
 <div
   class:list={{
-    [`fixed z-0 h-[224px] w-[224px] lg:w-[600px] lg:h-[600px] rounded-full ${MAP_COLOR_VARIANT_TO_BG[color]} blur-[300px] md:blur-[600px] opacity-5`]: true,
+    [`fixed z-0 h-[224px] w-[224px] lg:w-[400px] lg:h-[400px] rounded-full ${MAP_COLOR_VARIANT_TO_BG[color]} blur-[150px] md:blur-[200px] opacity-25`]: true,
     ["left-0 top-0"]: position === "top",
     ["right-0 bottom-0"]: position === "bottom",
   }}

src/content/posts/01-creating-serverless-lambda-go.md

@@ -5,9 +5,6 @@ description: "Learn how to deploy your first AWS Lambda serverless function usin
 slug: "creating-serverless-lambda-go"
 isPublish: true
 ---
-
-Creating Serverless Applications with AWS Lambda and Go
----
 In recent years, serverless computing has become a popular choice for building scalable, flexible, and cost-effective applications. Using serverless solutions, you can focus on writing and deploying code, without having to worry about managing infrastructure. AWS Lambda, Amazon's serverless computing platform, provides a simple and efficient way to run code in response to events, without having to provision or manage servers. In this blog post, I'll take a look at how to build serverless applications using AWS Lambda and the Go programming language. I'll cover the basics of serverless computing, setting up an AWS Lambda function, and writing Go code to handle events and respond to requests. By the end of this post, you'll have a good understanding of how to build and deploy serverless applications using AWS Lambda and Go. Let's get started.
 
 ## What is Serverless?

src/content/posts/02-creating-trivia-api.md

@@ -6,8 +6,6 @@ slug: "stateless-containerized-trivia-api-go"
 isPublish: true
 ---
 
-Building a Stateless, Containerized Trivia API in Golang
----
 While working on a much larger project, I decided it would be a good idea to make something smaller that could show off how much I have improved my development strategies and back end knowledge since the days of my first full stack project, Massflip. Today, I will be walking you through my process of creating a trivia API that will allow people to get random trivia questions and then check their answers for correctness. Since this is supposed to be a stateless system, there should be no writing to a database when getting trivia questions or verifying answers. In fact, we won't have any database at all, other than however we choose to store our trivia questions (for this project, our questions will be stored in a json file that gets loaded into memory, but you could modify it to use an SQL database or similar).
 
 Now since I don't really know anything about trivia terminology, let's go over the terms I have decided to use when referring to our objects.
@@ -710,7 +708,7 @@ func (s *Server) GetGuess(e echo.Context) error {
 And let's run our tests to make sure the OK path is working.
 
 ```bash
-$ go test ./...                                                                                                       1:57:33 AM
+$ go test ./...
 ok      github.com/gabehf/trivia-tmp/server     0.004s
 ok      github.com/gabehf/trivia-tmp/trivia     (cached)
 ```
@@ -825,7 +823,7 @@ func TestGuessHandler(t *testing.T) {
 Running `go test ./...` now will show us just how many errors can go unnoticed without proper error handling and enforcement of fail behavior in our API.
 
 ```bash
-$ go test ./...                                                                                                       1:58:38 AM
+$ go test ./...
 --- FAIL: TestGuessHandler (0.00s)
     get_guess_test.go:78: expected nil error, got unhandled error
     get_guess_test.go:81: expected status 400 Bad Request, got 200
@@ -949,7 +947,7 @@ func (s *Server) GetGuess(e echo.Context) error {
 And verify that our tests are passing.
 
 ```bash
-$ go test ./...                                                                                                       2:08:00 AM
+$ go test ./...
 ok      github.com/gabehf/trivia-tmp/server     0.006s
 ok      github.com/gabehf/trivia-tmp/trivia     (cached)
 ```

src/layouts/Layout.astro

@@ -19,12 +19,12 @@ const headTags = Astro.props;
   <SEOTags {...headTags} />
 
   <body
-    class="mx-auto flex min-h-screen max-w-[872px] flex-col gap-9 bg-neutral-950 px-10 py-8 text-sm text-neutral-400 md:gap-20 md:py-16"
+    class="mx-auto flex min-h-screen max-w-[872px] flex-col gap-9 bg-gradient-to-r from-[#03171a] via-black to-[#130214] px-10 py-8 text-sm text-neutral-400 md:gap-20 md:py-16"
   >
     <Header />
-    <BlurCircle position="top" color={theme.colors.blur.top} />
-    <BlurCircle position="bottom" color={theme.colors.blur.bottom} />
     <slot />
+    <!-- <BlurCircle position="top" color={theme.colors.blur.top} />
+    <BlurCircle position="bottom" color={theme.colors.blur.bottom} /> -->
     <style is:global>
       html {
         font-family: "Open Sans";

src/pages/posts/[slug].astro

@@ -1,5 +1,5 @@
 ---
-import { CollectionEntry, getCollection } from "astro:content";
+import { type CollectionEntry, getCollection } from "astro:content";
 import Layout from "@/layouts/Layout.astro";
 import formatDate from "@/utils/formatDate";
 
@@ -23,9 +23,10 @@ const { Content } = await post.render();
 <Layout title={post.data.title} description={post.data.description}>
   <main class="post mx-auto flex w-full max-w-screen-md flex-col gap-4">
     <header role="presentation">
-      <h1 class="text-md">
-        {post.data.title} - {formatDate(post.data.publishedAt)}
+      <h1>
+        {post.data.title}
       </h1>
+      <p class="text-neutral-200">Gabe Farrell - {formatDate(post.data.publishedAt)}</p>
       <p class="italic">{post.data.description}</p>
     </header>
 

src/styles/post.css

@@ -2,8 +2,12 @@
   @apply leading-7;
 }
 
-.post code {
+/* .post .astro-code.nord {
   @apply rounded-sm bg-neutral-800 px-1 py-[2px] text-orange-500;
+} */
+
+.post h1 {
+  @apply mt-6 text-4xl text-neutral-100 mb-2;
 }
 
 .post h2 {
@@ -36,4 +40,4 @@
 
 .post pre > code {
   @apply bg-transparent;
-}
+}