chore: add npm icon + link

This commit is contained in:
Cory Dransfeldt 2024-02-28 12:10:37 -08:00
parent de40e51577
commit c18f28e89c
No known key found for this signature in database
6 changed files with 14 additions and 9 deletions

8
package-lock.json generated
View file

@ -9,7 +9,7 @@
"version": "6.6.3", "version": "6.6.3",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/theme-toggle": "^1.1.1", "@cdransf/theme-toggle": "^1.1.2",
"@daviddarnes/mastodon-post": "^1.1.1", "@daviddarnes/mastodon-post": "^1.1.1",
"@remy/webmention": "^1.5.0", "@remy/webmention": "^1.5.0",
"@zachleat/pagefind-search": "^1.0.3", "@zachleat/pagefind-search": "^1.0.3",
@ -1230,9 +1230,9 @@
} }
}, },
"node_modules/@cdransf/theme-toggle": { "node_modules/@cdransf/theme-toggle": {
"version": "1.1.1", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-1.1.1.tgz", "resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-1.1.2.tgz",
"integrity": "sha512-WUUj8rr6tf2vegJNFL31afWfHe9t05Ow8C5uK/sNLN3TXcNLlsG2oaYGQAajXkP2XOoaYte83RYu0wTCpdF58Q==" "integrity": "sha512-J46c75+Ie0fgWmSN3uCE8pTrCWklTgn3clBDtEvXNoJhXv145NcQ9Aj2ZBCMaV+BrhAgJjzCjzdaeH4UUJVF/g=="
}, },
"node_modules/@daviddarnes/mastodon-post": { "node_modules/@daviddarnes/mastodon-post": {
"version": "1.1.1", "version": "1.1.1",

View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "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.", "description": "The source for my personal site. Built using 11ty and hosted on Netlify.",
"type": "module", "type": "module",
"scripts": { "scripts": {
@ -20,7 +20,7 @@
"author": "Cory Dransfeldt", "author": "Cory Dransfeldt",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/theme-toggle": "^1.1.1", "@cdransf/theme-toggle": "^1.1.2",
"@daviddarnes/mastodon-post": "^1.1.1", "@daviddarnes/mastodon-post": "^1.1.1",
"@remy/webmention": "^1.5.0", "@remy/webmention": "^1.5.0",
"@zachleat/pagefind-search": "^1.0.3", "@zachleat/pagefind-search": "^1.0.3",

View file

@ -19,6 +19,7 @@ export default async function () {
social: [ social: [
{ name: 'Email', url: '/contact', icon: 'at' }, { name: 'Email', url: '/contact', icon: 'at' },
{ name: 'GitHub', url: 'https://github.com/cdransf', icon: 'brand-github' }, { 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: 'Mastodon', url: 'https://social.lol/@cory', icon: 'brand-mastodon' },
{ name: 'Last.fm', url: 'https://www.last.fm/user/coryd_', icon: 'brand-lastfm' }, { name: 'Last.fm', url: 'https://www.last.fm/user/coryd_', icon: 'brand-lastfm' },
{ name: 'Trakt', url: 'https://trakt.tv/users/cdransf', icon: 'device-tv' }, { name: 'Trakt', url: 'https://trakt.tv/users/cdransf', icon: 'device-tv' },

View file

@ -4,7 +4,9 @@
{% endcapture %} {% endcapture %}
<style>{{ css }}</style> <style>{{ css }}</style>
<template id="theme-toggle-template"> <template id="theme-toggle-template">
<button class="theme__toggle"> <button
class="theme__toggle"
aria-label="Toggle site theme">
<span class="light"> <span class="light">
{% tablericon "sun" "Toggle light theme" %} {% tablericon "sun" "Toggle light theme" %}
</span> </span>

View file

@ -232,6 +232,7 @@ nav ul li .active svg:hover {
/* social icons */ /* social icons */
.at svg { stroke: var(--brand-hey) !important; } .at svg { stroke: var(--brand-hey) !important; }
.brand-github svg { stroke: var(--brand-github) !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-mastodon svg { stroke: var(--brand-mastodon) !important; }
.brand-lastfm svg { stroke: var(--brand-lastfm) !important; } .brand-lastfm svg { stroke: var(--brand-lastfm) !important; }
.device-tv svg { stroke: var(--brand-trakt) !important; } .device-tv svg { stroke: var(--brand-trakt) !important; }
@ -271,7 +272,7 @@ article {
} }
footer nav:first-child { footer nav:first-child {
gap: .75rem; gap: .6rem;
margin-top: 2rem; margin-top: 2rem;
padding: 2rem 0 1rem; padding: 2rem 0 1rem;
width: 100%; width: 100%;

View file

@ -42,8 +42,9 @@
--accent-color-hover: var(--blue-800); --accent-color-hover: var(--blue-800);
--selection-color: var(--accent-color); --selection-color: var(--accent-color);
--brand-github: #333;
--brand-hey: #5522fa; --brand-hey: #5522fa;
--brand-github: #333;
--brand-npm: #cc3534;
--brand-mastodon: #6364ff; --brand-mastodon: #6364ff;
--brand-lastfm: #d51007; --brand-lastfm: #d51007;
--brand-trakt: #ed1c24; --brand-trakt: #ed1c24;