From 0df8680f53f709d4012fe5038d51a5c523463676 Mon Sep 17 00:00:00 2001 From: Jens Frost Date: Mon, 13 Dec 2021 01:17:12 +0100 Subject: [PATCH] Added untappd (#71) --- README.md | 1 + docker-compose.yml | 1 + public/css/brands.css | 10 ++++++++++ src/components/Home/Home.js | 10 ++++++++++ src/config.js | 4 ++++ src/icons/untappd.svg | 33 +++++++++++++++++++++++++++++++++ 6 files changed, 59 insertions(+) create mode 100644 src/icons/untappd.svg diff --git a/README.md b/README.md index 899df86..398abb5 100644 --- a/README.md +++ b/README.md @@ -133,6 +133,7 @@ services: - PAYPAL=https://www.paypal.me/user - SLACK=https://slack.com/ - LASTFM=https://last.fm/ + - UNTAPPD=https://untappd.com/ # you can render an unlimited amount of custom buttons by adding # the CUSTOM_BUTTON_* variables and by using a comma as a separator. - CUSTOM_BUTTON_TEXT=Visit My Site,Visit My OTHER Site diff --git a/docker-compose.yml b/docker-compose.yml index 8103775..1396a6a 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -73,6 +73,7 @@ services: - GITEA=https://gitea.io/ - POLYWORK=https://www.polywork.com/ - SIGNAL=https://signal.org/ + - UNTAPPD=https://untappd.com/ ports: - 8080:3000 restart: unless-stopped diff --git a/public/css/brands.css b/public/css/brands.css index da01e4b..6ea6722 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -519,3 +519,13 @@ button:hover, .button.button-signal:focus { filter: brightness(90%) } + +/* Untappd */ +.button.button-untappd { + color: #000; + background-color: #FFCE0D; +} +.button.button-signal:hover, +.button.button-signal:focus { + filter: brightness(90%) +} \ No newline at end of file diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index d7d3ca4..8e0e53b 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -47,6 +47,7 @@ import lastfmLogo from '../../icons/lastfm.svg'; import giteaLogo from '../../icons/gitea.svg'; import polyworkLogo from '../../icons/polywork.svg'; import signalLogo from '../../icons/signal.svg'; +import untappdLogo from '../../icons/untappd.svg'; function Home(props) { let order = []; @@ -518,6 +519,15 @@ function Home(props) { order={buttonOrder('SIGNAL')} /> )} + {runtimeConfig.UNTAPPD && ( +