From c18f28e89cb9eeec68cec8f24a85607ca6e498fc Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Wed, 28 Feb 2024 12:10:37 -0800
Subject: [PATCH] chore: add npm icon + link

---
 package-lock.json                              | 8 ++++----
 package.json                                   | 4 ++--
 src/_data/nav.js                               | 1 +
 src/_includes/partials/nav/theme-toggle.liquid | 4 +++-
 src/assets/styles/index.css                    | 3 ++-
 src/assets/styles/partials/vars.css            | 3 ++-
 6 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f65b42d2..c4458497 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "6.6.3",
       "license": "MIT",
       "dependencies": {
-        "@cdransf/theme-toggle": "^1.1.1",
+        "@cdransf/theme-toggle": "^1.1.2",
         "@daviddarnes/mastodon-post": "^1.1.1",
         "@remy/webmention": "^1.5.0",
         "@zachleat/pagefind-search": "^1.0.3",
@@ -1230,9 +1230,9 @@
       }
     },
     "node_modules/@cdransf/theme-toggle": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-1.1.1.tgz",
-      "integrity": "sha512-WUUj8rr6tf2vegJNFL31afWfHe9t05Ow8C5uK/sNLN3TXcNLlsG2oaYGQAajXkP2XOoaYte83RYu0wTCpdF58Q=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-1.1.2.tgz",
+      "integrity": "sha512-J46c75+Ie0fgWmSN3uCE8pTrCWklTgn3clBDtEvXNoJhXv145NcQ9Aj2ZBCMaV+BrhAgJjzCjzdaeH4UUJVF/g=="
     },
     "node_modules/@daviddarnes/mastodon-post": {
       "version": "1.1.1",
diff --git a/package.json b/package.json
index 92655594..277da9e3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "6.6.3",
+  "version": "6.6.4",
   "description": "The source for my personal site. Built using 11ty and hosted on Netlify.",
   "type": "module",
   "scripts": {
@@ -20,7 +20,7 @@
   "author": "Cory Dransfeldt",
   "license": "MIT",
   "dependencies": {
-    "@cdransf/theme-toggle": "^1.1.1",
+    "@cdransf/theme-toggle": "^1.1.2",
     "@daviddarnes/mastodon-post": "^1.1.1",
     "@remy/webmention": "^1.5.0",
     "@zachleat/pagefind-search": "^1.0.3",
diff --git a/src/_data/nav.js b/src/_data/nav.js
index d90ece86..8e87ba41 100644
--- a/src/_data/nav.js
+++ b/src/_data/nav.js
@@ -19,6 +19,7 @@ export default async function () {
     social: [
       { name: 'Email', url: '/contact', icon: 'at' },
       { name: 'GitHub', url: 'https://github.com/cdransf', icon: 'brand-github' },
+      { name: 'npm', url: 'https://www.npmjs.com/~cdransf', icon: 'brand-npm'},
       { name: 'Mastodon', url: 'https://social.lol/@cory', icon: 'brand-mastodon' },
       { name: 'Last.fm', url: 'https://www.last.fm/user/coryd_', icon: 'brand-lastfm' },
       { name: 'Trakt', url: 'https://trakt.tv/users/cdransf', icon: 'device-tv' },
diff --git a/src/_includes/partials/nav/theme-toggle.liquid b/src/_includes/partials/nav/theme-toggle.liquid
index 1e6390c7..dc48640b 100644
--- a/src/_includes/partials/nav/theme-toggle.liquid
+++ b/src/_includes/partials/nav/theme-toggle.liquid
@@ -4,7 +4,9 @@
 {% endcapture %}
 <style>{{ css }}</style>
 <template id="theme-toggle-template">
-  <button class="theme__toggle">
+  <button
+    class="theme__toggle"
+    aria-label="Toggle site theme">
     <span class="light">
       {% tablericon "sun" "Toggle light theme" %}
     </span>
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index 2e9eb524..c8b70701 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -232,6 +232,7 @@ nav ul li .active svg:hover {
 /* social icons */
 .at svg { stroke: var(--brand-hey) !important; }
 .brand-github svg { stroke: var(--brand-github) !important; }
+.brand-npm svg { stroke: var(--brand-npm) !important; }
 .brand-mastodon svg { stroke: var(--brand-mastodon) !important; }
 .brand-lastfm svg { stroke: var(--brand-lastfm) !important; }
 .device-tv svg { stroke: var(--brand-trakt) !important; }
@@ -271,7 +272,7 @@ article {
 }
 
 footer nav:first-child {
-  gap: .75rem;
+  gap: .6rem;
   margin-top: 2rem;
   padding: 2rem 0 1rem;
   width: 100%;
diff --git a/src/assets/styles/partials/vars.css b/src/assets/styles/partials/vars.css
index 17e8e065..b566a7c0 100644
--- a/src/assets/styles/partials/vars.css
+++ b/src/assets/styles/partials/vars.css
@@ -42,8 +42,9 @@
   --accent-color-hover: var(--blue-800);
   --selection-color: var(--accent-color);
 
-  --brand-github: #333;
   --brand-hey: #5522fa;
+  --brand-github: #333;
+  --brand-npm: #cc3534;
   --brand-mastodon: #6364ff;
   --brand-lastfm: #d51007;
   --brand-trakt: #ed1c24;