From 304538bc8ea241572d199bdcd858f49ea1ba859b Mon Sep 17 00:00:00 2001
From: David Watkins <david@davidofwatkins.com>
Date: Sun, 17 Mar 2024 17:51:16 -0700
Subject: [PATCH] Use proper social media icons

commit 12e6295a26ed067cad051ca566c469de754f0333
Author: David Watkins <david@davidofwatkins.com>
Date:   Sun Mar 17 17:42:26 2024 -0700

    Use social images in home page

commit fb628091f7d57c55ccf5c13c07bec8b4ed6df92e
Author: David Watkins <david@davidofwatkins.com>
Date:   Sun Mar 17 17:42:11 2024 -0700

    Add social SVGs
---
 assets/css/home.scss                   | 32 +++++++++
 assets/css/main.scss                   |  3 +-
 assets/i/social-icons/bluesky.svg      |  4 ++
 assets/i/social-icons/github-dark.svg  |  1 +
 assets/i/social-icons/github-light.svg |  1 +
 assets/i/social-icons/keybase.svg      | 91 ++++++++++++++++++++++++++
 assets/i/social-icons/linkedin.svg     |  1 +
 assets/i/social-icons/mastodon.svg     |  4 ++
 assets/i/social-icons/twitter.svg      |  4 ++
 assets/i/social-icons/youtube.svg      |  1 +
 index.md                               | 19 ++++--
 11 files changed, 155 insertions(+), 6 deletions(-)
 create mode 100644 assets/i/social-icons/bluesky.svg
 create mode 100644 assets/i/social-icons/github-dark.svg
 create mode 100644 assets/i/social-icons/github-light.svg
 create mode 100644 assets/i/social-icons/keybase.svg
 create mode 100644 assets/i/social-icons/linkedin.svg
 create mode 100644 assets/i/social-icons/mastodon.svg
 create mode 100644 assets/i/social-icons/twitter.svg
 create mode 100644 assets/i/social-icons/youtube.svg

diff --git a/assets/css/home.scss b/assets/css/home.scss
index 05ee206..87f1fd5 100644
--- a/assets/css/home.scss
+++ b/assets/css/home.scss
@@ -5,4 +5,36 @@
     margin: 15vh auto 0 auto;
     max-width: 900px;
     padding: 0 40px;
+
+    ul {
+        list-style: none;
+
+        li {
+            margin: 4px 0px;
+
+            img,
+            a {
+                vertical-align: middle;
+            }
+        }
+    }
+
+    img.social-icon {
+        display: inline;
+        width: 14px;
+        margin-right: 4px;
+
+        &.dark-only {
+            display: none;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+        img.social-icon.light-only {
+            display: none;
+        }
+        img.social-icon.dark-only {
+            display: inline;
+        }
+    }
 }
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 9d805c3..d85cf3f 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -20,6 +20,7 @@ a {
     }
 }
 
