From c9df8196f08bf6e81181c0dafcf7f56b977445e9 Mon Sep 17 00:00:00 2001
From: Yohan Boujon <yo.boujon@gmail.com>
Date: Mon, 31 Mar 2025 22:53:37 +0200
Subject: [PATCH] Cover Images now as a slight border radius, respecting
 Etheryo design philosophy.

---
 src/lib/components/footer.svelte |  2 +-
 src/lib/css/cover-img.css        | 16 ++++++----------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/footer.svelte b/src/lib/components/footer.svelte
index c49f5ac..de1b55b 100644
--- a/src/lib/components/footer.svelte
+++ b/src/lib/components/footer.svelte
@@ -51,7 +51,7 @@
 		</div>
 	</div>
 	<div class="footer-slider align-center">
-		<span>{new Date().getFullYear()}{mainjson.footer.copyright}</span>
+		<span>2023-{new Date().getFullYear()}{mainjson.footer.copyright}</span>
 		<div class="flex-end">
 			<ButtonSlider
 				keys={[mainjson.footer.about.name, mainjson.footer.vision.name, mainjson.footer.contact.name]}
diff --git a/src/lib/css/cover-img.css b/src/lib/css/cover-img.css
index 28eb6d5..02511ed 100644
--- a/src/lib/css/cover-img.css
+++ b/src/lib/css/cover-img.css
@@ -4,10 +4,10 @@
         "cover-img-gradient"
         "cover-img-title"
         "cover-img-subtitle"
-        "cover-img-block-shadow"
         "cover-img-darken"
         "cover-img-image";
     width: 100%;
+    margin-bottom: 2rem;
 }
 
 .cover-img-gradient {
@@ -18,15 +18,6 @@
     z-index: 0;
 }
 
-.cover-img-shadow {
-    grid-area: overlay;
-    width: 100%;
-    height: calc(var(--navbar-height)*2);
-    background-color: rgba(0, 0, 0, 0);
-    align-self: end;
-    box-shadow: rgba(0, 0, 0, 0.2) 0px -120px 60px -20px inset, rgba(0, 0, 0, 0.4) 0px -100px 60px -18px inset;
-}
-
 .cover-img-text {
     grid-area: overlay;
     padding: 4rem;
@@ -54,10 +45,15 @@
     grid-area: overlay;
     background-color: rgb(0, 0, 0, 0.35);
     z-index: 0;
+    border-bottom-left-radius: 2rem;
+    border-bottom-right-radius: 2rem;
 }
 
 .cover-img-image img {
     width: 100dvw;
     height: 100dvh;
     object-fit: cover;
+    border-bottom-left-radius: 2rem;
+    border-bottom-right-radius: 2rem;
+    box-shadow: rgba(79, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
 }
\ No newline at end of file