From 9e73f5b781256e10be040763e2cee5fd51788029 Mon Sep 17 00:00:00 2001
From: Joakim <joakim@jnss.me>
Date: Tue, 23 Dec 2025 23:32:24 +0100
Subject: [PATCH] Updated favicon

---
 src/lib/assets/favicon.svg          |  2 +-
 src/lib/components/LinkCards.svelte | 54 ++++++++++++++++-------------
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/src/lib/assets/favicon.svg b/src/lib/assets/favicon.svg
index cc5dc66..014b3fd 100644
--- a/src/lib/assets/favicon.svg
+++ b/src/lib/assets/favicon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#d16b6b" d="M576 304.2L576 320L64 320C64 300 74 281.3 90.6 270.2L338.9 104.7C347.5 99 357.5 96 367.8 96C482.8 96 576 189.2 576 304.2zM576 368L576 480C576 515.3 547.3 544 512 544L128 544C92.7 544 64 515.3 64 480L64 368L576 368z"/></svg>
diff --git a/src/lib/components/LinkCards.svelte b/src/lib/components/LinkCards.svelte
index c75da00..d0d39e5 100644
--- a/src/lib/components/LinkCards.svelte
+++ b/src/lib/components/LinkCards.svelte
@@ -5,41 +5,45 @@
     import Metrics from "$lib/assets/chart.svg?component";
 </script>
 
-<div >
-	<a href="https://cloud.jnss.me"><Cloud /><span>Cloud</span></a>
-	<a href="https://git.jnss.me"><GitBranch /><span>Git</span></a>
-	<a href="https://vault.jnss.me"><Vault /><span>Vault</span></a>
-	<a href="https://metrics.jnss.me"><Metrics /><span>Metrics</span></a>
+<div>
+    <a href="https://cloud.jnss.me"><Cloud /><span>Cloud</span></a>
+    <a href="https://git.jnss.me"><GitBranch /><span>Git</span></a>
+    <a href="https://vault.jnss.me"><Vault /><span>Vault</span></a>
+    <a href="https://metrics.jnss.me"><Metrics /><span>Metrics</span></a>
 </div>
 
 <style>
     div {
-            --card-size: 150px;
+        --card-size: 150px;
 
+        container-type: inline-size;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        gap: var(--spacing50);
+
+        a {
             display: flex;
-            flex-wrap: wrap;
+            flex-direction: column;
+            align-items: center;
             justify-content: center;
-            gap: var(--spacing50);
+            padding: var(--spacing50);
+            gap: var(--spacing30);
 
-            a {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                padding: var(--spacing50);
-                gap: var(--spacing30);
+            width: var(--card-size);
+            height: var(--card-size);
 
-                width: var(--card-size);
-                height: var(--card-size);
+            color: var(--text-color-primary);
+            border: var(--border-size) solid var(--border-color);
+            border-radius: var(--border-radius);
 
-                color: var(--text-color-primary);
-                border: var(--border-size) solid var(--border-color);
-                border-radius: var(--border-radius);
-
-                span {
-                    font-size: 1.25rem;
-                }
+            span {
+                font-size: 1.25rem;
             }
         }
-</style>
 
+        @media (width < 515px) {
+            justify-content: center;
+        }
+    }
+</style>