janis/tf-homepage-react
1
0
Fork 0
mirror of https://github.com/DerTyp7/tf-homepage-react.git synced 2025-10-29 12:52:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

add excalidraw and drawio

Browse Source
This commit is contained in:
Janis Meister
2023-03-07 11:05:42 +01:00
parent 37a45a82bc
commit 99694b9c82
2 changed files with 40 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/App.tsx
View File

@@ -11,19 +11,6 @@ export default function App() {
<Header />
<div className="content">
<div className="grid">
<div className="linkContainer">
<a
href="https://gitlab.tealfire.de"
style={{ backgroundColor: "#c9692a" }}
>
<div className="svgContainer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M503.5 204.6L502.8 202.8L433.1 21.02C431.7 17.45 429.2 14.43 425.9 12.38C423.5 10.83 420.8 9.865 417.9 9.57C415 9.275 412.2 9.653 409.5 10.68C406.8 11.7 404.4 13.34 402.4 15.46C400.5 17.58 399.1 20.13 398.3 22.9L351.3 166.9H160.8L113.7 22.9C112.9 20.13 111.5 17.59 109.6 15.47C107.6 13.35 105.2 11.72 102.5 10.7C99.86 9.675 96.98 9.295 94.12 9.587C91.26 9.878 88.51 10.83 86.08 12.38C82.84 14.43 80.33 17.45 78.92 21.02L9.267 202.8L8.543 204.6C-1.484 230.8-2.72 259.6 5.023 286.6C12.77 313.5 29.07 337.3 51.47 354.2L51.74 354.4L52.33 354.8L158.3 434.3L210.9 474L242.9 498.2C246.6 500.1 251.2 502.5 255.9 502.5C260.6 502.5 265.2 500.1 268.9 498.2L300.9 474L353.5 434.3L460.2 354.4L460.5 354.1C482.9 337.2 499.2 313.5 506.1 286.6C514.7 259.6 513.5 230.8 503.5 204.6z" />
</svg>
</div>
GitLab
</a>
</div>
<div className="linkContainer">
<a
href="https://vaultwarden.tealfire.de"
@@ -37,6 +24,32 @@ export default function App() {
Vaultwarden
</a>
</div>
<div className="linkContainer">
<a
href="https://draw.tealfire.de"
style={{ backgroundColor: "#c9692a" }}
>
<div className="svgContainer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path d="M0 80C0 53.5 21.5 32 48 32h96c26.5 0 48 21.5 48 48V96H384V80c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H432c-26.5 0-48-21.5-48-48V160H192v16c0 1.7-.1 3.4-.3 5L272 288h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H272c-26.5 0-48-21.5-48-48V336c0-1.7 .1-3.4 .3-5L144 224H48c-26.5 0-48-21.5-48-48V80z" />
</svg>
</div>
Drawio
</a>
</div>
<div className="linkContainer">
<a
href="https://excalidraw.tealfire.de"
style={{ backgroundColor: "#c9912a" }}
>
<div className="svgContainer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M366.4 18.3L310.7 74.1 435.9 199.3l55.7-55.7c21.9-21.9 21.9-57.3 0-79.2L445.6 18.3c-21.9-21.9-57.3-21.9-79.2 0zM286 94.6l-9.2 2.8L132.7 140.6c-19.9 6-35.7 21.2-42.3 41L1.8 445.8c-3.8 11.3-1 23.9 7.3 32.4L162.7 324.7c-3-6.3-4.7-13.3-4.7-20.7c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48c-7.4 0-14.4-1.7-20.7-4.7L31.7 500.9c8.6 8.3 21.1 11.2 32.4 7.3l264.3-88.6c19.7-6.6 35-22.4 41-42.3l43.2-144.1 2.8-9.2L286 94.6z" />
</svg>
</div>
Excalidraw
</a>
</div>
<div className="linkContainer">
<a
href="ts3server://tealfire.de"
@@ -63,7 +76,19 @@ export default function App() {
Discord
</a>
</div>
<div className="linkContainer">
<a
href="https://gitlab.tealfire.de"
style={{ backgroundColor: "#554488" }}
>
<div className="svgContainer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M503.5 204.6L502.8 202.8L433.1 21.02C431.7 17.45 429.2 14.43 425.9 12.38C423.5 10.83 420.8 9.865 417.9 9.57C415 9.275 412.2 9.653 409.5 10.68C406.8 11.7 404.4 13.34 402.4 15.46C400.5 17.58 399.1 20.13 398.3 22.9L351.3 166.9H160.8L113.7 22.9C112.9 20.13 111.5 17.59 109.6 15.47C107.6 13.35 105.2 11.72 102.5 10.7C99.86 9.675 96.98 9.295 94.12 9.587C91.26 9.878 88.51 10.83 86.08 12.38C82.84 14.43 80.33 17.45 78.92 21.02L9.267 202.8L8.543 204.6C-1.484 230.8-2.72 259.6 5.023 286.6C12.77 313.5 29.07 337.3 51.47 354.2L51.74 354.4L52.33 354.8L158.3 434.3L210.9 474L242.9 498.2C246.6 500.1 251.2 502.5 255.9 502.5C260.6 502.5 265.2 500.1 268.9 498.2L300.9 474L353.5 434.3L460.2 354.4L460.5 354.1C482.9 337.2 499.2 313.5 506.1 286.6C514.7 259.6 513.5 230.8 503.5 204.6z" />
</svg>
</div>
GitLab
</a>
</div>
<div className="linkContainer">
<a
href="https://accounts.tealfire.de"

3
src/assets/styles/App.scss
View File

@@ -6,10 +6,9 @@ $breakpoint-3: 350px;
flex-direction: column;
min-height: 100vh;
gap: 100px;
gap: 60px;
.content {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;