-p {
+p,
+ul {
     font-size: 16px;
 }
diff --git a/assets/i/social-icons/bluesky.svg b/assets/i/social-icons/bluesky.svg
new file mode 100644
index 0000000..c71e201
--- /dev/null
+++ b/assets/i/social-icons/bluesky.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="600" height="530" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="#1185fe"/>
+</svg>
diff --git a/assets/i/social-icons/github-dark.svg b/assets/i/social-icons/github-dark.svg
new file mode 100644
index 0000000..d5e6491
--- /dev/null
+++ b/assets/i/social-icons/github-dark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/assets/i/social-icons/github-light.svg b/assets/i/social-icons/github-light.svg
new file mode 100644
index 0000000..37fa923
--- /dev/null
+++ b/assets/i/social-icons/github-light.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
\ No newline at end of file
diff --git a/assets/i/social-icons/keybase.svg b/assets/i/social-icons/keybase.svg
new file mode 100644
index 0000000..b08f812
--- /dev/null
+++ b/assets/i/social-icons/keybase.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 223.33333 204.89906"
+   height="204.89906"
+   width="223.33333"
+   xml:space="preserve"
+   id="svg4504"
+   version="1.1"><metadata
+     id="metadata4510"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs4508"><clipPath
+       id="clipPath4520"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path4518"
+         d="M 0,600 H 600 V 0 H 0 Z" /></clipPath></defs><g
+     transform="matrix(1.3333333,0,0,-1.3333333,-288.33333,502.44932)"
+     id="g4512"><g
+       id="g4514"><g
+         clip-path="url(#clipPath4520)"
+         id="g4516"><g
+           transform="translate(300,362.4287)"
+           id="g4522"><path
+             id="path4524"
+             style="fill:#33a0ff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -44.183,0 -80,-35.817 -80,-80 0,-15.254 4.271,-29.509 11.679,-41.639 l 20.9,22.191 105.783,-0.661 -0.766,-35.407 C 71.467,-121.129 80,-101.562 80,-80 80,-35.817 44.183,0 0,0" /></g><g
+           transform="translate(263.8363,339.6274)"
+           id="g4526"><path
+             id="path4528"
+             style="fill:#3dcc8e;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -3.899,0.239 -6.887,3.608 -6.66,7.511 l 0.529,8.547 c 0.232,3.739 3.35,6.669 7.097,6.669 0.14,0 0.281,-0.004 0.422,-0.013 L 9.93,22.185 c 1.89,-0.115 3.627,-0.962 4.885,-2.386 1.26,-1.424 1.888,-3.256 1.767,-5.156 L 16.058,6.129 C 16.027,5.637 15.928,5.247 15.867,5.034 L 15.563,3.547 9.942,-0.615 Z" /></g><g
+           transform="translate(264.8025,366.6468)"
+           id="g4530"><path
+             id="path4532"
+             style="fill:#282828;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -6.01,0 -11.009,-4.698 -11.381,-10.696 l -0.529,-8.532 -10e-4,-0.016 -0.001,-0.015 c -0.364,-6.259 4.43,-11.662 10.686,-12.045 l 8.375,-0.518 3.123,-0.193 2.515,1.862 3.042,2.251 2.643,1.957 0.607,2.967 c 0.12,0.455 0.25,1.068 0.297,1.818 l 0.524,8.522 c 0.192,3.045 -0.817,5.98 -2.839,8.266 -2.013,2.278 -4.8,3.638 -7.843,3.823 L 0.7,-0.021 H 0.688 L 0.675,-0.02 C 0.451,-0.007 0.224,0 0,0 m 6.378,-18.621 0.314,5.075 -5.076,0.314 -0.315,-5.076 5.077,-0.313 M 0,-8.585 c 0.056,0 0.113,-0.002 0.17,-0.005 l 8.528,-0.529 c 0.747,-0.045 1.436,-0.38 1.933,-0.943 0.5,-0.565 0.749,-1.29 0.701,-2.041 l -0.525,-8.524 c -0.008,-0.132 -0.061,-0.248 -0.086,-0.374 l -3.042,-2.252 -8.38,0.518 c -1.546,0.095 -2.73,1.43 -2.64,2.977 l 0.529,8.531 c 0.092,1.489 1.327,2.642 2.812,2.642" /></g><g
+           transform="translate(300,320.9623)"
+           id="g4534"><path
+             id="path4536"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -33.402,0 -60.48,-27.078 -60.48,-60.48 0,-12.421 3.746,-23.965 10.167,-33.569 H 52.742 c 5.424,9.907 7.738,21.637 7.738,33.569 C 60.48,-29.566 33.402,0 0,0" /></g><g
+           transform="translate(299.9999,325.255)"
+           id="g4538"><path
+             id="path4540"
+             style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -35.716,0 -64.773,-29.057 -64.773,-64.773 0,-12.28 3.436,-23.774 9.396,-33.569 h 10.347 c -7.005,9.372 -11.157,20.995 -11.157,33.569 0,30.982 25.205,56.188 56.187,56.188 14.716,0 28.811,-6.161 39.688,-17.348 10.486,-10.783 16.5,-24.94 16.5,-38.84 0,-9.517 -1.572,-22.45 -8.405,-33.569 h 9.799 c 4.729,9.519 7.191,20.9 7.191,33.569 0,16.116 -6.899,32.454 -18.929,44.826 C 33.336,-7.084 17.055,0 0,0" /></g><g
+           transform="translate(287.7891,242.9254)"
+           id="g4542"><path
+             id="path4544"
+             style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c 0,-3.207 -2.599,-5.806 -5.806,-5.806 -3.207,0 -5.806,2.599 -5.806,5.806 0,3.207 2.599,5.806 5.806,5.806 C -2.599,5.806 0,3.207 0,0" /></g><g
+           transform="translate(323.8228,242.9254)"
+           id="g4546"><path
+             id="path4548"
+             style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c 0,-3.207 -2.599,-5.806 -5.806,-5.806 -3.207,0 -5.806,2.599 -5.806,5.806 0,3.207 2.599,5.806 5.806,5.806 C -2.599,5.806 0,3.207 0,0" /></g><g
+           transform="translate(234.0117,245.2287)"
+           id="g4550"><path
+             id="path4552"
+             style="fill:#ff6f21;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="M 0,0 32.228,34.18 24.471,9.861 c 25.161,18.31 51.575,15.415 70.174,9.953 19.741,-5.796 33.562,11.639 20.032,30.238 C 108.248,58.891 99.429,66.23 89.412,70.681 63.139,82.352 36.724,75.547 18.905,57.547 0.029,38.479 0,17.33 0,0" /></g><g
+           transform="translate(296.9716,317.3886)"
+           id="g4554"><path
+             id="path4556"
+             style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -3.741,0 -7.456,-0.373 -11.107,-1.124 -11.135,-2.29 -21.473,-7.999 -29.897,-16.509 -13.993,-14.135 -16.901,-29.306 -17.505,-43.549 l 37.603,39.881 -9.955,-31.208 c 18.708,9.781 40.099,11.228 63.755,4.282 7.528,-2.21 14.351,-0.535 17.808,4.371 3.551,5.041 2.633,12.227 -2.456,19.223 -6.081,8.36 -14.44,15.189 -23.537,19.231 C 16.641,-1.818 8.259,0 0,0 m -67.252,-82.97 v 10.81 c 0,17.917 0,40.215 20.146,60.567 9.62,9.717 21.47,16.245 34.269,18.878 13.474,2.772 27.662,1.098 41.032,-4.841 10.453,-4.644 20.04,-12.467 26.994,-22.026 7.243,-9.958 8.213,-21.154 2.531,-29.218 -5.555,-7.885 -16.247,-10.892 -27.245,-7.664 -25.364,7.448 -47.718,4.317 -66.438,-9.306 l -10.6,-7.713 6.005,18.825 z" /></g><g
+           transform="translate(315.4395,324.1835)"
+           id="g4558"><path
+             id="path4560"
+             style="fill:#ff6f21;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -3.821,-9.956 -14.901,-15.515 -25.167,-12.625 -11.566,3.257 -17.673,12.552 -16.207,24.342 1.459,11.725 9.382,22.005 18.515,34.677 -7.502,-15.969 -1.129,-17.465 0.887,-17.385 1.992,0.079 4.9,-0.261 9.039,-1.634 C -1.656,23.632 4.305,11.218 0,0" /></g><g
+           transform="translate(285.8294,353.465)"
+           id="g4562"><path
+             id="path4564"
+             style="fill:#282827;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -3.962,-6.212 -6.744,-11.986 -7.504,-18.094 -1.203,-9.673 3.698,-17.03 13.111,-19.68 8.172,-2.301 16.954,2.105 19.996,10.03 1.649,4.298 1.477,8.947 -0.484,13.091 -1.963,4.148 -5.441,7.228 -9.794,8.672 -3.82,1.268 -6.198,1.469 -7.516,1.419 C 4.85,-4.678 2.119,-3.3 0.509,-0.872 0.323,-0.592 0.153,-0.302 0,0 m 9.977,-46.963 c -2.226,0 -4.475,0.299 -6.697,0.925 -6.666,1.877 -11.993,5.587 -15.404,10.729 -3.401,5.126 -4.749,11.445 -3.9,18.275 1.5,12.057 8.931,22.329 17.535,34.223 0.58,0.802 1.166,1.612 1.758,2.433 l 7.367,-4.335 C 7,7.546 7.417,4.68 7.608,4.026 c 2.925,0.089 6.431,-0.534 10.421,-1.858 6.601,-2.191 11.875,-6.86 14.85,-13.149 2.974,-6.284 3.236,-13.33 0.739,-19.839 C 29.83,-40.689 20.172,-46.963 9.977,-46.963" /></g><g
+           transform="translate(304.5916,286.1613)"
+           id="g4566"><path
+             id="path4568"
+             style="fill:#3dcc8e;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -1.503,0 -2.911,0.668 -3.861,1.832 l -2.888,3.537 c -1.674,2.05 -1.434,5.049 0.501,6.811 -0.625,0.306 -1.184,0.747 -1.638,1.303 l -0.659,0.807 c -1.734,2.123 -1.417,5.26 0.705,6.993 l 0.415,0.339 -4.23,5.192 c -1.881,2.304 -1.536,5.713 0.77,7.597 0.967,0.788 2.179,1.219 3.417,1.219 1.626,0 3.151,-0.722 4.182,-1.982 L 14.757,11.441 C 16.635,9.14 16.29,5.731 13.984,3.847 13.348,3.327 12.586,2.953 11.784,2.768 11.386,2.676 10.976,2.63 10.567,2.63 v 0 C 9.161,2.63 7.832,3.169 6.831,4.128 L 3.15,1.123 C 2.263,0.399 1.144,0 0,0" /></g><g
+           transform="translate(304.0229,322.0345)"
+           id="g4570"><path
+             id="path4572"
+             style="fill:#282828;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 c -1.701,2.078 -4.216,3.269 -6.899,3.269 -2.044,0 -4.044,-0.712 -5.631,-2.004 -3.814,-3.116 -4.382,-8.741 -1.275,-12.547 l 2.35,-2.885 c -1.726,-2.968 -1.539,-6.824 0.758,-9.637 l 0.442,-0.542 c -1.039,-2.741 -0.63,-5.95 1.354,-8.379 l 2.888,-3.538 c 1.619,-1.984 4.018,-3.122 6.581,-3.122 1.952,0 3.86,0.679 5.372,1.914 l 1.73,1.412 c 1.082,-0.455 2.257,-0.697 3.466,-0.697 0.674,0 1.349,0.077 2.006,0.229 1.324,0.305 2.58,0.921 3.633,1.781 3.805,3.109 4.373,8.734 1.267,12.54 L 0.017,-0.021 Z m -6.899,-3.755 c 0.547,0 1.09,-0.238 1.464,-0.696 L 12.6,-26.647 c 0.66,-0.809 0.539,-1.999 -0.269,-2.659 -0.233,-0.19 -0.496,-0.314 -0.769,-0.377 -0.14,-0.033 -0.283,-0.049 -0.426,-0.049 -0.548,0 -1.091,0.237 -1.465,0.695 l -1.796,2.213 -6.377,-5.205 c -0.273,-0.224 -0.602,-0.332 -0.93,-0.332 -0.426,0 -0.849,0.185 -1.14,0.541 l -2.888,3.537 c -0.508,0.622 -0.415,1.538 0.207,2.046 l 6.408,5.231 -2.618,3.228 -3.17,-2.59 c -0.26,-0.211 -0.572,-0.314 -0.882,-0.314 -0.404,0 -0.805,0.175 -1.081,0.512 l -0.66,0.809 c -0.509,0.623 -0.417,1.541 0.206,2.05 l 3.133,2.558 -6.447,7.913 c -0.66,0.808 -0.539,1.998 0.269,2.658 0.353,0.287 0.776,0.427 1.196,0.427" /></g></g></g></g></svg>
\ No newline at end of file
diff --git a/assets/i/social-icons/linkedin.svg b/assets/i/social-icons/linkedin.svg
new file mode 100644
index 0000000..46087a0
--- /dev/null
+++ b/assets/i/social-icons/linkedin.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="72" viewBox="0 0 72 72" width="72" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" fill="#007EBB"/><path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFF"/></g></svg>
\ No newline at end of file
diff --git a/assets/i/social-icons/mastodon.svg b/assets/i/social-icons/mastodon.svg
new file mode 100644
index 0000000..87ec2c5
--- /dev/null
+++ b/assets/i/social-icons/mastodon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
+  <path fill="#2b90d9" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
+  <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
+</svg>
diff --git a/assets/i/social-icons/twitter.svg b/assets/i/social-icons/twitter.svg
new file mode 100644
index 0000000..d60af2b
--- /dev/null
+++ b/assets/i/social-icons/twitter.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 248 204">
+  <path fill="#1d9bf0" d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07 7.57 1.46 15.37 1.16 22.8-.87-23.56-4.76-40.51-25.46-40.51-49.5v-.64c7.02 3.91 14.88 6.08 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71c25.64 31.55 63.47 50.73 104.08 52.76-4.07-17.54 1.49-35.92 14.61-48.25 20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26-3.77 11.69-11.66 21.62-22.2 27.93 10.01-1.18 19.79-3.86 29-7.95-6.78 10.16-15.32 19.01-25.2 26.16z"/>
+</svg>
\ No newline at end of file
diff --git a/assets/i/social-icons/youtube.svg b/assets/i/social-icons/youtube.svg
new file mode 100644
index 0000000..a2be57b
--- /dev/null
+++ b/assets/i/social-icons/youtube.svg
@@ -0,0 +1 @@
+<svg width="159" height="110" xmlns="http://www.w3.org/2000/svg"><path d="m154 17.5c-1.82-6.73-7.07-12-13.8-13.8-9.04-3.49-96.6-5.2-122 0.1-6.73 1.82-12 7.07-13.8 13.8-4.08 17.9-4.39 56.6 0.1 74.9 1.82 6.73 7.07 12 13.8 13.8 17.9 4.12 103 4.7 122 0 6.73-1.82 12-7.07 13.8-13.8 4.35-19.5 4.66-55.8-0.1-75z" fill="#f00"/><path d="m105 55-40.8-23.4v46.8z" fill="#fff"/></svg>
diff --git a/index.md b/index.md
index cfd8ae5..cf26cfc 100644
--- a/index.md
+++ b/index.md
@@ -12,11 +12,20 @@ I write software at a startup in San Francisco called [Zenput](https://www.zenpu
 
 If you're here for my resume, you can find it [here](/assets/downloads/resume.pdf). Otherwise, maybe one of the following is what you're looking for:
 
--   👥 &nbsp;[LinkedIn](https://www.linkedin.com/in/davidofwatkins/)
--   👨‍💻 &nbsp;[Github](https://github.com/davidofwatkins)
--   ⏯️ &nbsp;[YouTube](https://www.youtube.com/@davidofwatkins)
--   🐦 &nbsp;[Twitter](https://twitter.com/{{ site.twitter }})
--   🔒 &nbsp;[Keybase](https://keybase.io/davidofwatkins)
+-   <img class="social-icon" aria-hidden="true" src="/assets/i/social-icons/linkedin.svg" />
+    [LinkedIn](https://www.linkedin.com/in/davidofwatkins/)
+-   <img class="social-icon light-only" src="/assets/i/social-icons/github-light.svg" />
+    [Github](https://github.com/davidofwatkins)
+-   <img class="social-icon" aria-hidden="true" src="/assets/i/social-icons/youtube.svg" />
+    [YouTube](https://www.youtube.com/@davidofwatkins)
+-   <img class="social-icon" aria-hidden="true" src="/assets/i/social-icons/twitter.svg" />
+    [Twitter](https://twitter.com/{{ site.twitter }})
+-   <img class="social-icon" aria-hidden="true" src="/assets/i/social-icons/mastodon.svg" />
+    <a rel="me" href="https://mas.to/@davidofwatkins">Mastodon</a>
+-   <img class="social-icon" aria-hidden="true" src="/assets/i/social-icons/bluesky.svg" />
+    [Bluesky](https://bsky.app/profile/davidofwatkins.com)
+-   <img class="social-icon" aria-hidden="true" src="/assets/i/social-icons/keybase.svg" />
+    [Keybase](https://keybase.io/davidofwatkins)
 
 <br>