feat(buttons): Added Gitea, Polywork and Signal (#70)

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

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

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%)
+}

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>

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,
       };

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>

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>

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>