From e4fc38e11a407a7fe72b301df61c2b480eacadc5 Mon Sep 17 00:00:00 2001
From: Nick Bland <nick.bland@nickbland.dev>
Date: Sat, 20 Apr 2024 23:04:44 +1000
Subject: [PATCH] SHADOWS

+ Add in some nice hover shadow to make it feela a bit more alive
---
 src/components/navbar/navbar.svelte          | 8 +++++---
 src/components/navbar/themeController.svelte | 4 ++--
 src/components/timeline.svelte               | 6 +++---
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/navbar/navbar.svelte b/src/components/navbar/navbar.svelte
index e8d51e2..ea5678f 100644
--- a/src/components/navbar/navbar.svelte
+++ b/src/components/navbar/navbar.svelte
@@ -17,12 +17,14 @@
         <li><a href="/portfolio">Portfolio</a></li>
       </ul>
     </div>
-    <a class="btn btn-ghost text-xl" href="/">nickbland.dev</a>
+    <a class="btn btn-ghost text-xl hover:shadow-lg" href="/">nickbland.dev</a>
   </div>
   <div class="navbar-center hidden lg:flex">
     <ul class="menu menu-horizontal px-1">
-      <li><a href="/" class="text-lg">Home</a></li>
-      <li><a href="/portfolio" class="text-lg">Portfolio</a></li>
+      <li><a href="/" class="btn btn-ghost text-lg hover:shadow-lg">Home</a></li>
+      <li>
+        <a href="/portfolio" class="btn btn-ghost text-lg hover:shadow-lg">Portfolio</a>
+      </li>
     </ul>
   </div>
   <div class="navbar-end">
diff --git a/src/components/navbar/themeController.svelte b/src/components/navbar/themeController.svelte
index f89b6cf..df72e8c 100644
--- a/src/components/navbar/themeController.svelte
+++ b/src/components/navbar/themeController.svelte
@@ -7,7 +7,7 @@
   <!-- this hidden checkbox controls the state -->
   <input type="checkbox" class="theme-controller" value="winter" />
 
-  <Sun class="w-7 h-7 swap-on fill-current" />
+  <Sun class="w-7 h-7 swap-on fill-current hover:shadow-lg" />
 
-  <Moon class="w-7 h-7 swap-off fill-current" />
+  <Moon class="w-7 h-7 swap-off fill-current hover:shadow-lg" />
 </label>
diff --git a/src/components/timeline.svelte b/src/components/timeline.svelte
index 570f078..a66465f 100644
--- a/src/components/timeline.svelte
+++ b/src/components/timeline.svelte
@@ -6,7 +6,7 @@
 <ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical pb-8">
   <li>
     <div class="timeline-middle"><Circle class="fill-base-300" /></div>
-    <div class="timeline-end timeline-box bg-base-300 mb-10 max-w-3xl">
+    <div class="timeline-end timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg">
       <time class="font-mono" datetime="2020-3">Mar 2020 - Jul 2020</time>
       <div class="text-xl">Villanova College</div>
       <div class="text-sm">Information Technology Officer</div>
@@ -46,7 +46,7 @@
   <li>
     <hr />
     <div class="timeline-middle"><Circle class="fill-base-300" /></div>
-    <div class="timeline-start timeline-box bg-base-300 mb-10 max-w-3xl">
+    <div class="timeline-start timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg">
       <div class="md:text-end">
         <time class="font-mono" datetime="2020-8">Aug 2020 - Oct 2022</time>
         <div class="text-xl">St Pauls School</div>
@@ -86,7 +86,7 @@
   <li>
     <hr />
     <div class="timeline-middle"><Circle class="fill-base-300" /></div>
-    <div class="timeline-end timeline-box bg-base-300 max-w-3xl">
+    <div class="timeline-end timeline-box bg-base-300 max-w-3xl shadow-lg">
       <time class="font-mono" datetime="2022-10">Oct 2022 - Feb 2023</time>
       <div class="text-xl">St Pauls School</div>
       <div class="text-sm pb-2">System Administrator</div>