Merge pull request #66 from mjaschen/feature/untappd-button

Add Untappd logo (https://untappd.com/)

css/brands.css

@@ -548,6 +548,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Untappd */
+.button.button-untappd {
+  color: #ffffff;
+  background-color: #ffc000;
+}
+.button.button-untappd:hover,
+.button.button-untappd:focus {
+  filter: brightness(90%);
+}
+
 /* Vimeo */
 .button.button-vimeo {
   color: #ffffff;

images/icons/untappd.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 127 127" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m58 60-30 43c-2 2-5 3-7 3-3-1-8-2-12-5l-8-9c-1-3-1-6 1-8l30-43 6-5 6-3 3-3L72 4V3h1l1-1V1l1-1 5 2 4 4-1 1-1 1v1l-1 1h-1a648 648 0 0 1-18 36l-1 7c0 2-1 5-3 7Zm68 24L95 41l-6-5-6-3-3-3a331 331 0 0 0-4-3 507 507 0 0 1-10 20v6c0 2 1 5 3 7l31 43c1 2 4 3 6 3 4-1 8-2 12-5l8-9v-8M44 7l1 1h1v2h1a942 942 0 0 0 5 9 729 729 0 0 1 8-9l-5-6V3h-1V2h-1V0l-6 2-3 4v1" style="fill:#fff" transform="translate(0 11)"/></svg>

index.html

@@ -275,6 +275,11 @@
             <img class="icon" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
         <br>
 
+        <!-- Untappd -->
+        <a class="button button-untappd" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/untappd.svg" alt="Untappd Logo">Untappd</a>
+        <br>
+
         <!-- Wordpress -->
         <a class="button button-wordpress" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>