From ab16219f3b0e88f8e1101b54c3fab31af03987d6 Mon Sep 17 00:00:00 2001
From: Thomas Cole <thomas.patrick.cole@gmail.com>
Date: Tue, 16 Jan 2024 09:39:11 -0500
Subject: [PATCH] Fixed blog colors

---
 src/components/misc/BlogProjectCard.astro | 10 +++++-----
 src/pages/projects/[page].astro           |  6 ++++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/misc/BlogProjectCard.astro b/src/components/misc/BlogProjectCard.astro
index 5cee043..ba6fb21 100644
--- a/src/components/misc/BlogProjectCard.astro
+++ b/src/components/misc/BlogProjectCard.astro
@@ -12,21 +12,21 @@
 ---
 
 <div class="p-4 md:w-1/3">
-    <div class="h-full overflow-hidden border-2 border-gray-200 rounded-lg border-opacity-60 dark:border-gray-800 dark:bg-gray-800">
+    <div class="w-full h-full overflow-hidden bg-gray-500 rounded-lg sm:pt-0 rounded-xl bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-10">
         <img class="object-cover object-center w-full lg:h-48 md:h-36" src={image} alt="blog" draggable="false">
         <div class="p-6">
-            <h2 class="mb-1 text-xs font-medium tracking-widest text-gray-400 dark:text-gray-500 title-font">{category}</h2>
-            <h1 class="mb-3 text-lg font-medium text-gray-900 title-font dark:text-white">{title}</h1>
+            <h2 class="mb-1 text-xs font-medium tracking-widest text-gray-300">{category}</h2>
+            <h1 class="mb-3 text-lg font-medium text-white title-font">{title}</h1>
             <p class="mb-3 leading-relaxed">{subtitle}</p>
             <div class="flex flex-wrap items-center ">
-                <a href={link} class="inline-flex items-center text-indigo-500 md:mb-2 lg:mb-0">Read
+                <a href={link} class="inline-flex items-center text-indigo-200 md:mb-2 lg:mb-0">Read
                     <svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                         <path d="M5 12h14"></path>
                         <path d="M12 5l7 7-7 7"></path>
                     </svg>
                 </a>
-                <span class="text-sm leading-none text-right text-gray-400 grow">{date}</span>
+                <span class="text-sm leading-none text-right text-gray-300 grow">{date}</span>
             </div>
         </div>
     </div>
diff --git a/src/pages/projects/[page].astro b/src/pages/projects/[page].astro
index 3abb290..e5b9fa0 100644
--- a/src/pages/projects/[page].astro
+++ b/src/pages/projects/[page].astro
@@ -1,6 +1,7 @@
 ---
     import Layout from "../../layouts/Layout.astro";
     import BlogProjectCard from "../../components/misc/BlogProjectCard.astro";
+    import Nav from "../../components/nav/Nav.astro";
 
     export async function getStaticPaths({ paginate }: { paginate: any }) {
         const posts = (await Astro.glob("./**/*.{md,mdx}")).sort(
@@ -16,9 +17,10 @@
 ---
 
 <Layout title=" | Projects">
+    <Nav/>
     <main class="z-10 w-full mx-auto mt-4 md:w-5/6 lg:w-4/5 xl:w-4/5">
-        <section class="text-gray-600 dark:text-gray-400 body-font">
-            <p class="px-5 text-2xl font-bold sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest
+        <section class="text-white">
+            <p class="px-5 text-2xl font-bold drop-shadow-md sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest
                 Projects</p>
             <div class="container px-5 py-6 mx-auto">
                 <div class="flex flex-wrap -m-4">