From b0fd20cab4b9ce7b38f164660298d2182250c5ac Mon Sep 17 00:00:00 2001
From: Choubakawa <Choubakawa@users.noreply.github.com>
Date: Fri, 10 Dec 2021 22:50:04 +0100
Subject: [PATCH] feat(buttons): Added Gitea, Polywork and Signal (#70)

---
 README.md                   |  3 +++
 docker-compose.yml          |  3 +++
 public/css/brands.css       | 32 +++++++++++++++++++++++++++++++-
 src/components/Home/Home.js | 30 ++++++++++++++++++++++++++++++
 src/config.js               | 10 ++++++++++
 src/icons/gitea.svg         | 20 ++++++++++++++++++++
 src/icons/polywork.svg      | 18 ++++++++++++++++++
 src/icons/signal.svg        | 22 ++++++++++++++++++++++
 8 files changed, 137 insertions(+), 1 deletion(-)
 create mode 100644 src/icons/gitea.svg
 create mode 100644 src/icons/polywork.svg
 create mode 100644 src/icons/signal.svg

diff --git a/README.md b/README.md
index 77c7454..899df86 100644
--- a/README.md
+++ b/README.md
@@ -143,6 +143,9 @@ services:
       - CUSTOM_BUTTON_NAME=HOMEPAGE,HOMEPAGE2
       - CUSTOM_BUTTON_ICON=fas link,fab youtube
       - STACKOVERFLOW=https://stackoverflow.com/
+      - GITEA=https://gitea.io/
+      - POLYWORK=https://www.polywork.com/
+      - SIGNAL=https://signal.org/
     ports:
       - 8080:3000
     restart: unless-stopped
diff --git a/docker-compose.yml b/docker-compose.yml
index a468b9a..8103775 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -70,6 +70,9 @@ services:
       - SLACK=https://slack.com/
       - STACKOVERFLOW=https://stackoverflow.com/
       - LASTFM=https://last.fm/
+      - GITEA=https://gitea.io/
+      - POLYWORK=https://www.polywork.com/
+      - SIGNAL=https://signal.org/
     ports:
       - 8080:3000
     restart: unless-stopped
diff --git a/public/css/brands.css b/public/css/brands.css
index 9587a0e..da01e4b 100644
--- a/public/css/brands.css
+++ b/public/css/brands.css
@@ -462,7 +462,7 @@ button:hover,
 }
 .button.button-slack:hover,
 .button.button-slack:focus {
-  filter: brightness(90%) 
+  filter: brightness(90%)
 }
 
 /* Stack Overflow */
@@ -489,3 +489,33 @@ button:hover,
 .button.button-lastfm:focus {
   filter: brightness(90%)
 }
+
+/* Gitea */
+.button.button-gitea {
+  color: #000;
+  background-color: #ffffff;
+}
+.button.button-gitea:hover,
+.button.button-gitea:focus {
+  filter: brightness(90%)
+}
+
+/* Polywork */
+.button.button-polywork {
+  color: #fff;
+  background-color: #543DE0;
+}
+.button.button-polywork:hover,
+.button.button-polywork:focus {
+  filter: brightness(90%)
+}
+
+/* Signal */
+.button.button-signal {
+  color: #000;
+  background-color: #fff;
+}
+.button.button-signal:hover,
+.button.button-signal:focus {
+  filter: brightness(90%)
+}
diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
index deff8f3..d7d3ca4 100644
--- a/src/components/Home/Home.js
+++ b/src/components/Home/Home.js
@@ -44,6 +44,9 @@ import paypalLogo from '../../icons/paypal.svg';
 import slackLogo from '../../icons/slack.svg';
 import stackoverflowLogo from '../../icons/stackoverflow.svg';
 import lastfmLogo from '../../icons/lastfm.svg';
+import giteaLogo from '../../icons/gitea.svg';
+import polyworkLogo from '../../icons/polywork.svg';
+import signalLogo from '../../icons/signal.svg';
 
 function Home(props) {
   let order = [];
@@ -488,6 +491,33 @@ function Home(props) {
                   order={buttonOrder('LASTFM')}
                 />
               )}
