From 1b04a282121c475e18bb2f253a04647d37235799 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Thu, 5 Oct 2023 14:51:34 +0100
Subject: [PATCH] Add box-shadows

---
 src/lib/DevBanner.svelte                        | 1 +
 src/lib/card-collections/cards/EmptyCard.svelte | 3 ++-
 src/lib/header.svelte                           | 1 +
 src/lib/navigation.svelte                       | 2 +-
 src/lib/posts/PostTag.svelte                    | 4 +++-
 src/routes/+page.svelte                         | 3 +++
 6 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/lib/DevBanner.svelte b/src/lib/DevBanner.svelte
index 4b8faa9..67e6049 100644
--- a/src/lib/DevBanner.svelte
+++ b/src/lib/DevBanner.svelte
@@ -14,5 +14,6 @@
 		-ms-transform: rotate(45deg);
 		-webkit-transform: rotate(45deg);
 		transform: rotate(45deg);
+		box-shadow: 1px 1px 5px rgba(0,0,0,0.39);
 	}
 </style>
diff --git a/src/lib/card-collections/cards/EmptyCard.svelte b/src/lib/card-collections/cards/EmptyCard.svelte
index 2361f40..6dda7a9 100644
--- a/src/lib/card-collections/cards/EmptyCard.svelte
+++ b/src/lib/card-collections/cards/EmptyCard.svelte
@@ -10,7 +10,8 @@
 		margin: auto;
 		padding: 10px 5px 10px 5px;
 		border-radius: 10px;
-		margin-top: 5px;
+		margin-top: 10px;
 		margin-bottom: 5px;
+		box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
 	}
 </style>
diff --git a/src/lib/header.svelte b/src/lib/header.svelte
index 26d4d94..ce6313b 100644
--- a/src/lib/header.svelte
+++ b/src/lib/header.svelte
@@ -20,6 +20,7 @@
 		padding-bottom: 5px;
 		text-align: center;
 		background-color: var(--accent-color);
+		box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
 	}
 
 	h1 {
diff --git a/src/lib/navigation.svelte b/src/lib/navigation.svelte
index 46c36a5..425aeca 100644
--- a/src/lib/navigation.svelte
+++ b/src/lib/navigation.svelte
@@ -52,7 +52,7 @@
 		text-decoration: none;
 		font-size: 18px;
 		font-family: caprasimo;
-		font-weight: bolder;
+		font-weight: normal;
 	}
 
 	nav a:hover {
diff --git a/src/lib/posts/PostTag.svelte b/src/lib/posts/PostTag.svelte
index 7821a36..892abe6 100644
--- a/src/lib/posts/PostTag.svelte
+++ b/src/lib/posts/PostTag.svelte
@@ -14,10 +14,12 @@
 		margin: 10px;
 		background-color: var(--accent-color);
 		border-radius: 5px;
+		box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
 	}
 
 	.tag-link:hover,
 	.tag-link:active {
-		background-color: var(--accent-rollover);
+		/*background-color: var(--accent-rollover);*/
+		box-shadow: 1px 1px 1px rgba(0,0,0,0.19) inset;
 	}
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c76ac20..af44665 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -59,6 +59,7 @@
 		margin: 0; /* Reset margin to ensure full width */
 		padding: 0; /* Reset padding to ensure full width */
 		box-sizing: border-box; /* Include padding and border in width calculation */
+		box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
 	}
 
 	#header-text {
@@ -92,6 +93,7 @@
 		border: none;
 		max-height: 150px;
 		height: 30vw;
+		box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
 	}
 
 	/* Media query for larger screens */
@@ -145,5 +147,6 @@
 
 	h1 {
 		font-family: caprasimo;
+		font-weight: normal;
 	}
 </style>