Added Threads

Also updated Untappd branding to be more accessible.

css/brands.css

@@ -848,6 +848,17 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Threads */
+.button.button-threads {
+  color: #FFFFFF;
+  background-color: #000000;
+  border: 1px solid #FFFFFF;
+}
+.button.button-threads:hover,
+.button.button-threads:focus {
+  filter: brightness(90%);
+}
+
 /* Threema */
 .button.button-threema {
   color: #000000;
@@ -923,7 +934,7 @@ button:hover,
 
 /* Untappd */
 .button.button-untappd {
-  color: #ffffff;
+  color: #000000;
   background-color: #ffc000;
 }
 .button.button-untappd:hover,

images/icons/threads.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.6921 11.1235C17.5888 11.074 17.4837 11.0263 17.3774 10.9806C17.1921 7.56728 15.327 5.61312 12.1952 5.59312C12.181 5.59304 12.1669 5.59304 12.1528 5.59304C10.2795 5.59304 8.72164 6.39261 7.76275 7.84759L9.48512 9.0291C10.2014 7.94229 11.3256 7.7106 12.1536 7.7106C12.1631 7.7106 12.1727 7.7106 12.1822 7.71069C13.2134 7.71726 13.9915 8.01708 14.4951 8.60175C14.8616 9.02741 15.1067 9.61563 15.2281 10.358C14.3139 10.2026 13.3251 10.1548 12.2681 10.2154C9.29059 10.3869 7.37639 12.1235 7.50495 14.5365C7.57019 15.7605 8.17996 16.8135 9.22188 17.5014C10.1028 18.0829 11.2374 18.3673 12.4165 18.3029C13.9737 18.2175 15.1954 17.6234 16.0476 16.537C16.6949 15.712 17.1042 14.6429 17.285 13.2957C18.0271 13.7436 18.5771 14.333 18.8809 15.0415C19.3974 16.2459 19.4275 18.225 17.8126 19.8385C16.3978 21.252 14.697 21.8635 12.1267 21.8824C9.27552 21.8613 7.11922 20.9469 5.71726 19.1646C4.40444 17.4958 3.72596 15.0852 3.70065 12C3.72596 8.91473 4.40444 6.5042 5.71726 4.83534C7.11922 3.05311 9.27549 2.13875 12.1266 2.11756C14.9985 2.13891 17.1924 3.05767 18.648 4.8485C19.3618 5.7267 19.8999 6.8311 20.2546 8.11879L22.273 7.58028C21.843 5.99528 21.1664 4.62946 20.2456 3.49675C18.3795 1.20084 15.6503 0.0243935 12.1337 0H12.1196C8.6102 0.0243088 5.91151 1.20522 4.09854 3.50991C2.48524 5.5608 1.65305 8.41446 1.62509 11.9916L1.625 12L1.62509 12.0084C1.65305 15.5855 2.48524 18.4393 4.09854 20.4901C5.91151 22.7948 8.6102 23.9757 12.1196 24H12.1337C15.2538 23.9784 17.453 23.1615 19.2647 21.3514C21.6351 18.9833 21.5637 16.0149 20.7825 14.1926C20.222 12.8859 19.1534 11.8245 17.6921 11.1235ZM12.3051 16.1884C11.0001 16.2619 9.6443 15.6761 9.57745 14.4215C9.5279 13.4913 10.2395 12.4533 12.3851 12.3296C12.6309 12.3154 12.872 12.3085 13.1089 12.3085C13.8883 12.3085 14.6174 12.3842 15.2802 12.5291C15.033 15.6169 13.5827 16.1183 12.3051 16.1884Z" fill="white"/>
+</svg>

images/icons/untappd.svg

@@ -1,3 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9606 13.4174L5.29131 21.5434C4.91336 21.9214 4.34643 22.1104 3.96848 22.1104C3.40155 21.9214 2.45667 21.7324 1.70076 21.1655L0.188949 19.4647C-2.71006e-05 18.8978 -2.71006e-05 18.3308 0.377926 17.9529L6.04722 9.82689L7.18107 8.88201L8.31493 8.31508L8.88186 7.74815L13.6063 2.83476V2.64579H13.7952L13.9842 2.45681V2.26783L14.1732 2.07886L15.1181 2.45681L15.874 3.21272L15.685 3.40169L15.496 3.59067V3.77964L15.3071 3.96862H15.1181C14.0549 6.27101 12.9205 8.53982 11.7165 10.7718L11.5275 12.0946C11.5275 12.4726 11.3386 13.0395 10.9606 13.4174ZM23.811 17.9529L17.9527 9.82689L16.8189 8.88201L15.685 8.31508L15.1181 7.74815C14.8675 7.55727 14.6156 7.36829 14.3622 7.18122C13.7601 8.4548 13.13 9.71495 12.4724 10.9607V12.0946C12.4724 12.4726 12.6614 13.0395 13.0393 13.4174L18.8976 21.5434C19.0866 21.9214 19.6535 22.1104 20.0315 22.1104C20.7874 21.9214 21.5433 21.7324 22.2992 21.1655L23.811 19.4647V17.9529ZM8.31493 3.40169L8.50391 3.59067H8.69289V3.96862H8.88186C9.19372 4.53727 9.50869 5.1042 9.82674 5.66941C10.326 5.09833 10.8299 4.53138 11.3386 3.96862L10.3937 2.83476V2.64579H10.2047V2.45681H10.0157V2.07886L8.88186 2.45681L8.31493 3.21272V3.40169Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9606 13.4174L5.29131 21.5434C4.91336 21.9214 4.34643 22.1104 3.96848 22.1104C3.40155 21.9214 2.45667 21.7324 1.70076 21.1655L0.188949 19.4647C-2.71127e-05 18.8978 -2.70903e-05 18.3308 0.377926 17.9529L6.04722 9.82689L7.18108 8.88201L8.31493 8.31508L8.88186 7.74815L13.6063 2.83476V2.64579H13.7952L13.9842 2.45681V2.26783L14.1732 2.07886L15.1181 2.45681L15.874 3.21272L15.685 3.40169L15.496 3.59067V3.77964L15.3071 3.96862H15.1181C14.0549 6.27101 12.9205 8.53982 11.7165 10.7718L11.5275 12.0946C11.5275 12.4726 11.3386 13.0395 10.9606 13.4174Z" fill="#C3712A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.811 17.9529L17.9527 9.82689L16.8189 8.88201L15.685 8.31508L15.1181 7.74815C14.8676 7.55727 14.6156 7.36829 14.3622 7.18122C13.7601 8.4548 13.1301 9.71495 12.4724 10.9607V12.0946C12.4724 12.4726 12.6614 13.0395 13.0394 13.4174L18.8976 21.5434C19.0866 21.9214 19.6535 22.1104 20.0315 22.1104C20.7874 21.9214 21.5433 21.7324 22.2992 21.1655L23.811 19.4647V17.9529ZM8.31494 3.40169L8.50392 3.59067H8.69289V3.96862H8.88187C9.19373 4.53727 9.5087 5.1042 9.82675 5.66941C10.326 5.09833 10.83 4.53138 11.3386 3.96862L10.3937 2.83476V2.64579H10.2047V2.45681H10.0157V2.07886L8.88187 2.45681L8.31494 3.21272V3.40169Z" fill="#83481F"/>
 </svg>

index.html

@@ -316,6 +316,9 @@
         <!-- Telegram -->
         <a class="button button-telegram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/telegram.svg" alt="">Telegram</a><br>
 
+        <!-- Threads -->
+        <a class="button button-threads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/threads.svg" alt="">Threads</a><br>
+
         <!-- Threema -->
         <a class="button button-threema" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/threema.svg" alt="">Threema</a><br>