+              {runtimeConfig.GITEA && (
+                <Button
+                  name="gitea"
+                  href={runtimeConfig.GITEA}
+                  displayName="Gitea"
+                  logo={giteaLogo}
+                  order={buttonOrder('GITEA')}
+                />
+              )}
+              {runtimeConfig.POLYWORK && (
+                <Button
+                  name="polywork"
+                  href={runtimeConfig.POLYWORK}
+                  displayName="Polywork"
+                  logo={polyworkLogo}
+                  order={buttonOrder('POLYWORK')}
+                />
+              )}
+              {runtimeConfig.SIGNAL && (
+                <Button
+                  name="signal"
+                  href={runtimeConfig.SIGNAL}
+                  displayName="Signal"
+                  logo={signalLogo}
+                  order={buttonOrder('SIGNAL')}
+                />
+              )}
             </Sort>
             <div>
               <p className="footer">{runtimeConfig.FOOTER}</p>
diff --git a/src/config.js b/src/config.js
index acd20e6..7e2fe67 100644
--- a/src/config.js
+++ b/src/config.js
@@ -72,6 +72,9 @@ export const runtimeConfig =
         CUSTOM_BUTTON_ICON: window?.env?.CUSTOM_BUTTON_ICON,
         STACKOVERFLOW: window?.env?.STACKOVERFLOW,
         LASTFM: window?.env?.LASTFM,
+        GITEA: window?.env?.GITEA,
+        POLYWORK: window?.env?.POLYWORK,
+        SIGNAL: window?.env?.SIGNAL,
       }
     : {
         // server
@@ -255,4 +258,11 @@ export const runtimeConfig =
         LASTFM: nodeIsProduction
           ? process.env.LASTFM
           : process.env.RAZZLE_LASTFM,
+        GITEA: nodeIsProduction ? process.env.GITEA : process.env.RAZZLE_GITEA,
+        POLYWORK: nodeIsProduction
+          ? process.env.POLYWORK
+          : process.env.RAZZLE_POLYWORK,
+        SIGNAL: nodeIsProduction
+          ? process.env.SIGNAL
+          : process.env.RAZZLE_SIGNAL,
       };
