From 91cd396da82ea4b2252478a8f94946edc75f65f5 Mon Sep 17 00:00:00 2001
From: Miko36110 <52654251+Miko36110@users.noreply.github.com>
Date: Thu, 21 Jul 2022 07:42:32 +0900
Subject: [PATCH] Added osu! (#181)

* Added osu!

added the rhythm game osu!

* Update Home.js

* Update Home.js

* ran "yarn lint --fix"
---
 docker-compose.yml          |  1 +
 public/css/brands.css       |  6 ++++++
 src/components/Home/Home.js | 10 ++++++++++
 src/config.js               |  2 ++
 src/icons/osu.svg           |  1 +
 5 files changed, 20 insertions(+)
 create mode 100644 src/icons/osu.svg

diff --git a/docker-compose.yml b/docker-compose.yml
index 7257265..afcb60d 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -98,6 +98,7 @@ services:
       - SHAZAM=https://www.shazam.com/myshazam
       - TPDB=https://theposterdb.com/
       - FLICKR=https://www.flickr.com/
+      - OSU=https://osu.ppy.sh/users/
       - 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 cd5eda3..25d3451 100644
--- a/public/css/brands.css
+++ b/public/css/brands.css
@@ -469,4 +469,10 @@ button {
 .button.button-tpdb {
   color: #fff;
   background-color: #FA6940
+}
+
+/* osu! */
+.button.button-osu {
+  color: #fff;
+  background-color: #FF8EE6
 }
\ No newline at end of file
diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
index a2d84b5..fb82e2f 100644
--- a/src/components/Home/Home.js
+++ b/src/components/Home/Home.js
@@ -70,6 +70,7 @@ import gitbucketLogo from '../../icons/gitbucket.svg';
 import shazamLogo from '../../icons/shazam.svg';
 import flickrLogo from '../../icons/flickr.svg';
 import tpdbLogo from '../../icons/tpdb.svg';
+import osuLogo from '../../icons/osu.svg';
 
 function Home(props) {
   let order = [];
@@ -748,6 +749,15 @@ function Home(props) {
                   order={buttonOrder('TPDB')}
                 />
               )}
+              {runtimeConfig.OSU && (
+                <Button
+                  name="osu"
+                  href={runtimeConfig.OSU}
+                  displayName="osu!"
+                  logo={osuLogo}
+                  order={buttonOrder('OSU')}
+                />
+              )}
             </Sort>
             <div>
               <p className="footer">
diff --git a/src/config.js b/src/config.js
index 78d6d4b..3a135f0 100644
--- a/src/config.js
+++ b/src/config.js
@@ -111,6 +111,7 @@ export const runtimeConfig =
         SHAZAM: window?.env?.SHAZAM,
         FLICKR: window?.env?.FLICKR,
         TPDB: window?.env?.TPDB,
+        OSU: window?.env?.OSU,
         MATOMO_URL: window?.env?.MATOMO_URL,
         MATOMO_SITE_ID: window?.env?.MATOMO_SITE_ID,
         SHARE: window?.env?.SHARE,
@@ -404,6 +405,7 @@ export const runtimeConfig =
           ? process.env.FLICKR
           : process.env.RAZZLE_FLICKR,
         TPDB: nodeIsProduction ? process.env.TPDB : process.env.RAZZLE_TPDB,
+        OSU: nodeIsProduction ? process.env.OSU : process.env.RAZZLE_OSU,
         MATOMO_URL: nodeIsProduction
           ? process.env.MATOMO_URL
           : process.env.RAZZLE_MATOMO_URL,
diff --git a/src/icons/osu.svg b/src/icons/osu.svg
new file mode 100644
index 0000000..54f0ea5
--- /dev/null
+++ b/src/icons/osu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="25 25 300 300"><style>.st1{opacity:.15}.st3{fill:#f1f1f2}.st4{fill:#231f20}.st5{fill:#808184}.st8{fill:#59595c}.st9{fill:#a7a8ab}.st10{fill:#6d6e70}.st11{fill:#221f1f}.st12{fill:#404041}.st13{fill:#58595b}.st14{fill:#bbbdbf}.st15{fill:#fff}.st16{fill:#a6a8ab}</style><circle cx="175" cy="175" r="143.7" fill="#f6a"/><g class="st1" id="Triangles"><defs><circle id="a" class="st1" cx="175" cy="175" r="150"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><g clip-path="url(#b)"><path class="st3" d="M-81.2 336.9 175-106.9l256.2 443.8z"/><path class="st4" d="M68.8 443.7 325 0l256.2 443.7z"/><path class="st5" d="m-409.8 363.4 256.2-443.7 256.2 443.7z"/><path d="m61.4 158.2 256.2-443.8 256.2 443.8z" fill="#929497"/><path d="M-222.4 380 33.8-63.7 290 380z" fill="#636466"/><path class="st8" d="m-100.1 646.9 256.2-443.8 256.2 443.8z"/><path class="st9" d="m-164.9 147.2 97.3-168.5 97.3 168.5zm81.5 376.6 97.3-168.5 97.3 168.5z"/><path class="st10" d="m134.3 220.8 97.3-168.5 97.3 168.5z"/><path class="st9" d="M298.7 485.7 396 317.2l97.2 168.5z"/><path class="st8" d="m108.4 621.4 48.6-84.2 48.7 84.2z"/><path class="st11" d="m278.7 305.9 48.6-84.2 48.6 84.2zM46.2 400l97.3-168.5L240.8 400z"/><path class="st5" d="M108.8-86.6 36.5 38.6h194.6L158.8-86.6zm213.2 0-23.6 40.9h97.3L372-86.6z"/><path class="st12" d="M35.3 332.5 132.6 164l97.3 168.5z"/><path class="st5" d="m236.1 369.2 97.2-168.5 97.3 168.5z"/><path class="st8" d="m-51.9 428.8 48.1-83.3 48.1 83.3z"/><path class="st13" d="m123.2 104.8 48.1-83.3 48.1 83.3z"/><path class="st11" d="m283 90.2 48.1-83.3 48.1 83.3z"/><path class="st5" d="m-61.9 331.6 24.1-41.7 24 41.7z"/><path class="st8" d="m132.5 621.6 24-41.7 24.1 41.7zm84.2-156 24-41.7 24 41.7z"/><path class="st12" d="m197.1 259.7 48.1-83.3 48.1 83.3z"/><path class="st3" d="m283 239.3 48.1-83.3 48.1 83.3z"/><path class="st9" d="M-49.5 78.8-1.4-4.5l48.1 83.3zm-48.4 146.6 48.1-83.3 48.1 83.3z"/><path class="st5" d="m288.2-20 24-41.6L336.3-20z"/><path class="st14" d="m187.2 116.2 24.1-41.6 24 41.6z"/><path class="st15" d="m231.9 63.8 6.4-11 6.4 11z"/><path class="st10" d="M28.9 117.8 77 34.5l48.1 83.3z"/><path class="st16" d="m110.8 331.9 48.1-83.3 48.1 83.3z"/><path class="st4" d="m107 263.1 18.1-31.4 18 31.4z"/><path class="st9" d="m214 285.3 24-41.7 24.1 41.7zm-5.4-118.1 24-41.6 24.1 41.6z"/><path class="st3" d="m226 102.8 48.1-83.3 48 83.3z"/><path class="st16" d="m1.2 143.6 48.1-83.3 48.1 83.3z"/><path class="st8" d="m14 272.2 18.3-31.8 18.3 31.8z"/><path class="st16" d="m265.4 230.6 18.3-31.8 18.3 31.8z"/><path class="st15" d="M156.7 84.8 175 53.1l18.3 31.7z"/><path class="st13" d="m156.7 282.1 18.3-31.8 18.3 31.8z"/><path class="st8" d="m-19.7 88 18.3-31.8L17 88zm258.1 272.2 18.3-31.7 18.3 31.7z"/><path class="st5" d="m307.5 135.6 18.3-31.8 18.3 31.8z"/><path class="st14" d="m45.3 233.1 18.3-31.8L82 233.1z"/><path class="st3" d="m72.3 295.1 18.3-31.8 18.4 31.8zM27.6 167.7 46 136l18.3 31.7z"/><path class="st8" d="m113.7 123.7 9.1-15.8 9.2 15.8z"/><path class="st14" d="m50.8 152.9 9.1-15.8 9.2 15.8z"/><path d="m107.7 84.4 9.2-15.9 9.2 15.9z" fill="#e6e7e8"/><path class="st11" d="m69 360.2 18.3-31.7 18.3 31.7z"/><path class="st8" d="m112.2 419.2 18.3-31.8 18.3 31.8zm404.5-131.1 18.4-31.8 18.3 31.8z"/><path class="st5" d="M187.7 61.9 206 30.1l18.4 31.8z"/><path class="st15" d="m283.4 128.2 18.3-31.7 18.3 31.7z"/><path class="st8" d="m316.6 622.1 9.2-15.9 9.2 15.9z"/><path class="st9" d="m262.4 411.2 9.2-15.8 9.1 15.8z"/><path class="st8" d="m577.5 394.4 9.2-15.9 9.2 15.9z"/><path class="st5" d="m-97.4 339.9 18.3-31.7 18.4 31.7zm375.1-24.4 18.4-31.8 18.3 31.8z"/><path class="st9" d="m286.9 268.6 9.2-15.9 9.1 15.9z"/><path d="m210.1 128.5 10.9-18.9 10.9 18.9z" fill="#d0d2d3"/><path class="st5" d="M94.9-41.1 104-57l9.2 15.9z"/><path class="st8" d="M386.7 121.9 405 90.2l18.4 31.7zM463 336.8l9.2-15.9 9.2 15.9z"/></g></g><path class="st15" d="M100.1 206.4c-4.7 0-8.8-.8-12.3-2.3-3.5-1.5-6.4-3.7-8.6-6.4-2.3-2.7-4-5.9-5.2-9.6-1.2-3.7-1.7-7.6-1.7-11.9 0-4.3.6-8.3 1.7-12 1.2-3.7 2.9-7 5.2-9.7 2.3-2.7 5.2-4.9 8.6-6.5 3.5-1.6 7.6-2.4 12.3-2.4s8.8.8 12.3 2.4c3.5 1.6 6.4 3.7 8.8 6.5 2.3 2.7 4 6 5.2 9.7 1.1 3.7 1.7 7.7 1.7 12s-.6 8.2-1.7 11.9c-1.1 3.7-2.8 6.9-5.2 9.6-2.3 2.7-5.2 4.9-8.8 6.4-3.4 1.6-7.6 2.3-12.3 2.3zm0-12.1c4.2 0 7.2-1.6 9-4.7 1.8-3.1 2.7-7.6 2.7-13.4 0-5.8-.9-10.3-2.7-13.4-1.8-3.1-4.8-4.7-9-4.7-4.1 0-7.1 1.6-8.9 4.7-1.8 3.1-2.8 7.6-2.8 13.4 0 5.8.9 10.3 2.8 13.4 1.8 3.2 4.8 4.7 8.9 4.7zm51.8-14.5c-4.2-1.2-7.5-3-9.8-5.3-2.4-2.4-3.5-5.9-3.5-10.6 0-5.7 2-10.1 6.1-13.4 4.1-3.2 9.6-4.8 16.7-4.8a49.13 49.13 0 0 1 17.2 3.2c-.2 1.9-.5 4-1.1 6.1-.6 2.1-1.3 3.9-2.1 5.5-1.8-.7-3.8-1.4-5.9-2-2.2-.6-4.5-.8-6.8-.8-2.5 0-4.5.4-5.9 1.2-1.4.8-2.1 2-2.1 3.8 0 1.6.5 2.8 1.5 3.5 1 .7 2.4 1.3 4.3 1.9l6.4 1.9c2.1.6 4 1.3 5.7 2.2 1.7.9 3.1 1.9 4.3 3.2 1.2 1.3 2.1 2.8 2.8 4.7.7 1.9 1 4.2 1 6.8 0 2.8-.6 5.3-1.7 7.7a17.6 17.6 0 0 1-5 6.2c-2.2 1.8-4.9 3.1-8 4.2a35 35 0 0 1-10.7 1.5c-1.8 0-3.4-.1-4.9-.2-1.5-.1-2.9-.3-4.3-.6s-2.7-.6-4.1-1c-1.3-.4-2.8-.9-4.4-1.5.1-2 .5-4.1 1.1-6.1.6-2.1 1.3-4.1 2.2-6 2.5 1 4.8 1.7 7 2.2 2.2.5 4.5.7 6.9.7 1 0 2.2-.1 3.4-.3 1.2-.2 2.4-.5 3.4-1s1.9-1.1 2.6-1.9c.7-.8 1.1-1.8 1.1-3.1 0-1.8-.5-3.1-1.6-3.9-1.1-.8-2.6-1.5-4.5-2.1l-7.3-1.9zm39.3-32.7c2.7-.4 5.3-.7 8-.7 2.6 0 5.3.2 8 .7v30.7c0 3.1.2 5.6.7 7.6.5 2 1.2 3.6 2.2 4.7 1 1.2 2.3 2 3.8 2.5s3.3.7 5.3.7c2.8 0 5.1-.3 7-.8v-45.4c2.7-.4 5.3-.7 7.9-.7 2.6 0 5.3.2 8 .7v55.8c-2.4.8-5.6 1.6-9.5 2.4a65.33 65.33 0 0 1-23.3.3c-3.5-.6-6.6-1.9-9.3-3.8-2.7-1.9-4.8-4.8-6.3-8.5-1.6-3.7-2.4-8.7-2.4-14.9v-31.3zm65.9 58c-.4-2.8-.7-5.5-.7-8.2 0-2.7.2-5.5.7-8.3 2.8-.4 5.5-.7 8.2-.7 2.7 0 5.5.2 8.3.7.4 2.8.7 5.6.7 8.2 0 2.8-.2 5.5-.7 8.3-2.8.4-5.6.7-8.2.7-2.8-.1-5.5-.3-8.3-.7zm-.4-80.7c2.9-.4 5.8-.7 8.6-.7 2.9 0 5.8.2 8.8.7l-1.1 54.9c-2.6.4-5.1.7-7.5.7-2.5 0-5.1-.2-7.6-.7l-1.2-54.9z"/><path class="st15" d="M175 25C92.2 25 25 92.2 25 175s67.2 150 150 150 150-67.2 150-150S257.8 25 175 25zm0 285c-74.6 0-135-60.4-135-135S100.4 40 175 40s135 60.4 135 135-60.4 135-135 135z"/></svg>