diff --git a/docker-compose.yml b/docker-compose.yml index afcb60d..37b2909 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -99,6 +99,9 @@ services: - TPDB=https://theposterdb.com/ - FLICKR=https://www.flickr.com/ - OSU=https://osu.ppy.sh/users/ + - LINE=https://line.me/en/ + - KAKAOTALK=https://www.kakaocorp.com/page/service/service/KakaoTalk?lang=ko + - DESIGNBYHUMANS=https://www.designbyhumans.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 25d3451..b9d858a 100644 --- a/public/css/brands.css +++ b/public/css/brands.css @@ -475,4 +475,25 @@ button { .button.button-osu { color: #fff; background-color: #FF8EE6 -} \ No newline at end of file +} + +/* Line */ +.button.button-lineMessenger { + color: #fff; + background-color: #02df45 +} + + +/* kakaoTalk */ +.button.button-kakaoTalk { + color: #000; + background-color: #fae513 +} + + +/* DesignByHumans */ +.button.button-designByHumans { + color: #000; + background-color: #fff +} + diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index fb82e2f..bf00081 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -71,6 +71,9 @@ import shazamLogo from '../../icons/shazam.svg'; import flickrLogo from '../../icons/flickr.svg'; import tpdbLogo from '../../icons/tpdb.svg'; import osuLogo from '../../icons/osu.svg'; +import lineLogo from '../../icons/linemessenger.svg'; +import kakaoLogo from '../../icons/kaokotalk.svg'; +import designByHumansLogo from '../../icons/designbyhumans.svg'; function Home(props) { let order = []; @@ -758,6 +761,33 @@ function Home(props) { order={buttonOrder('OSU')} /> )} + {runtimeConfig.KAKAOTALK && ( + + )} + {runtimeConfig.LINE && ( + + )} + {runtimeConfig.DESIGNBYHUMANS && ( + + )}
diff --git a/src/config.js b/src/config.js index 3a135f0..638663f 100644 --- a/src/config.js +++ b/src/config.js @@ -112,6 +112,9 @@ export const runtimeConfig = FLICKR: window?.env?.FLICKR, TPDB: window?.env?.TPDB, OSU: window?.env?.OSU, + LINE: window?.env?.LINE, + KAKAOTALK: window?.env?.KAKAOTALK, + DESIGNBYHUMANS: window?.env?.DESIGNBYHUMANS, MATOMO_URL: window?.env?.MATOMO_URL, MATOMO_SITE_ID: window?.env?.MATOMO_SITE_ID, SHARE: window?.env?.SHARE, @@ -406,6 +409,13 @@ export const runtimeConfig = : process.env.RAZZLE_FLICKR, TPDB: nodeIsProduction ? process.env.TPDB : process.env.RAZZLE_TPDB, OSU: nodeIsProduction ? process.env.OSU : process.env.RAZZLE_OSU, + LINE: nodeIsProduction ? process.env.LINE : process.env.RAZZLE_LINE, + KAKAOTALK: nodeIsProduction + ? process.env.KAKAOTALK + : process.env.RAZZLE_KAKAOTALK, + DESIGNBYHUMANS: nodeIsProduction + ? process.env.DESIGNBYHUMANS + : process.env.RAZZLE_DESIGNBYHUMANS, MATOMO_URL: nodeIsProduction ? process.env.MATOMO_URL : process.env.RAZZLE_MATOMO_URL, diff --git a/src/icons/designbyhumans.svg b/src/icons/designbyhumans.svg new file mode 100644 index 0000000..c45a583 --- /dev/null +++ b/src/icons/designbyhumans.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/kaokotalk.svg b/src/icons/kaokotalk.svg new file mode 100644 index 0000000..e721ec2 --- /dev/null +++ b/src/icons/kaokotalk.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/linemessenger.svg b/src/icons/linemessenger.svg new file mode 100644 index 0000000..2e41cc6 --- /dev/null +++ b/src/icons/linemessenger.svg @@ -0,0 +1 @@ + \ No newline at end of file