diff --git a/src/icons/gitea.svg b/src/icons/gitea.svg
new file mode 100644
index 0000000..1d9aa8c
--- /dev/null
+++ b/src/icons/gitea.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64"
+	 width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#609926;}
+</style>
+	<g>
+		<path class="st0" d="M64,17.5c-0.1-4.1-1.4-5-2.4-5.1h0c-10.4,0.6-16.6,0.8-22,0.9v0.3v0.3v11.6L38,24.6l0-10.7v-0.3v-0.3
+			c-5.8,0-10.8-0.3-19.9-0.8l-1.8-0.1c-0.5,0-1.2-0.1-1.9-0.1c-0.9-0.1-2-0.1-3.1-0.2h0c-3.1,0-6.1,1.3-8.2,3.4
+			c-2.2,2.2-3.2,5.4-3.1,9c0.2,6,2.8,10.3,7.5,12.8c2.8,1.5,6.4,2.3,10.6,2.5c0.8,2.8,6.5,11.4,10.9,11.9l19,0l0,0
+			c2.3-0.2,6.9-2.2,11.5-13.6C62.3,31.3,64.1,22.8,64,17.5z M16.3,34.3c-5.3-0.7-10.1-2.5-11-9.5c-0.3-2.1,0.2-4,1.4-5.3
+			c1.2-1.3,3.1-2,5.6-2c0.1,0,0.1,0,0.2,0C13.1,24.4,14.2,28.5,16.3,34.3z M46.8,29.8c1.4,0.7,2,2.4,1.3,3.7l-5.3,10.9
+			c-0.7,1.4-2.4,2-3.7,1.3l-10.9-5.3c-1.4-0.7-2-2.4-1.3-3.7l5.3-10.9c0.7-1.4,2.4-2,3.7-1.3l2,1l-1.4,2.9c-0.2,0-0.4,0-0.6,0.1
+			c-0.9,0.3-1.4,1.4-1.1,2.3c0.1,0.2,0.2,0.4,0.3,0.5l-2.4,5c-0.2,0-0.4,0-0.6,0.1c-0.9,0.3-1.4,1.4-1.1,2.3
+			c0.3,0.9,1.4,1.4,2.3,1.1c0.9-0.3,1.4-1.4,1.1-2.3c-0.1-0.3-0.2-0.5-0.4-0.7l2.4-4.9c0.3,0,0.5,0,0.8-0.1c0.2-0.1,0.4-0.2,0.6-0.3
+			c0.1,0,0.2,0.1,0.3,0.1c1.8,0.9,2.9,1.4,3.1,2c0.3,0.8-0.5,2.4-2,5.4c0,0,0,0.1,0,0.1c-0.2,0-0.4,0-0.7,0.1
+			c-0.9,0.3-1.4,1.4-1.1,2.3c0.3,0.9,1.4,1.4,2.3,1.1c0.9-0.3,1.4-1.4,1.1-2.3c-0.1-0.2-0.2-0.4-0.4-0.6c0,0,0,0,0-0.1
+			c1.8-3.6,2.5-5.2,2.1-6.5c-0.4-1.1-1.6-1.7-3.8-2.8c-0.1,0-0.2-0.1-0.3-0.1c0-0.2,0-0.5-0.1-0.7c-0.1-0.2-0.2-0.4-0.4-0.6L39,26
+			L46.8,29.8z"/>
+	</g>
+</svg>
diff --git a/src/icons/polywork.svg b/src/icons/polywork.svg
new file mode 100644
index 0000000..d2218c6
--- /dev/null
+++ b/src/icons/polywork.svg
@@ -0,0 +1,18 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M85.9375 243.75V168.75H164.062V199.218C164.062 223.437 144.531 243.75 119.531 243.75H85.9375Z" fill="#88CFB0"/>
+<path d="M165.625 167.187V87.4998H243.75V122.656C243.75 146.875 224.219 167.187 199.219 167.187H165.625Z" fill="#F2C94C"/>
+<path d="M164.062 87.4998H85.9375V166.406H164.062V87.4998Z" fill="#BD83CE"/>
+<path d="M6.25 85.9375V50.7812C6.25 26.5625 25.7812 6.25 50.7813 6.25H84.375V85.9375H6.25Z" fill="#40BE88"/>
+<path d="M165.625 85.9375V6.25H199.219C223.437 6.25 243.75 25.7812 243.75 50.7812V85.9375H165.625Z" fill="#FF7474"/>
+<path d="M164.062 6.25H85.9375V85.1562H164.062V6.25Z" fill="#6776F9"/>
+<path d="M6.25 199.218V168.75H84.375V243.75H50.7813C25.7812 243.75 6.25 224.218 6.25 199.218Z" fill="#37C2E2"/>
+<path d="M84.375 87.4998H6.25V166.406H84.375V87.4998Z" fill="#F2994A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 199.219V50.7812C0 22.6562 22.6563 0 50.7813 0H199.219C227.344 0 250 22.6562 250 50.7812V122.656C250 150.781 227.344 173.437 199.219 173.437H170.312V199.219C170.312 227.344 147.656 250 119.531 250H50.7813C22.6563 250 0 227.344 0 199.219ZM78.125 78.9062H13.2813V50C13.2813 29.6875 29.6875 12.5 50.7813 12.5H78.125V78.9062ZM199.219 160.937H171.875V93.7497H236.719V123.437C236.719 143.75 220.313 160.937 199.219 160.937ZM119.531 237.5H92.1872V175.781H157.031V200C157.031 220.312 140.625 237.5 119.531 237.5ZM92.1872 160.937H157.031V93.7497H92.1872V160.937ZM171.875 78.9062H236.719V50.7812C236.719 29.6875 219.531 13.2812 199.219 13.2812H171.875V78.9062ZM157.031 78.9062H92.1872V12.5H157.031V78.9062ZM12.5 175V199.219C12.5 220.312 29.6875 236.719 50 236.719H78.125V175H12.5ZM78.125 160.937H12.5V93.7497H78.125V160.937Z" fill="#2F2F3A"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="250" height="250" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/icons/signal.svg b/src/icons/signal.svg
new file mode 100644
index 0000000..c88a16c
--- /dev/null
+++ b/src/icons/signal.svg
@@ -0,0 +1,22 @@
+<svg width="250" height="250" viewBox="79 96 200 220" fill="none" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">
+	.st0{fill:#3A76F0;}
+</style>
+<g>
+	<path class="st0" d="M155.2,109.9l2.2,9c-8.8,2.2-17.1,5.6-24.9,10.3l-4.8-8C136.3,116.1,145.6,112.3,155.2,109.9z M202.8,109.9
+		l-2.2,9c8.8,2.2,17.1,5.6,24.9,10.3l4.8-8C221.7,116.1,212.4,112.3,202.8,109.9L202.8,109.9z M94.2,154.8
+		c-5.1,8.5-9,17.8-11.3,27.4l9,2.2c2.2-8.8,5.6-17.1,10.3-24.9L94.2,154.8z M89.3,206c0-4.5,0.3-9,1-13.4l-9.2-1.4
+		c-1.5,9.8-1.5,19.8,0,29.7l9.2-1.4C89.6,215,89.3,210.5,89.3,206L89.3,206z M230.2,290.8l-4.8-8c-7.7,4.7-16.1,8.1-24.8,10.3l2.2,9
+		C212.4,299.7,221.7,295.9,230.2,290.8L230.2,290.8z M268.7,206c0,4.5-0.3,9-1,13.4l9.2,1.4c1.5-9.8,1.5-19.8,0-29.7l-9.2,1.4
+		C268.4,197,268.7,201.5,268.7,206z M275.1,229.8l-9-2.2c-2.2,8.8-5.6,17.1-10.3,24.9l8,4.8C268.9,248.7,272.7,239.4,275.1,229.8
+		L275.1,229.8z M192.4,294.7c-8.9,1.3-18,1.3-26.9,0l-1.4,9.2c9.8,1.5,19.8,1.5,29.7,0L192.4,294.7z M251.2,259.2
+		c-5.4,7.2-11.8,13.6-19,19l5.5,7.5c8-5.9,15.1-12.9,21-20.9L251.2,259.2z M232.2,133.8c7.3,5.3,13.7,11.8,19,19l7.5-5.6
+		c-5.9-8-12.9-15-20.9-20.9L232.2,133.8z M106.8,152.8c5.3-7.3,11.8-13.7,19-19l-5.6-7.5c-8,5.9-15,12.9-20.9,20.9L106.8,152.8z
+		 M263.8,154.8l-8,4.8c4.7,7.7,8.1,16.1,10.3,24.8l9-2.2C272.7,172.6,268.9,163.3,263.8,154.8L263.8,154.8z M165.6,117.3
+		c8.9-1.3,18-1.3,26.9,0l1.4-9.2c-9.8-1.5-19.8-1.5-29.7,0L165.6,117.3z M111.5,288.1l-19.2,4.5l4.5-19.2l-9-2.1l-4.5,19.2
+		c-0.7,3.1,0.2,6.4,2.5,8.7c2.3,2.3,5.6,3.2,8.7,2.5l19.2-4.4L111.5,288.1z M89.7,263.1l9,2.1l3.1-13.3c-4.5-7.6-7.9-15.8-10-24.3
+		l-9,2.2c2,8.2,5.1,16.1,9.1,23.5L89.7,263.1z M133.1,283.2l-13.3,3.1l2.1,9l9.8-2.3c7.4,4,15.3,7.1,23.5,9.1l2.2-9
+		C148.9,291,140.7,287.6,133.1,283.2L133.1,283.2z M179,125.6c-29.3,0-56.2,15.9-70.4,41.5s-13.3,56.9,2.3,81.7l-7.7,33l33-7.7
+		c28.9,18.2,66.2,16.2,93-5.2s37.1-57.2,25.8-89.5C243.7,147.1,213.2,125.5,179,125.6z"/>
+</g>
+</svg>