diff --git a/README.md b/README.md index 6d23960..444bad2 100644 --- a/README.md +++ b/README.md @@ -160,6 +160,7 @@ services: - TWITTER_IMAGE=https://pbs.twimg.com/profile_images/1286144221217316864/qIAsKOpB_400x400.jpg - TWITTER_SITE=@TechnoTimLive - TWITTER_CREATOR=@TechnoTimLive + - GHOST=https://ghost.org/ ports: - 8080:3000 restart: unless-stopped diff --git a/public/css/brands.css b/public/css/brands.css index b450167..4947377 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -539,3 +539,13 @@ button:hover, .button.button-instantgaming:focus { filter: brightness(90%) } + +/* ghost */ +.button.button-ghost { + color: #000; + background-color: #fff; +} +.button.button-ghost:hover, +.button.button-ghost:focus { + filter: brightness(90%) +} diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 4a74390..71f439f 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -49,6 +49,7 @@ import polyworkLogo from '../../icons/polywork.svg'; import signalLogo from '../../icons/signal.svg'; import untappdLogo from '../../icons/untappd.svg'; import instantGamingLogo from '../../icons/instantgaming.svg'; +import ghostLogo from '../../icons/ghost.svg'; function Home(props) { let order = []; @@ -538,6 +539,15 @@ function Home(props) { order={buttonOrder('INSTANTGAMING')} /> )} + {runtimeConfig.GHOST && ( +