diff --git a/README.md b/README.md index 77c7454..899df86 100644 --- a/README.md +++ b/README.md @@ -143,6 +143,9 @@ services: - CUSTOM_BUTTON_NAME=HOMEPAGE,HOMEPAGE2 - CUSTOM_BUTTON_ICON=fas link,fab youtube - STACKOVERFLOW=https://stackoverflow.com/ + - GITEA=https://gitea.io/ + - POLYWORK=https://www.polywork.com/ + - SIGNAL=https://signal.org/ ports: - 8080:3000 restart: unless-stopped diff --git a/docker-compose.yml b/docker-compose.yml index a468b9a..8103775 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -70,6 +70,9 @@ services: - SLACK=https://slack.com/ - STACKOVERFLOW=https://stackoverflow.com/ - LASTFM=https://last.fm/ + - GITEA=https://gitea.io/ + - POLYWORK=https://www.polywork.com/ + - SIGNAL=https://signal.org/ ports: - 8080:3000 restart: unless-stopped diff --git a/public/css/brands.css b/public/css/brands.css index 9587a0e..da01e4b 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -462,7 +462,7 @@ button:hover, } .button.button-slack:hover, .button.button-slack:focus { - filter: brightness(90%) + filter: brightness(90%) } /* Stack Overflow */ @@ -489,3 +489,33 @@ button:hover, .button.button-lastfm:focus { filter: brightness(90%) } + +/* Gitea */ +.button.button-gitea { + color: #000; + background-color: #ffffff; +} +.button.button-gitea:hover, +.button.button-gitea:focus { + filter: brightness(90%) +} + +/* Polywork */ +.button.button-polywork { + color: #fff; + background-color: #543DE0; +} +.button.button-polywork:hover, +.button.button-polywork:focus { + filter: brightness(90%) +} + +/* Signal */ +.button.button-signal { + color: #000; + background-color: #fff; +} +.button.button-signal:hover, +.button.button-signal:focus { + filter: brightness(90%) +} diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index deff8f3..d7d3ca4 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -44,6 +44,9 @@ import paypalLogo from '../../icons/paypal.svg'; import slackLogo from '../../icons/slack.svg'; import stackoverflowLogo from '../../icons/stackoverflow.svg'; import lastfmLogo from '../../icons/lastfm.svg'; +import giteaLogo from '../../icons/gitea.svg'; +import polyworkLogo from '../../icons/polywork.svg'; +import signalLogo from '../../icons/signal.svg'; function Home(props) { let order = []; @@ -488,6 +491,33 @@ function Home(props) { order={buttonOrder('LASTFM')} /> )} + {runtimeConfig.GITEA && ( +