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 && ( + + )} + {runtimeConfig.POLYWORK && ( + + )} + {runtimeConfig.SIGNAL && ( + + )}
{runtimeConfig.FOOTER}
diff --git a/src/config.js b/src/config.js index acd20e6..7e2fe67 100644 --- a/src/config.js +++ b/src/config.js @@ -72,6 +72,9 @@ export const runtimeConfig = CUSTOM_BUTTON_ICON: window?.env?.CUSTOM_BUTTON_ICON, STACKOVERFLOW: window?.env?.STACKOVERFLOW, LASTFM: window?.env?.LASTFM, + GITEA: window?.env?.GITEA, + POLYWORK: window?.env?.POLYWORK, + SIGNAL: window?.env?.SIGNAL, } : { // server @@ -255,4 +258,11 @@ export const runtimeConfig = LASTFM: nodeIsProduction ? process.env.LASTFM : process.env.RAZZLE_LASTFM, + GITEA: nodeIsProduction ? process.env.GITEA : process.env.RAZZLE_GITEA, + POLYWORK: nodeIsProduction + ? process.env.POLYWORK + : process.env.RAZZLE_POLYWORK, + SIGNAL: nodeIsProduction + ? process.env.SIGNAL + : process.env.RAZZLE_SIGNAL, }; diff --git a/src/icons/gitea.svg b/src/icons/gitea.svg new file mode 100644 index 0000000..1d9aa8c --- /dev/null +++ b/src/icons/gitea.svg @@ -0,0 +1,20 @@ + diff --git a/src/icons/polywork.svg b/src/icons/polywork.svg new file mode 100644 index 0000000..d2218c6 --- /dev/null +++ b/src/icons/polywork.svg @@ -0,0 +1,18 @@ + diff --git a/src/icons/signal.svg b/src/icons/signal.svg new file mode 100644 index 0000000..c88a16c --- /dev/null +++ b/src/icons/signal.svg @@ -0,0 +1,22 @@ +