diff --git a/docker-compose.yml b/docker-compose.yml index b49ae0a..9d03092 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -87,6 +87,10 @@ services: - THREEMA=https://threema.ch/en/ - STREAMLABS=https://streamlabs.com/ - PRIVATEBIN=https://privatebin.net/ + - AMAZON_AFFILIATE=https://affiliate-program.amazon.co.uk/ + - AMAZON_WISHLIST=https://www.amazon.co.uk/b?node=22758010031 + - APPLE_MUSIC=https://www.apple.com/uk/apple-music/ + - STATUS=https://status.im/ - 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 8155ddc..e004761 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -417,3 +417,20 @@ button { background-color: #000; } +/* Amazon */ +.button.button-amazon { + color: #000; + background-color: #fff; +} + +/* Apple Music */ +.button.button-applemusic { + color: #fa425a; + background-color: #fff; +} + +/* Apple Music */ +.button.button-status { + color: #000; + background-color: #fff; +} diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index aebe473..840eea9 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -60,6 +60,9 @@ import sessionLogo from '../../icons/session.svg'; import threemaLogo from '../../icons/threema.svg'; import streamlabsLogo from '../../icons/streamlabs.svg'; import privatebinLogo from '../../icons/privatebin.svg'; +import amazonLogo from '../../icons/amazon.svg'; +import applemusicLogo from '../../icons/applemusic.svg'; +import statusLogo from '../../icons/status.svg'; function Home(props) { let order = []; @@ -382,7 +385,7 @@ function Home(props) { @@ -648,6 +651,42 @@ function Home(props) { order={buttonOrder('PRIVATEBIN')} /> )} + {runtimeConfig.AMAZON_AFFILIATE && ( + + )} + {runtimeConfig.AMAZON_WISHLIST && ( + + )} + {runtimeConfig.APPLE_MUSIC && ( + + )} + {runtimeConfig.STATUS && ( + + )}
{runtimeConfig.FOOTER}
diff --git a/src/config.js b/src/config.js index bbf8db2..024a06f 100644 --- a/src/config.js +++ b/src/config.js @@ -101,6 +101,10 @@ export const runtimeConfig = THREEMA: window?.env?.THREEMA, STREAMLABS: window?.env?.STREAMLABS, PRIVATEBIN: window?.env?.PRIVATEBIN, + AMAZON_AFFILIATE: window?.env?.AMAZON_AFFILIATE, + AMAZON_WISHLIST: window?.env?.AMAZON_WISHLIST, + APPLE_MUSIC: window?.env?.APPLE_MUSIC, + STATUS: window?.env?.STATUS, MATOMO_URL: window?.env?.MATOMO_URL, MATOMO_SITE_ID: window?.env?.MATOMO_SITE_ID, } @@ -365,6 +369,18 @@ export const runtimeConfig = PRIVATEBIN: nodeIsProduction ? process.env.PRIVATEBIN : process.env.RAZZLE_PRIVATEBIN, + AMAZON_AFFILIATE: nodeIsProduction + ? process.env.AMAZON_AFFILIATE + : process.env.RAZZLE_AMAZON_AFFILIATE, + AMAZON_WISHLIST: nodeIsProduction + ? process.env.AMAZON_WISHLIST + : process.env.RAZZLE_AMAZON_WISHLIST, + APPLE_MUSIC: nodeIsProduction + ? process.env.APPLE_MUSIC + : process.env.RAZZLE_APPLE_MUSIC, + STATUS: nodeIsProduction + ? process.env.STATUS + : process.env.RAZZLE_STATUS, MATOMO_URL: nodeIsProduction ? process.env.MATOMO_URL : process.env.RAZZLE_MATOMO_URL, diff --git a/src/icons/amazon.svg b/src/icons/amazon.svg new file mode 100644 index 0000000..77a47d3 --- /dev/null +++ b/src/icons/amazon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/applemusic.svg b/src/icons/applemusic.svg new file mode 100644 index 0000000..a118677 --- /dev/null +++ b/src/icons/applemusic.svg @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/src/icons/status.svg b/src/icons/status.svg new file mode 100644 index 0000000..54298c9 --- /dev/null +++ b/src/icons/status.svg @@ -0,0 +1 @@ + \ No newline at end of file