From 99694b9c826845471da20ab31fb6139a75ce9124 Mon Sep 17 00:00:00 2001
From: Janis Meister <janis.meister87@gmail.com>
Date: Tue, 7 Mar 2023 11:05:42 +0100
Subject: [PATCH] add excalidraw and drawio

---
 src/App.tsx                | 53 ++++++++++++++++++++++++++++----------
 src/assets/styles/App.scss |  3 +--
 2 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 6ed132f..5beb09a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -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"
diff --git a/src/assets/styles/App.scss b/src/assets/styles/App.scss
index 7fa21c3..a637153 100644
--- a/src/assets/styles/App.scss
+++ b/src/assets/styles/App.scss
@@ -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;