From 3ab890e9bf46ef9ecf7a9ccea11fec3c0d6695ed Mon Sep 17 00:00:00 2001
From: Kieran <32241933+KieranRobson@users.noreply.github.com>
Date: Sat, 23 Jul 2022 18:13:29 +0100
Subject: [PATCH] Add buttons (#182)

* Added buttons

* Fix image
---
 docker-compose.yml           |  3 +++
 public/css/brands.css        | 23 ++++++++++++++++++++++-
 src/components/Home/Home.js  | 30 ++++++++++++++++++++++++++++++
 src/config.js                | 10 ++++++++++
 src/icons/designbyhumans.svg |  1 +
 src/icons/kaokotalk.svg      |  1 +
 src/icons/linemessenger.svg  |  1 +
 7 files changed, 68 insertions(+), 1 deletion(-)
 create mode 100644 src/icons/designbyhumans.svg
 create mode 100644 src/icons/kaokotalk.svg
 create mode 100644 src/icons/linemessenger.svg

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 && (
+                <Button
+                  name="kakaoTalk"
+                  href={runtimeConfig.KAKAOTALK}
+                  displayName="KakaoTalk"
+                  logo={kakaoLogo}
+                  order={buttonOrder('KAKAOTALK')}
+                />
+              )}
+              {runtimeConfig.LINE && (
+                <Button
+                  name="lineMessenger"
+                  href={runtimeConfig.LINE}
+                  displayName="Line Messenger"
+                  logo={lineLogo}
+                  order={buttonOrder('LINE')}
+                />
+              )}
+              {runtimeConfig.DESIGNBYHUMANS && (
+                <Button
+                  name="designByHumans"
+                  href={runtimeConfig.DESIGNBYHUMANS}
+                  displayName="Design By Humans!"
+                  logo={designByHumansLogo}
+                  order={buttonOrder('DESIGNBYHUMANS')}
+                />
+              )}
             </Sort>
             <div>
               <p className="footer">
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 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="620" height="620" viewBox="0 0 620 620"><defs><style>.a{fill:#fff;}</style><symbol id="a" viewBox="0 0 317.233 317.281"><path d="M239.45466,22.23992a157.42,157.42,0,0,0-120.18-17.2c-84.67,21.65-136,108.23-114.3,192.94s108.3,136,192.96,114.34,136-108.26,114.34-193A157.54989,157.54989,0,0,0,239.45466,22.23992Zm27.72,200.72a125.36994,125.36994,0,0,1-77.27,57.93c-67.38,17.22-136.25-23.57-153.47-91s23.52-136.24,90.91-153.46a126.07,126.07,0,0,1,139.83,186.53Zm-87.51,23.95c-39.17,10-68.74-5.72-79.74-48.64l-14.73-57.64,32.08-8.19,14.52,56.79c6.06,23.73,21.09,33,40.71,28s28.4-19.89,22.48-43l-14.8-57.84,32.09-8.25,14.5,56.62c11.3,44.13-8,72.15-47.11,82.18m-51.57-155.5a17.9744,17.9744,0,1,1-.00117-.00464l.00117.00464m57.65-14.25a18,18,0,1,1-21.92545-12.93346l.02545-.00655a18,18,0,0,1,21.9,12.94"/></symbol><symbol id="b" viewBox="0 0 599.64 605.26"><path d="M274.74209,549.34h-2.65c-151.44-1.43-273.49-125.79-272.08-277.24C1.42209,121.53,124.3821,0,274.6321,0h2.61C428.92593,1.42366,550.73586,125.54182,549.31222,277.22567l-.00012.01431-49.64-.47,49.64.47c-1.40973,150.65637-123.917,272.05722-274.58,272.1Zm-.1-450c-95.95,0-174.45,77.59-175.35,173.74-.9,96.7,77,176.11,173.73,177h1.69a175.39182,175.39182,0,0,0,1.6-350.78Z"/><polygon class="a" points="42.72 456.772 558.986 336.633 591.692 477.178 75.426 597.317 42.72 456.772"/><path d="M75.4321,605.26a7.94,7.94,0,0,1-7.74-6.1l-32.71-140.58a8,8,0,0,1,5.94-9.54l516.26-120.15a8,8,0,0,1,9.54,5.94l32.71,140.54a7.95,7.95,0,0,1-5.94,9.54l-516.26,120.15A8.07768,8.07768,0,0,1,75.4321,605.26Zm-23.17-142.55,29.1,125.07,500.79-116.55-29.1-125.07Z"/><polygon points="560.842 328.79 533.582 323.73 539.422 339.7 560.842 328.79"/><polygon points="36.792 451.52 56.792 432.31 60.682 448.86 36.792 451.52"/><path d="M235.93209,477.01c-2.61.89-5.55,1.7-8.63,2.55v-1c2.51-17.21,5.51-32.21,4.1-41.87-.69-4.76-7.67-5.48-11.8-4.53a12,12,0,0,0-8.3,5.8c-4.13,6.15-14.26,27.7-25.34,52.08-7.38,1.69-12.57,2.73-13,2.84a12.94008,12.94008,0,0,0-1,5.72c.41,2.8,2.26,4,8.9,2.45-7.26,16.11-14.62,32.53-20.55,46.03-1.12,2.72-1.73,4.88-1.46,6.7.35,2.38,2.24,3.83,5.77,4,9.73-18,21.11-40.27,31.29-60.38,5.29-1.35,10.89-2.78,15.91-3.92-.33,16.56-.47,32.22.39,38.09.37,2.52,2.84,10.06,9,8.64a11.3519,11.3519,0,0,0,2.74-1.06c.35-7,1.83-33.4,2.7-49.36,10.34-2.36,10.93-3.51,10.07-9.39A20.16019,20.16019,0,0,0,235.93209,477.01Zm-23.9,6.62c-3.52.95-7.07,1.76-10.59,2.71,4.12-8.32,8-16,11.2-22.52C212.49209,470.07,212.2521,476.78,212.0321,483.63Zm263.05-67.67c-.84,3.67-6.08,22.08-9.62,33.3-2.48,8.09-7.6,24.15-13.36,25.47-2.66.61-4.1-3-4.77-7.59a82.87073,82.87073,0,0,1-.57-14.33,187.60037,187.60037,0,0,1,3.05-29.19c14.81-4.11,14.93-3.27,14.05-9.28a27.09141,27.09141,0,0,0-.58-2.91c-3.8,1.16-7.89,2.38-11.86,3.43,1.36-7.4,2.12-13.64,1.22-19.8-.41-2.8-5.73-9-12.82-7.34-2.36.54-4.22,2.41-4.45,6.08,0,.14-.64,11.29-1.16,25.43l-7.82,1.79a10.17982,10.17982,0,0,0-.84,4.67c.39,2.66,2.16,3.27,8.36,1.85-.13,3.43-.24,6.93-.35,10.42-3.2,6.78-7.88,14.51-14.28,20-2.44-15.64-14.56-24.44-16-34a13.33887,13.33887,0,0,1-.07-2.59,22.21015,22.21015,0,0,0-13.33-1.44c-5.61,1.28-11.23,5.6-12.69,15.48-.18.86-.42,2-.69,3.24l-.38-.1c-1,4.71-9.94,35.25-12,41.21-3.79,9.54-7,16.65-10.86,17.53-1.77.41-3-1-3.58-4.67-1.17-8,1.05-24.11,2.74-39.68,0,0-6.75-7.57-14.73-5.74a14.26974,14.26974,0,0,0-2.32.82l-.17-.11c0,.28-6,21.76-9.6,33.44-2.5,7.95-7.77,24.05-13.38,25.33-2.8.64-4.1-3-4.75-7.45a101.5513,101.5513,0,0,1-.57-14.33,185.581,185.581,0,0,1,3-29.33c14.66-4.08,14.93-3.27,14-9.56a24.644,24.644,0,0,0-.54-2.63c-3.8,1.16-7.89,2.38-11.86,3.43,1.28-8,2-14.49,1-21.34-.45-3.08-7.72-6.91-12.6-5.8-2.36.54-4.22,2.41-4.45,6.08,0,.14-.64,11.28-1.31,25.47l-7.68,1.75a10.30993,10.30993,0,0,0-.82,4.82c.37,2.52,2.14,3.13,8.19,1.74,0,.71-.05,1.43-.08,2.14C289.8121,476.7,280.3121,506.39,276.3121,512.16c-.87,1.36-2,3.06-4.21,3.56s-3.23-2.3-3.54-4.4c-.92-6.3.75-23,1.94-37.9-1-6.72-14.86-8.75-19.58-9.7.6-6.36,1.3-12,2.06-18.26a21.05,21.05,0,0,0-18.22.55c-.55.42-.78,9.29-.73,19,.15,0,18,8,18.55,12.1.49,3.36-.89,26.24.77,37.57,1.47,10.08,10.55,15.81,20.59,13.52,6.86-1.57,14.14-23.47,19.41-42.81,0,9.13.17,17,.83,21.55,1.56,10.64,11.07,14.11,19.92,12.08,7.23-1.65,14.83-25.81,20-45.51a4.32933,4.32933,0,0,0,0,1.3,188.31976,188.31976,0,0,0,1.23,23c1.49,10.22,10.73,13.89,19.73,11.83,10-2.29,20.82-48.2,24.82-65,1.77-2,2.16-5.94,2.48-7,1.34.85,18.07,11.93,22,29.25a46.54874,46.54874,0,0,1-7.3,2.25,57.8896,57.8896,0,0,1-18.29,1.14c-2.36.54-1.75,4.74-1.56,6,4.18,28.55,21.14,23.51,23.5,23,13.59-3.1,19.28-19.45,19.09-34.3a66.61967,66.61967,0,0,0,13.50995-15.82c-.18,11-.06,20.73.7,25.95,1.53,10.5,11,13.83,20,11.77,11.22-2.56,23.45-59.75,26-69.58Zm-76.07,71.34c-6.93,1.59-12.1-2.44-15.7-9.28a50.06893,50.06893,0,0,0,13.4-1.18,47.50089,47.50089,0,0,0,8.59-2.83C405.39208,479.77,404.0321,486.16,399.01211,487.3Zm-54.48-52.14c5.76-1.31,9-12.48,7.93-19.89-.51-3.5-2.44-6.24-7.31-5.13-6.93,1.59-9.62,8.28-8.37,16.81C337.4121,431.24,339.96209,436.16,344.5321,435.16Z"/><path class="a" d="M45.1721,355.48l-3.19-11.32a22.2,22.2,0,0,1-.91-7.35,15.41,15.41,0,0,1,1.54-6.06,13.39005,13.39005,0,0,1,3.7-4.59,15.53,15.53,0,0,1,5.55-2.76h.09a15.77015,15.77015,0,0,1,6.22-.53,13.85,13.85,0,0,1,5.61,2,15.85,15.85,0,0,1,4.53,4.35,21.92,21.92,0,0,1,3.11,6.79l3.18,11.15Zm19-17.73a9,9,0,0,0-3.59-5.34,7.20007,7.20007,0,0,0-6.14-.68h-.08a7.18,7.18,0,0,0-4.86,3.78,8.91,8.91,0,0,0-.3,6.43l.93,3.32,15-4.21Zm-27.98-16.66-3.33-24.37,7.14-1,2.19,16.06,4.59-.62-2-14.54,6.62-.91,2,14.54,4.81-.65-2.23-16.28,7.14-1,3.35,24.59Zm27.28-43.2a23.77992,23.77992,0,0,1-1.2,7.81,18.80993,18.80993,0,0,1-3.75,6.57l-5.67-4.67a15.55,15.55,0,0,0,3.58-9.95,5.06,5.06,0,0,0-.57-2.59,1.73,1.73,0,0,0-1.55-.9h-.1a1.64006,1.64006,0,0,0-.85.23,2.23,2.23,0,0,0-.71.81,8.43,8.43,0,0,0-.66,1.58c-.21.66-.43,1.51-.65,2.56q-.55,2.46-1.21,4.56a13.91978,13.91978,0,0,1-1.71,3.67,7.90992,7.90992,0,0,1-2.65,2.47,8,8,0,0,1-3.95.93h-.09a9.48018,9.48018,0,0,1-3.94-.78,8.76008,8.76008,0,0,1-3.13-2.33,11.14,11.14,0,0,1-2.05-3.7,15.81994,15.81994,0,0,1-.76-4.93,22.20994,22.20994,0,0,1,1-7,17.63008,17.63008,0,0,1,3-5.6l6,4.19a17.1,17.1,0,0,0-2.24,4.34,13.00015,13.00015,0,0,0-.73,4.27,3.84,3.84,0,0,0,.59,2.29,1.69,1.69,0,0,0,1.4.75h.09a1.74007,1.74007,0,0,0,.92-.25,2.19,2.19,0,0,0,.71-.84,9.21,9.21,0,0,0,.64-1.62c.21-.68.43-1.56.66-2.6a38.31069,38.31069,0,0,1,1.28-4.75,14.27986,14.27986,0,0,1,1.83-3.62,7.37994,7.37994,0,0,1,2.63-2.3,8,8,0,0,1,3.68-.82h.09a9.41,9.41,0,0,1,4.2.86,9,9,0,0,1,3.15,2.49,11.28013,11.28013,0,0,1,2,3.87A17.66983,17.66983,0,0,1,63.4721,277.89Zm-30.61-17.73.71-8.49,30.47,2.54-.73,8.53Zm34.72-25.18a18.25991,18.25991,0,0,1-2.39,6.28,16.08017,16.08017,0,0,1-4.2,4.56,14.8199,14.8199,0,0,1-5.57,2.5,15.77019,15.77019,0,0,1-6.48.06h-.09a15.61019,15.61019,0,0,1-5.9-2.39,15.99985,15.99985,0,0,1-4.32-4.31,15.68993,15.68993,0,0,1-2.32-5.78,17.4,17.4,0,0,1,0-6.69,18.84008,18.84008,0,0,1,2.47-6.67,19.14007,19.14007,0,0,1,4.23-4.69l4.94,6a13.91031,13.91031,0,0,0-2.73,2.93,10.06,10.06,0,0,0-1.48,3.79,7.21,7.21,0,0,0,.07,3.15,7.78992,7.78992,0,0,0,1.3,2.76,8.78,8.78,0,0,0,5.42,3.34h.09a9.30012,9.30012,0,0,0,3.46,0,7.67011,7.67011,0,0,0,3-1.19,7.99991,7.99991,0,0,0,2.21-2.25,8.46008,8.46008,0,0,0,1.24-3.16,8.69,8.69,0,0,0-.33-5l-3.65-.69-1.13,5.93-6.11-1.16,2.63-13.82,13.52,2.57a22.09986,22.09986,0,0,1,2.23,6.29A19.73009,19.73009,0,0,1,67.58209,234.98Zm-26.27-25.73,2.62-7.46,19.38-6.51-15.25-5.36,2.78-7.91,28.88,10.15-2.46,7-20.16,6.76,15.82,5.56-2.78,7.92Zm19.25-47.24,6.65-11.17a13.79013,13.79013,0,0,1,3-3.62,9.12,9.12,0,0,1,3.42-1.84,6.85,6.85,0,0,1,5.21.82h.07a7.67021,7.67021,0,0,1,2.07,1.71,6.78017,6.78017,0,0,1,1.16,2,7.39,7.39,0,0,1,.45,2.07,10.26983,10.26983,0,0,1-.05,2,13.55,13.55,0,0,1,2.18-1.66,8.40023,8.40023,0,0,1,2.35-1,6.58,6.58,0,0,1,2.49-.14,6.87008,6.87008,0,0,1,2.65,1h.07a7.64,7.64,0,0,1,2.61,2.47,7.29,7.29,0,0,1,1.1,3.27,10.57993,10.57993,0,0,1-.39,3.86,17.00009,17.00009,0,0,1-1.83,4.18l-6.94,11.7Zm18.13-3.72a8.58,8.58,0,0,0,1.42-5.07,4.73,4.73,0,0,0-2.53-3.77h-.08a4.4,4.4,0,0,0-4-.36,8,8,0,0,0-3.73,3.61l-4.75,8,9.08,5.41Zm12.49,6a9.23,9.23,0,0,0,1.57-5.45,4.68,4.68,0,0,0-2.44-3.76h-.07a4.42,4.42,0,0,0-4.37-.22,10.9,10.9,0,0,0-4.28,4.5l-4.93,8.27,9.27,5.53Zm6.86-25.7-22.38-1.5,2.6-3.29,18.38,1.43-5.55-17.63,2.5-3.15,6.57,21.42,9.52,7.54-2.14,2.7Zm8.81-37.84,6.44-5.5,7.43,8.7,8.27-7.06-7.43-8.73,6.44-5.5,19.86,23.24-6.44,5.51-7.55-8.84-8.26,7.07,7.54,8.84-6.44,5.5Zm55.59-3.59a19.55012,19.55012,0,0,1-5.43,2.44,11.34,11.34,0,0,1-5.13.21,11.18,11.18,0,0,1-4.71-2.2,17.74987,17.74987,0,0,1-4.15-4.74l-9.15-14.53,7.28-4.58,9.05,14.4a6.84,6.84,0,0,0,3.91,3.34,5.44,5.44,0,0,0,4.32-.83,5.56,5.56,0,0,0,2.67-3.51,6.49,6.49,0,0,0-1.24-4.84l-9.17-14.57,7.28-4.59,9,14.35a17.75991,17.75991,0,0,1,2.53,5.94,11.73984,11.73984,0,0,1-.09,5.27,11.44014,11.44014,0,0,1-2.43,4.58A19.8199,19.8199,0,0,1,162.4421,97.16Zm2.05-37.61,8.23-3.53,11.37,8,2-13.76,8.22-3.54,12.07,28.1-7.7,3.34-6.93-16.13-2.44,14.07-.16.07-11.84-7.85,6.9,16.06-7.62,3.28Zm47.64-18.02,7.93-2,20.09,26.73-8.84,2.21-3.48-4.76-11.42,2.86-.8,5.83-8.64,2.16Zm11.75,16.38-5.41-7.61-1.24,9.27Zm14.17-22,7.88-.73,14,14.94-1.49-16.1,8.35-.77,2.82,30.45-7.4.68-14.55-15.5,1.54,16.7-8.35.77Zm46.97,28.99a24,24,0,0,1-7.71-1.59,19.00007,19.00007,0,0,1-6.37-4.06l4.94-5.44a15.59,15.59,0,0,0,9.76,4.07,5.06,5.06,0,0,0,2.62-.43,1.74,1.74,0,0,0,1-1.52v-.09a1.65021,1.65021,0,0,0-.19-.86,2.26,2.26,0,0,0-.78-.76,8.1402,8.1402,0,0,0-1.54-.74,26.41256,26.41256,0,0,0-2.53-.78c-1.61-.44-3.11-.92-4.49-1.43a13.70987,13.70987,0,0,1-3.57-1.89,7.48,7.48,0,0,1-3.07-6.75v-.09a9.45993,9.45993,0,0,1,1-3.9,8.67009,8.67009,0,0,1,2.49-3,10.99989,10.99989,0,0,1,3.73-1.87,15.78008,15.78008,0,0,1,5-.52,22.22006,22.22006,0,0,1,7,1.31,17.63022,17.63022,0,0,1,5.44,3.26l-4.48,5.81a16.99981,16.99981,0,0,0-4.2-2.42,12.99993,12.99993,0,0,0-4.22-.94,3.82,3.82,0,0,0-2.32.48,1.69006,1.69006,0,0,0-.82,1.37v.04a1.73009,1.73009,0,0,0,.2.93,2.16,2.16,0,0,0,.8.76,9.25949,9.25949,0,0,0,1.59.72c.67.25,1.53.51,2.57.78a37.52877,37.52877,0,0,1,4.68,1.52,14.06982,14.06982,0,0,1,3.52,2,7.41013,7.41013,0,0,1,2.16,2.73,8.08982,8.08982,0,0,1,.64,3.72v.09a9.45031,9.45031,0,0,1-1.07,4.15,9.05,9.05,0,0,1-2.64,3,11.38,11.38,0,0,1-4,1.8A17.70007,17.70007,0,0,1,285.02209,64.9Zm40.65,5.85a15,15,0,0,1-11.62-12.59,16.30987,16.30987,0,0,1,.28-6.26v-.09a16.24014,16.24014,0,0,1,2.54-5.65,15.71,15.71,0,0,1,4.28-4.18,15.00007,15.00007,0,0,1,5.54-2.21,15.46,15.46,0,0,1,6.32.2,19.06014,19.06014,0,0,1,3.6,1.19,16.0605,16.0605,0,0,1,2.81,1.67,14.32966,14.32966,0,0,1,2.25,2.1,23.9098,23.9098,0,0,1,1.84,2.47l-2.87,1.93a19.52945,19.52945,0,0,0-3.42-3.9,11.8,11.8,0,0,0-14-.78,12.32012,12.32012,0,0,0-3.34,3.33,13.42988,13.42988,0,0,0-2,4.58v.09a13.48035,13.48035,0,0,0-.26,5,12.43987,12.43987,0,0,0,1.47,4.51,11.69957,11.69957,0,0,0,3,3.47,11.28,11.28,0,0,0,4.35,2,11.9,11.9,0,0,0,5.54.1,18.74985,18.74985,0,0,0,5.08-2.15l1.7,2.69a22.00092,22.00092,0,0,1-2.91,1.59,15.6799,15.6799,0,0,1-3.06,1,15.38987,15.38987,0,0,1-3.36.34A17.05007,17.05007,0,0,1,325.67208,70.75Zm27.78,8.91a15.49013,15.49013,0,0,1-5.44-3.5,15.07,15.07,0,0,1-4.37-10.85,16.3297,16.3297,0,0,1,1.19-6v-.08a16.10993,16.10993,0,0,1,3.29-5.18,15.86,15.86,0,0,1,22.42755-.29074q.05145.05014.10245.10074a15.06991,15.06991,0,0,1,4.37,10.85,16.39993,16.39993,0,0,1-1.19,6,.05.05,0,0,1,.01.07l-.01.01a16.20044,16.20044,0,0,1-3.29,5.18,15.3,15.3,0,0,1-17.1,3.72Zm1.26-2.93a11.69,11.69,0,0,0,4.85.88,11.37992,11.37992,0,0,0,4.5-1.09,12.57008,12.57008,0,0,0,3.77-2.78,13.38,13.38,0,0,0,2.65-4.21v-.08a13.39968,13.39968,0,0,0,1-4.9,12.06011,12.06011,0,0,0-3.4-8.58,11.81,11.81,0,0,0-13.47-2.5,12.72971,12.72971,0,0,0-3.77,2.78,13.33,13.33,0,0,0-2.65,4.21v.08a13.48,13.48,0,0,0-1,4.89,12.00007,12.00007,0,0,0,3.4,8.58,11.45988,11.45988,0,0,0,4.12,2.72Zm33.19-15.57,3,1.72-13.66,23.72,14.92,8.56-1.59,2.76-17.92-10.3Zm24.7,14.9,2.77,2.1-16.37,22,13.8,10.29-1.9,2.56-16.59-12.44Zm22.87,17.78,16,15.3-2.21,2.3-13.47-12.91-7.16,7.48,12,11.54-2.2,2.3-12.05-11.55-7.38,7.69,13.62,13.06-2.2,2.3-16.11-15.44Zm6.52,52.39a15.00011,15.00011,0,0,1-3.26-11.42,15.23037,15.23037,0,0,1,1.91-5.62,16.41029,16.41029,0,0,1,4.1-4.74l.07-.05a16.2399,16.2399,0,0,1,5.51-2.9,15.84012,15.84012,0,0,1,5.95-.63,15.00013,15.00013,0,0,1,5.71,1.71,15.27,15.27,0,0,1,4.84,4.08,18.31087,18.31087,0,0,1,2.08,3.18,15.56964,15.56964,0,0,1,1.18,3.06,14.2602,14.2602,0,0,1,.46,3,22.85877,22.85877,0,0,1-.09,3.08l-3.44-.27a19.239,19.239,0,0,0-.27-5.17,12.05774,12.05774,0,0,0-10.54-9.35,12.29,12.29,0,0,0-4.68.54,13.36992,13.36992,0,0,0-4.41,2.43l-.07.05a13.46014,13.46014,0,0,0-3.32,3.79,12.32011,12.32011,0,0,0-1.58,4.44,11.6602,11.6602,0,0,0,.24,4.61,11.17031,11.17031,0,0,0,2.15,4.28,11.78987,11.78987,0,0,0,4.28,3.52,18.99995,18.99995,0,0,0,5.33,1.45l-.33,3.16a20.93917,20.93917,0,0,1-3.27-.55,15.55971,15.55971,0,0,1-3-1.11,14.92964,14.92964,0,0,1-2.84-1.82A17.08971,17.08971,0,0,1,441.99209,146.23Zm37.75,5.61-5.28-8.8,2.74-1.64,12.33,20.58-2.74,1.64-5.27-8.81-23.5,14.07-1.77-3Zm13.25,17.54,1.5,3.11-27.54,13.29-1.5-3.1Zm5.18,10.13,1.31,3.61-21,19.24,28.49,1.25,1.27,3.49-33.44-1.82-1-2.87Zm12.01,35.49,4.65,21.61-3.11.67-3.92-18.24-10.12,2.18,3.51,16.32-3.12.67-3.51-16.31-10.44006,2.26,4,18.45-3.12.67-4.69-21.85Zm-371.73-145.84a3.63,3.63,0,1,0-3.73137-6.22772q-.05491.0329-.10863.06772a3.63,3.63,0,0,0,3.84,6.16Zm6.36984-12.38913a3.63,3.63,0,1,1-1.16853,5.0061A3.635,3.635,0,0,1,144.82193,56.77087Z"/></symbol></defs><title>black-flat-600x600</title><circle class="a" cx="284.85223" cy="282.04002" r="198.26"/><use width="317.23286" height="317.28114" transform="translate(126.21757 123.39009)" xlink:href="#a"/><use width="599.63971" height="605.25999" transform="translate(10.18015 7.37)" xlink:href="#b"/></svg>
\ 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 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 256 256"><path fill="#FFE812" d="M256 236c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0h216c11.046 0 20 8.954 20 20v216z"/><path d="M128 36C70.562 36 24 72.713 24 118c0 29.279 19.466 54.97 48.748 69.477-1.593 5.494-10.237 35.344-10.581 37.689 0 0-.207 1.762.934 2.434s2.483.15 2.483.15c3.272-.457 37.943-24.811 43.944-29.04 5.995.849 12.168 1.29 18.472 1.29 57.438 0 104-36.712 104-82 0-45.287-46.562-82-104-82z"/><path fill="#FFE812" d="M70.5 146.625c-3.309 0-6-2.57-6-5.73V105.25h-9.362c-3.247 0-5.888-2.636-5.888-5.875s2.642-5.875 5.888-5.875h30.724c3.247 0 5.888 2.636 5.888 5.875s-2.642 5.875-5.888 5.875H76.5v35.645c0 3.16-2.691 5.73-6 5.73zM123.112 146.547c-2.502 0-4.416-1.016-4.993-2.65l-2.971-7.778-18.296-.001-2.973 7.783c-.575 1.631-2.488 2.646-4.99 2.646a9.155 9.155 0 0 1-3.814-.828c-1.654-.763-3.244-2.861-1.422-8.52l14.352-37.776c1.011-2.873 4.082-5.833 7.99-5.922 3.919.088 6.99 3.049 8.003 5.928l14.346 37.759c1.826 5.672.236 7.771-1.418 8.532a9.176 9.176 0 0 1-3.814.827c-.001 0 0 0 0 0zm-11.119-21.056L106 108.466l-5.993 17.025h11.986zM138 145.75c-3.171 0-5.75-2.468-5.75-5.5V99.5c0-3.309 2.748-6 6.125-6s6.125 2.691 6.125 6v35.25h12.75c3.171 0 5.75 2.468 5.75 5.5s-2.579 5.5-5.75 5.5H138zM171.334 146.547c-3.309 0-6-2.691-6-6V99.5c0-3.309 2.691-6 6-6s6 2.691 6 6v12.896l16.74-16.74c.861-.861 2.044-1.335 3.328-1.335 1.498 0 3.002.646 4.129 1.772 1.051 1.05 1.678 2.401 1.764 3.804.087 1.415-.384 2.712-1.324 3.653l-13.673 13.671 14.769 19.566a5.951 5.951 0 0 1 1.152 4.445 5.956 5.956 0 0 1-2.328 3.957 5.94 5.94 0 0 1-3.609 1.211 5.953 5.953 0 0 1-4.793-2.385l-14.071-18.644-2.082 2.082v13.091a6.01 6.01 0 0 1-6.002 6.003z"/></svg>
\ 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 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 377.764 377.764"><path fill-rule="evenodd" clip-rule="evenodd" fill="#3ACE01" d="M77.315 0h223.133c42.523 0 77.315 34.792 77.315 77.315v223.133c0 42.523-34.792 77.315-77.315 77.315H77.315C34.792 377.764 0 342.972 0 300.448V77.315C0 34.792 34.792 0 77.315 0z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M188.515 62.576c76.543 0 138.593 49.687 138.593 110.979 0 21.409-7.576 41.398-20.691 58.351-.649.965-1.497 2.031-2.566 3.209l-.081.088c-4.48 5.36-9.525 10.392-15.072 15.037-38.326 35.425-101.41 77.601-109.736 71.094-7.238-5.656 11.921-33.321-10.183-37.925-1.542-.177-3.08-.367-4.605-.583l-.029-.002v-.002c-64.921-9.223-114.222-54.634-114.222-109.267-.002-61.292 62.049-110.979 138.592-110.979z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#3ACE01" d="M108.103 208.954h27.952c3.976 0 7.228-3.253 7.228-7.229v-.603c0-3.976-3.252-7.228-7.228-7.228h-20.121v-45.779c0-3.976-3.252-7.228-7.228-7.228h-.603c-3.976 0-7.228 3.252-7.228 7.228v53.609c0 3.977 3.252 7.23 7.228 7.23zm173.205-33.603v-.603c0-3.976-3.253-7.228-7.229-7.228h-20.12v-11.445h20.12c3.976 0 7.229-3.252 7.229-7.228v-.603c0-3.976-3.253-7.228-7.229-7.228h-27.952c-3.976 0-7.228 3.252-7.228 7.228v53.609c0 3.976 3.252 7.229 7.228 7.229h27.952c3.976 0 7.229-3.253 7.229-7.229v-.603c0-3.976-3.253-7.228-7.229-7.228h-20.12v-11.445h20.12c3.976.002 7.229-3.251 7.229-7.226zm-53.755 31.448l.002-.003a7.207 7.207 0 0 0 2.09-5.07v-53.609c0-3.976-3.252-7.228-7.229-7.228h-.603c-3.976 0-7.228 3.252-7.228 7.228v31.469l-26.126-35.042c-1.248-2.179-3.598-3.655-6.276-3.655h-.603c-3.976 0-7.229 3.252-7.229 7.228v53.609c0 3.976 3.252 7.229 7.229 7.229h.603c3.976 0 7.228-3.253 7.228-7.229v-32.058l26.314 35.941c.162.252.339.494.53.724l.001.002c.723.986 1.712 1.662 2.814 2.075.847.35 1.773.544 2.742.544h.603a7.162 7.162 0 0 0 3.377-.844c.723-.344 1.332-.788 1.761-1.311zm-71.208 2.155h.603c3.976 0 7.228-3.253 7.228-7.229v-53.609c0-3.976-3.252-7.228-7.228-7.228h-.603c-3.976 0-7.229 3.252-7.229 7.228v53.609c0 3.976 3.253 7.229 7.229 7.229z"/></svg>
\ No newline at end of file