From ef2c817a0532000d3d75136fe4a338a8472232c2 Mon Sep 17 00:00:00 2001
From: Honzoraptor <j.ackermann@email.cz>
Date: Sun, 4 Aug 2024 17:09:33 +0200
Subject: [PATCH 1/3] Added a discord section

---
 src/lib/components/organisms/Discord.svelte   | 83 +++++++++++++++++++
 .../icons/socials/discord-white-big.svelte    |  1 +
 src/routes/(waves)/+page.svelte               |  2 +
 3 files changed, 86 insertions(+)
 create mode 100644 src/lib/components/organisms/Discord.svelte
 create mode 100644 src/lib/icons/socials/discord-white-big.svelte

diff --git a/src/lib/components/organisms/Discord.svelte b/src/lib/components/organisms/Discord.svelte
new file mode 100644
index 0000000..5810b97
--- /dev/null
+++ b/src/lib/components/organisms/Discord.svelte
@@ -0,0 +1,83 @@
+<script>
+	import DiscordWhiteBig from "$lib/icons/socials/discord-white-big.svelte";
+import Discord from "$lib/icons/socials/discord.svelte";
+
+</script>
+
+<section id="discord">
+  <div class="container">
+    <div class="content">
+      <DiscordWhiteBig />
+    </div>
+    <div class="content">
+      <h2>We also have discord!</h2>
+      <p>Join our discord server now and stay in touch with other users and developers!</p>
+    </div>
+    <div class="content">
+      <a href="https://discord.com/invite/2D3jW2YDgS" class="discord-link">Join now!</a>
+    </div>
+  </div>
+</section>
+
+<style>
+  :root {
+    --discord-color: #5865F2;
+  }
+
+  #discord {
+    background-color: var(--discord-color);
+    border-radius: 1.5rem;
+    padding: 30px;
+    text-align: center;
+  }
+
+  .container {
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+    align-items: center;
+    padding: 0;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    align-items: center;
+  }
+
+  .discord-link {
+    font-size: .875rem;
+    padding: 0.625rem 0.875rem;
+    border-radius: 0.375rem;
+    text-decoration: none;
+    display: flex;
+    font-weight: 600;
+    transition: .2s;
+    color: black;
+    border: 2px white solid;
+    background: white;
+  }
+
+  .discord-link:hover {
+    background: transparent;
+    border-color: white;
+    color: white;
+  }
+
+  @media (max-width: 599px) {
+    h2 {
+      font-size: 1.3rem;
+    }
+    
+    p {
+      font-size: .9rem;
+    }
+  }
+
+  @media (min-width: 600px) {
+    p {
+      max-width: 600px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/lib/icons/socials/discord-white-big.svelte b/src/lib/icons/socials/discord-white-big.svelte
new file mode 100644
index 0000000..7313b61
--- /dev/null
+++ b/src/lib/icons/socials/discord-white-big.svelte
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 127.14 96.36"><path fill="#fff" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>
\ No newline at end of file
diff --git a/src/routes/(waves)/+page.svelte b/src/routes/(waves)/+page.svelte
index abad3cb..6a05fc8 100644
--- a/src/routes/(waves)/+page.svelte
+++ b/src/routes/(waves)/+page.svelte
@@ -9,6 +9,7 @@
 	import Testimonials from '$lib/components/organisms/Testimonials.svelte';
 	import Newsletter from '$lib/components/organisms/Newsletter.svelte';
 	import type { Feature, BlogPost } from '$lib/utils/types';
+	import Discord from '$lib/components/organisms/Discord.svelte';
 
 	export let data: {
 		features: Feature[];
@@ -29,5 +30,6 @@
 	{/if}
 	<BCSponsors />
 	<Newsletter />
+	<Discord />
 	<Faq />
 </div>

From 0cd35843aff5605311f4bcd995d5be425782918f Mon Sep 17 00:00:00 2001
From: xue <behicsakar@gmail.com>
Date: Sun, 4 Aug 2024 18:22:50 +0300
Subject: [PATCH 2/3] chore: prettier

---
 src/lib/components/organisms/Discord.svelte   | 137 +++++++++---------
 .../icons/socials/discord-white-big.svelte    |   7 +-
 2 files changed, 74 insertions(+), 70 deletions(-)

diff --git a/src/lib/components/organisms/Discord.svelte b/src/lib/components/organisms/Discord.svelte
index 5810b97..fa6780d 100644
--- a/src/lib/components/organisms/Discord.svelte
+++ b/src/lib/components/organisms/Discord.svelte
@@ -1,83 +1,82 @@
 <script>
-	import DiscordWhiteBig from "$lib/icons/socials/discord-white-big.svelte";
-import Discord from "$lib/icons/socials/discord.svelte";
-
+	import DiscordWhiteBig from '$lib/icons/socials/discord-white-big.svelte';
+	import Discord from '$lib/icons/socials/discord.svelte';
 </script>
 
 <section id="discord">
-  <div class="container">
-    <div class="content">
-      <DiscordWhiteBig />
-    </div>
-    <div class="content">
-      <h2>We also have discord!</h2>
-      <p>Join our discord server now and stay in touch with other users and developers!</p>
-    </div>
-    <div class="content">
-      <a href="https://discord.com/invite/2D3jW2YDgS" class="discord-link">Join now!</a>
-    </div>
-  </div>
+	<div class="container">
+		<div class="content">
+			<DiscordWhiteBig />
+		</div>
+		<div class="content">
+			<h2>We also have discord!</h2>
+			<p>Join our discord server now and stay in touch with other users and developers!</p>
+		</div>
+		<div class="content">
+			<a href="https://discord.com/invite/2D3jW2YDgS" class="discord-link">Join now!</a>
+		</div>
+	</div>
 </section>
 
 <style>
-  :root {
-    --discord-color: #5865F2;
-  }
+	:root {
+		--discord-color: #5865f2;
+	}
+
+	#discord {
+		background-color: var(--discord-color);
+		border-radius: 1.5rem;
+		padding: 30px;
+		text-align: center;
+	}
 
-  #discord {
-    background-color: var(--discord-color);
-    border-radius: 1.5rem;
-    padding: 30px;
-    text-align: center;
-  }
+	.container {
+		display: flex;
+		flex-direction: column;
+		gap: 25px;
+		align-items: center;
+		padding: 0;
+	}
 
-  .container {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-    align-items: center;
-    padding: 0;
-  }
+	.content {
+		display: flex;
+		flex-direction: column;
+		gap: 6px;
+		align-items: center;
+	}
 
-  .content {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    align-items: center;
-  }
+	.discord-link {
+		font-size: 0.875rem;
+		padding: 0.625rem 0.875rem;
+		border-radius: 0.375rem;
+		text-decoration: none;
+		display: flex;
+		font-weight: 600;
+		transition: 0.2s;
+		color: black;
+		border: 2px white solid;
+		background: white;
+	}
 
-  .discord-link {
-    font-size: .875rem;
-    padding: 0.625rem 0.875rem;
-    border-radius: 0.375rem;
-    text-decoration: none;
-    display: flex;
-    font-weight: 600;
-    transition: .2s;
-    color: black;
-    border: 2px white solid;
-    background: white;
-  }
+	.discord-link:hover {
+		background: transparent;
+		border-color: white;
+		color: white;
+	}
 
-  .discord-link:hover {
-    background: transparent;
-    border-color: white;
-    color: white;
-  }
+	@media (max-width: 599px) {
+		h2 {
+			font-size: 1.3rem;
+		}
 
-  @media (max-width: 599px) {
-    h2 {
-      font-size: 1.3rem;
-    }
-    
-    p {
-      font-size: .9rem;
-    }
-  }
+		p {
+			font-size: 0.9rem;
+		}
+	}
 
-  @media (min-width: 600px) {
-    p {
-      max-width: 600px;
-    }
-  }
-</style>
\ No newline at end of file
+	@media (min-width: 600px) {
+		p {
+			max-width: 600px;
+		}
+	}
+</style>
diff --git a/src/lib/icons/socials/discord-white-big.svelte b/src/lib/icons/socials/discord-white-big.svelte
index 7313b61..11e044e 100644
--- a/src/lib/icons/socials/discord-white-big.svelte
+++ b/src/lib/icons/socials/discord-white-big.svelte
@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 127.14 96.36"><path fill="#fff" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 127.14 96.36"
+	><path
+		fill="#fff"
+		d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
+	/></svg
+>

From a16d76b076c5c1170182711779c5a0961a381543 Mon Sep 17 00:00:00 2001
From: xue <behicsakar@gmail.com>
Date: Sun, 4 Aug 2024 18:23:08 +0300
Subject: [PATCH 3/3] feat: Remove unused Discord import in Discord component

---
 src/lib/components/organisms/Discord.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/components/organisms/Discord.svelte b/src/lib/components/organisms/Discord.svelte
index fa6780d..d76c550 100644
--- a/src/lib/components/organisms/Discord.svelte
+++ b/src/lib/components/organisms/Discord.svelte
@@ -1,6 +1,5 @@
 <script>
 	import DiscordWhiteBig from '$lib/icons/socials/discord-white-big.svelte';
-	import Discord from '$lib/icons/socials/discord.svelte';
 </script>
 
 <section id="discord">