Add Devpost icon and button

css/brands.css

@@ -71,6 +71,10 @@ button:hover,
   height: 20px;
 }
 
+.icon-invert {
+  filter:invert(100%)
+}
+
 /* Brand Styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
@@ -154,6 +158,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Devpost */
+.button.button-devpost {
+  color: #ffffff;
+  background-color: #003E54;
+}
+.button.button-devpost:hover,
+.button.button-devpost:focus {
+  filter: brightness(90%);
+}
+
 /* Discord */
 .button.button-discord {
   color: #ffffff;

images/icons/devpost.svg

@@ -0,0 +1,4 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <title>Devpost</title>
+    <path d="M6.002 1.61L0 12.004 6.002 22.39h11.996L24 12.004 17.998 1.61zm1.593 4.084h3.947c3.605 0 6.276 1.695 6.276 6.31 0 4.436-3.21 6.302-6.456 6.302H7.595zm2.517 2.449v7.714h1.241c2.646 0 3.862-1.55 3.862-3.861.009-2.569-1.096-3.853-3.767-3.853Z" />
+</svg>

index.html

@@ -285,6 +285,11 @@
             <img class="icon" src="images/icons/skoob.svg" alt="Skoob Logo">Skoob</a>
         <br>
 
+        <!-- Devpost -->
+        <a class="button button-devpost" href="#" target="_blank" rel="noopener">
+            <img class="icon icon-invert" src="images/icons/devpost.svg" alt="Devpost Logo">Devpost</a>
+        <br>
+
         <!-- Gitlab -->
         <a class="button button-gitlab" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>