Add dev.to button

css/brands.css

@@ -114,6 +114,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* dev.to */
+.button.button-dev-to {
+  color: #000000;
+  background-color: #f5f5f5;
+}
+.button.button-dev-to:hover,
+.button.button-dev-to:focus {
+  filter: brightness(90%);
+}
+
 /* Discord */
 .button.button-discord {
   color: #ffffff;

images/icons/dev_to.svg

@@ -0,0 +1 @@
+<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#000000" d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z"/></svg>

index.html

@@ -330,6 +330,11 @@
             src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin</a>
         <br>
 
+        <!-- dev.to -->
+        <a class="button button-dev-to" href="#" target="_blank" rel="noopener"><img class="icon"
+            src="images/icons/dev_to.svg" alt="dev.to Logo">dev.to</a>
+        <br>
+
         <!-- Web -->
         <a class="button button-web" href="#" target="_blank" rel="noopener"><img class="icon"
             src="images/icons/web.svg" alt="Web Logo">Website</a>