feat: Add Vero (#261)

docker-compose.yml

@@ -105,6 +105,7 @@ services:
       - KAKAOTALK=https://www.kakaocorp.com/page/service/service/KakaoTalk?lang=ko
       - DESIGNBYHUMANS=https://www.designbyhumans.com/
       - DOCKERHUB=https://hub.docker.com/
+      - VERO=https://vero.co/
       - MYANIMELIST=https://myanimelist.net/
       - OG_SITE_NAME=Techno Tim Live (OG)
       - OG_TITLE=Techno Tim (OG)

public/css/brands.css

@@ -515,6 +515,12 @@ button {
   background-color: #fff
 }
 
+/* Vero */
+.button.button-vero {
+  color: #fff;
+  background-color: #000
+}
+
 /* MyAnimeList */
 .button.button-myAnimeList {
   color: #133a95;

src/components/Home/Home.js

@@ -77,6 +77,7 @@ import lineLogo from '../../icons/linemessenger.svg';
 import kakaoLogo from '../../icons/kaokotalk.svg';
 import designByHumansLogo from '../../icons/designbyhumans.svg';
 import dockerhubLogo from '../../icons/docker.svg';
+import veroLogo from '../../icons/vero.svg';
 import myAnimeListLogo from '../../icons/myanimelist.svg';
 
 function Home(props) {
@@ -819,6 +820,15 @@ function Home(props) {
                   order={buttonOrder('DOCKERHUB')}
                 />
               )}
+              {runtimeConfig.VERO && (
+                <Button
+                  name="vero"
+                  href={runtimeConfig.VERO}
+                  displayName="VERO"
+                  logo={veroLogo}
+                  order={buttonOrder('VERO')}
+                />
+              )}
               {runtimeConfig.MYANIMELIST && (
                 <Button
                   name="myAnimeList"

src/config.js

@@ -119,6 +119,7 @@ export const runtimeConfig =
         LINE: window?.env?.LINE,
         KAKAOTALK: window?.env?.KAKAOTALK,
         DESIGNBYHUMANS: window?.env?.DESIGNBYHUMANS,
+        VERO: window?.env?.VERO,
         DOCKERHUB: window?.env?.DOCKERHUB,
         MYANIMELIST: window?.env?.MYANIMELIST,
         MATOMO_URL: window?.env?.MATOMO_URL,
@@ -433,6 +434,7 @@ export const runtimeConfig =
         DESIGNBYHUMANS: nodeIsProduction
           ? process.env.DESIGNBYHUMANS
           : process.env.RAZZLE_DESIGNBYHUMANS,
+        VERO: nodeIsProduction ? process.env.VERO : process.env.RAZZLE_VERO,
         DOCKERHUB: nodeIsProduction
           ? process.env.DOCKERHUB
           : process.env.RAZZLE_DOCKERHUB,

src/icons/vero.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="VERO_Icon_Regular" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 29 29" style="enable-background:new 0 0 29 29;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M24.3,6.3h-2.4L14.5,19l-1.3-2.4l5.9-10.2H4.7l9.8,16.4l0,0L24.3,6.3z"/>
+</svg>