From fc7bdbb55648047693380d215dc526bb99a07048 Mon Sep 17 00:00:00 2001 From: Marcus Jaschen <mjaschen@gmail.com> Date: Sun, 18 Sep 2022 09:38:59 +0200 Subject: [PATCH] add Untappd logo (https://untappd.com/) --- css/brands.css | 10 ++++++++++ images/icons/untappd.svg | 1 + index.html | 5 +++++ 3 files changed, 16 insertions(+) create mode 100644 images/icons/untappd.svg diff --git a/css/brands.css b/css/brands.css index e258038..a7809f8 100644 --- a/css/brands.css +++ b/css/brands.css @@ -538,6 +538,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; diff --git a/images/icons/untappd.svg b/images/icons/untappd.svg new file mode 100644 index 0000000..0e7f36e --- /dev/null +++ b/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> diff --git a/index.html b/index.html index ed327f5..4dfd49c 100644 --- a/index.html +++ b/index.html @@ -270,6 +270,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>