diff --git a/docker-compose.yml b/docker-compose.yml index 7257265..afcb60d 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -98,6 +98,7 @@ services: - SHAZAM=https://www.shazam.com/myshazam - TPDB=https://theposterdb.com/ - FLICKR=https://www.flickr.com/ + - OSU=https://osu.ppy.sh/users/ - OG_SITE_NAME=Techno Tim Live (OG) - OG_TITLE=Techno Tim (OG) - OG_DESCRIPTION=Techno Tim Link page (OG) diff --git a/public/css/brands.css b/public/css/brands.css index cd5eda3..25d3451 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -469,4 +469,10 @@ button { .button.button-tpdb { color: #fff; background-color: #FA6940 +} + +/* osu! */ +.button.button-osu { + color: #fff; + background-color: #FF8EE6 } \ No newline at end of file diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index a2d84b5..fb82e2f 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -70,6 +70,7 @@ import gitbucketLogo from '../../icons/gitbucket.svg'; import shazamLogo from '../../icons/shazam.svg'; import flickrLogo from '../../icons/flickr.svg'; import tpdbLogo from '../../icons/tpdb.svg'; +import osuLogo from '../../icons/osu.svg'; function Home(props) { let order = []; @@ -748,6 +749,15 @@ function Home(props) { order={buttonOrder('TPDB')} /> )} + {runtimeConfig.OSU && ( +