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

This commit is contained in:
Choubakawa 2021-12-10 22:50:04 +01:00 committed by GitHub
parent e16453b7cb
commit b0fd20cab4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 137 additions and 1 deletions

View File

@ -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

View File

@ -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

View File

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

View File

@ -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>

View File

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

20
src/icons/gitea.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 1.5 KiB

18
src/icons/polywork.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 1.9 KiB

22
src/icons/signal.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 1.9 KiB