From 67826fcb9b24f8806d1eb08b18f9f5537fc032b7 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Fri, 24 May 2024 20:12:15 +0200
Subject: [PATCH] feat: ajout d'un lien supplementaire

---
 _data/config.json            | 5 +++++
 _includes/layouts/parent.njk | 4 ++++
 public/css/index.css         | 9 ++++++++-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/_data/config.json b/_data/config.json
index 12be634..0be94d5 100644
--- a/_data/config.json
+++ b/_data/config.json
@@ -8,6 +8,11 @@
     {"nom":"Kobold Cafe", "url":"https://kobold.cafe/", "emoji":"☕"},
     {"nom":"Code Source", "url":"https://git.kobold.cafe/kazhnuz/embarcadere", "emoji":"ℹ️"}
   ],
+  "moreLink": {
+    "nom": "Plus de liens sur mon shaarli !",
+    "url": "https://shaarli.kazhnuz.space",
+    "emoji": "🔗"
+  },
   "siteBlocks":[
     {
       "nom":"Réseaux sociaux",
diff --git a/_includes/layouts/parent.njk b/_includes/layouts/parent.njk
index 074ff2c..b084e9c 100644
--- a/_includes/layouts/parent.njk
+++ b/_includes/layouts/parent.njk
@@ -45,6 +45,10 @@
 				</div>
 			{%- endfor -%}
     </div>
+    
+    <div class="moreLink">
+			<a href="{{ config.moreLink.url }}" rel="noopener"><span class="emoji" aria-hidden=true>{{config.moreLink.emoji}}</span> {{ config.moreLink.nom }}</a>
+    </div>
   </main>
 	<div class="mascotte">
 		<div>
diff --git a/public/css/index.css b/public/css/index.css
index 03bada8..3f52d99 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -111,9 +111,15 @@ main input:hover, main input:focus-visible {
 /** Featured Links handling **/
 
 .featured {
+  margin-top: 1rem;
   margin-bottom:1rem;
 }
 
+.moreLink {
+  margin-top: 1.5rem;
+}
+
+.moreLink a,
 .featured a {
   display:inline-block;
   padding: 0.33rem 1.33rem;
@@ -121,12 +127,13 @@ main input:hover, main input:focus-visible {
   border-radius:9999px;
   background-color: var(--color-accent);
   color:white;
-  box-shadow:0px 2px 1px rgba(0,0,0,0.5);
+  box-shadow:0px 2px 1px rgba(0,0,0,0.3);
   margin-bottom:1rem;
   backdrop-filter: blur(6px);
   transition: transform 0.05s linear;
 }
 
+.moreLink a:hover,
 .featured a:hover {
   transform: scale(1.1);
 }