From c0e9c98607467f40b71bee0405ac8d9b7e96f292 Mon Sep 17 00:00:00 2001
From: Angel Wang <angel@angelcube.dev>
Date: Fri, 13 Mar 2026 10:58:00 -0600
Subject: [PATCH] refactor: use font awesome icons

---
 package-lock.json           | 62 +++++++++++++++++++++++++++++++++++++
 package.json                |  4 +++
 src/components/footer.astro | 13 ++++----
 src/styles/footer.scss      |  8 +++--
 4 files changed, 78 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 048dc2c..5f61033 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,10 @@
       "dependencies": {
         "@astrojs/mdx": "^4.2.1",
         "@astrojs/react": "^5.0.0",
+        "@fortawesome/fontawesome-svg-core": "^7.2.0",
+        "@fortawesome/free-brands-svg-icons": "^7.2.0",
+        "@fortawesome/free-solid-svg-icons": "^7.2.0",
+        "@fortawesome/react-fontawesome": "^3.2.0",
         "@primer/octicons-react": "^19.22.0",
         "@types/react": "^19.2.14",
         "@types/react-dom": "^19.2.3",
@@ -1447,6 +1451,64 @@
         "node": ">=18"
       }
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.2.0.tgz",
+      "integrity": "sha512-IpR0bER9FY25p+e7BmFH25MZKEwFHTfRAfhOyJubgiDnoJNsSvJ7nigLraHtp4VOG/cy8D7uiV0dLkHOne5Fhw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.2.0.tgz",
+      "integrity": "sha512-6639htZMjEkwskf3J+e6/iar+4cTNM9qhoWuRfj9F3eJD6r7iCzV1SWnQr2Mdv0QT0suuqU8BoJCZUyCtP9R4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.2.0.tgz",
+      "integrity": "sha512-VNG8xqOip1JuJcC3zsVsKRQ60oXG9+oYNDCosjoU/H9pgYmLTEwWw8pE0jhPz/JWdHeUuK6+NQ3qsM4gIbdbYQ==",
+      "license": "(CC-BY-4.0 AND MIT)",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-solid-svg-icons": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.2.0.tgz",
+      "integrity": "sha512-YTVITFGN0/24PxzXrwqCgnyd7njDuzp5ZvaCx5nq/jg55kUYd94Nj8UTchBdBofi/L0nwRfjGOg0E41d2u9T1w==",
+      "license": "(CC-BY-4.0 AND MIT)",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/react-fontawesome": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-3.2.0.tgz",
+      "integrity": "sha512-E9Gu1hqd6JussVO26EC4WqRZssXMnQr2ol7ZNWkkFOH8jZUaxDJ9Z9WF9wIVkC+kJGXUdY3tlffpDwEKfgQrQw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~6 || ~7",
+        "react": "^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/@img/colour": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
diff --git a/package.json b/package.json
index 35363de..3b39ceb 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,10 @@
   "dependencies": {
     "@astrojs/mdx": "^4.2.1",
     "@astrojs/react": "^5.0.0",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-brands-svg-icons": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.2.0",
     "@primer/octicons-react": "^19.22.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
diff --git a/src/components/footer.astro b/src/components/footer.astro
index 91e15f4..b55e74f 100644
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -1,22 +1,21 @@
 ---
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faGithub, faTumblr, faYoutube } from '@fortawesome/free-brands-svg-icons'
 import "../styles/footer.scss";
+
 ---
 
 <footer>
 	<a href="https://github.com/weightedangelcube" style="text-decoration: none;">
-		
-	</a>
-
-	<a href="https://bsky.app/profile/angelcube.dev" style="text-decoration: none;">
-		
+		<FontAwesomeIcon icon={faGithub} />
 	</a>
 
 	<a href="https://insidethecube.tumblr.com/" style="text-decoration: none;">
-		
+		<FontAwesomeIcon icon={faTumblr} />
 	</a>
 
 	<a href="https://www.youtube.com/@weightedangelcube" style="text-decoration: none;">
-		
+		<FontAwesomeIcon icon={faYoutube} />
 	</a>
 
 	<p>Angel Wang &copy 2026 (<a href="/CREDITS.txt">Credits</a>)</p>
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
index 3e81ea7..5c2a457 100644
--- a/src/styles/footer.scss
+++ b/src/styles/footer.scss
@@ -7,8 +7,12 @@ footer {
 }
 
 footer > a {
-    color: var(--footer-color);
-    font-family: 'Symbols Nerd Font Mono';
     font-size: 1.6rem;
 }
 
+footer svg {
+    color: var(--footer-color);
+    width: 24px;
+    height: 24px;
+}
+
-- 
2.51.2