From 4b8e72b1d6d338be8af9d254e3e1299b7daebb6c Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Mon, 11 Mar 2024 15:57:14 -0400
Subject: [PATCH] Pin icon images to specific version

Instead of using the `latest` version, which could introduce breaking changes.
---
 _components/footer.tsx     | 10 +++++-----
 _components/navbar.tsx     | 10 +++++-----
 _components/separator.tsx  |  2 +-
 _includes/styles/base.scss | 10 +++++-----
 blog/index.tsx             |  2 +-
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/_components/footer.tsx b/_components/footer.tsx
index 05f2a7f..be1d710 100644
--- a/_components/footer.tsx
+++ b/_components/footer.tsx
@@ -9,7 +9,7 @@ export default function ({ comp }) {
       <div className="social-links">
         <a href="https://code.fosterhangdaan.com/foster" title="Forgejo">
           <img
-            src="https://static.fosterhangdaan.com/icons/simple-icons/latest/forgejo.svg"
+            src="https://static.fosterhangdaan.com/icons/simple-icons/v10.2.0/forgejo.svg"
             className="icon"
             style={iconStyle}
             alt="forgejo"
@@ -17,7 +17,7 @@ export default function ({ comp }) {
         </a>
         <a href="mailto:foster@hangdaan.email" title="eMail">
           <img
-            src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/mail-filled.svg"
+            src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/mail-filled.svg"
             className="icon"
             style={iconStyle}
             alt="e-mail"
@@ -25,7 +25,7 @@ export default function ({ comp }) {
         </a>
         <a href="https://www.fosterhangdaan.com/blog/feed.rss" title="RSS Feed">
           <img
-            src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/rss.svg"
+            src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/rss.svg"
             className="icon"
             style={iconStyle}
             alt="rss"
@@ -36,7 +36,7 @@ export default function ({ comp }) {
           title="JSON Feed"
         >
           <img
-            src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/braces.svg"
+            src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/braces.svg"
             className="icon"
             style={iconStyle}
             alt="json feed"
@@ -49,7 +49,7 @@ export default function ({ comp }) {
         <a href="https://www.typescriptlang.org/">TypeScript</a> and lots of
         {" "}
         <img
-          src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/heart.svg"
+          src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/heart.svg"
           className="icon"
           style={{ filter: "var(--filter-red)" }}
           title="love"
diff --git a/_components/navbar.tsx b/_components/navbar.tsx
index efed043..01c59e5 100644
--- a/_components/navbar.tsx
+++ b/_components/navbar.tsx
@@ -9,7 +9,7 @@ export default function () {
         <li className="navbar-list-item home">
           <a href="/" title="Home">
             <img
-              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/home.svg"
+              src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/home.svg"
               className="icon"
               style={iconStyle}
               alt="home"
@@ -19,7 +19,7 @@ export default function () {
         <li className="navbar-list-item">
           <a href="/blog/" title="Blog">
             <img
-              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/news.svg"
+              src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/news.svg"
               className="icon"
               style={iconStyle}
               alt="blog"
@@ -29,7 +29,7 @@ export default function () {
         <li className="navbar-list-item">
           <a href="/resume/" title="Resume">
             <img
-              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/file-cv.svg"
+              src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/file-cv.svg"
               className="icon"
               style={iconStyle}
               alt="resume"
@@ -39,7 +39,7 @@ export default function () {
         <li className="navbar-list-item">
           <a href="/gpg-key/" title="GPG Key">
             <img
-              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/key.svg"
+              src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/key.svg"
               className="icon"
               style={iconStyle}
               alt="gpg key"
@@ -49,7 +49,7 @@ export default function () {
         <li className="navbar-list-item">
           <a href="/about/" title="About">
             <img
-              src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/info-circle.svg"
+              src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/info-circle.svg"
               className="icon"
               style={iconStyle}
               alt="about"
diff --git a/_components/separator.tsx b/_components/separator.tsx
index 5499efd..499dd17 100644
--- a/_components/separator.tsx
+++ b/_components/separator.tsx
@@ -4,7 +4,7 @@ export default function () {
       <span className="outer-outline" />
       <span>
         <img
-          src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/diamonds.svg"
+          src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/diamonds.svg"
           className="icon"
           style={{ filter: "var(--filter-black)" }}
           alt=""
diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss
index 5c86d19..84bef9b 100644
--- a/_includes/styles/base.scss
+++ b/_includes/styles/base.scss
@@ -164,34 +164,34 @@ blockquote {
     left: calc(-0.75rem - 1.5rem);
     filter: var(--filter-bg);
     content: "";
-    background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/quote.svg");
+    background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/quote.svg");
     background-repeat: no-repeat !important;
     background-size: contain !important;
   }
   &.info {
     &::before {
-      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/info-circle.svg");
+      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/info-circle.svg");
     }
     color: var(--color-blue);
     border-color: var(--color-blue);
   }
   &.success {
     &::before {
-      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/check.svg");
+      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/check.svg");
     }
     color: var(--color-success);
     border-color: var(--color-success);
   }
   &.warning {
     &::before {
-      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/alert-triangle.svg");
+      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/alert-triangle.svg");
     }
     color: var(--color-warn);
     border-color: var(--color-warn);
   }
   &.danger {
     &::before {
-      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/circle-x.svg");
+      background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/circle-x.svg");
     }
     color: var(--color-error);
     border-color: var(--color-error);
diff --git a/blog/index.tsx b/blog/index.tsx
index 0c7b2d4..8df654b 100644
--- a/blog/index.tsx
+++ b/blog/index.tsx
@@ -18,7 +18,7 @@ export default function ({ nav, comp }) {
     return (
       <div className="no-posts">
         <img
-          src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/coffee.svg"
+          src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/coffee.svg"
           className="icon"
           alt=""
         />