feat: ajout d'un lien supplementaire

_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",

_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>

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);
 }