From ce6a8729801c79fb87d6ce2771ccb5cec7a50445 Mon Sep 17 00:00:00 2001 From: Choubakawa Date: Fri, 18 Feb 2022 03:51:58 +0100 Subject: [PATCH] feat(button): Added Instant Gaming (#94) (#95) --- README.md | 1 + docker-compose.yml | 1 + public/css/brands.css | 16 +++++++++++++--- src/components/Home/Home.js | 10 ++++++++++ src/config.js | 4 ++++ src/icons/instantgaming.svg | 3 +++ 6 files changed, 32 insertions(+), 3 deletions(-) create mode 100644 src/icons/instantgaming.svg diff --git a/README.md b/README.md index 6c79839..4aa8b93 100644 --- a/README.md +++ b/README.md @@ -148,6 +148,7 @@ services: - GITEA=https://gitea.io/ - POLYWORK=https://www.polywork.com/ - SIGNAL=https://signal.org/ + - INSTANTGAMING=https://www.instant-gaming.com/ ports: - 8080:3000 restart: unless-stopped diff --git a/docker-compose.yml b/docker-compose.yml index cea7b48..9bbe327 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -75,6 +75,7 @@ services: - SIGNAL=https://signal.org/ - UNTAPPD=https://untappd.com/ - BUTTON_TARGET=_blank + - INSTANTGAMING=https://www.instant-gaming.com/ ports: - 8080:3000 restart: unless-stopped diff --git a/public/css/brands.css b/public/css/brands.css index 6ea6722..b450167 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -525,7 +525,17 @@ button:hover, color: #000; background-color: #FFCE0D; } -.button.button-signal:hover, -.button.button-signal:focus { +.button.button-untappd:hover, +.button.button-untappd:focus { filter: brightness(90%) -} \ No newline at end of file +} + +/* Instant Gaming */ +.button.button-instantgaming { + color: #f50; + background-color: #000; +} +.button.button-instantgaming:hover, +.button.button-instantgaming:focus { + filter: brightness(90%) +} diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 8e0e53b..4a74390 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -48,6 +48,7 @@ import giteaLogo from '../../icons/gitea.svg'; import polyworkLogo from '../../icons/polywork.svg'; import signalLogo from '../../icons/signal.svg'; import untappdLogo from '../../icons/untappd.svg'; +import instantGamingLogo from '../../icons/instantgaming.svg'; function Home(props) { let order = []; @@ -528,6 +529,15 @@ function Home(props) { order={buttonOrder('UNTAPPD')} /> )} + {runtimeConfig.INSTANTGAMING && ( +