diff --git a/docker-compose.yml b/docker-compose.yml index 2fa58ca..7257265 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -96,6 +96,8 @@ services: - ANILIST=https://anilist.co/ - GITBUCKET=https://gitbucket.github.io/ - SHAZAM=https://www.shazam.com/myshazam + - TPDB=https://theposterdb.com/ + - FLICKR=https://www.flickr.com/ - 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 c6611c4..cd5eda3 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -457,4 +457,16 @@ button { .button.button-shazam { color: #fff; background-color: #1f5bfc +} + +/* Flickr */ +.button.button-flickr { + color: #fff; + background-color: #000 +} + +/* TPDB */ +.button.button-tpdb { + color: #fff; + background-color: #FA6940 } \ No newline at end of file diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 0900399..a2d84b5 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -68,6 +68,8 @@ import matrixLogo from '../../icons/matrix.svg'; import anilistLogo from '../../icons/anilist.svg'; import gitbucketLogo from '../../icons/gitbucket.svg'; import shazamLogo from '../../icons/shazam.svg'; +import flickrLogo from '../../icons/flickr.svg'; +import tpdbLogo from '../../icons/tpdb.svg'; function Home(props) { let order = []; @@ -728,6 +730,24 @@ function Home(props) { order={buttonOrder('SHAZAM')} /> )} + {runtimeConfig.FLICKR && ( +