adds community links (#88)

Author: zaucy

src/app/home/home.component.html

@@ -27,6 +27,24 @@
 </div>
 
 <article>
+	<section
+		class="max-w-md my-8 sm:-mt-16 relative z-50 center mx-auto px-8 py-8 items-center rounded-2xl sm:shadow-lg bg-bg">
+		<h2 class="text-center">Community</h2>
+		<div class="flex flex-row align-center justify-center gap-8">
+			<a
+				href="https://discord.gg/vKxQztg7gB"
+				target="_blank"
+				title="Ecsact Discord Server">
+				<div class="brand discord w-16 h-16"></div>
+			</a>
+			<a
+				href="https://github.com/ecsact-dev"
+				target="_blank"
+				title="Ecsact GitHub Org">
+				<div class="brand github w-16 h-16"></div>
+			</a>
+		</div>
+	</section>
 	<section
 		class="max-w-2xl my-8 center mx-auto px-4 py-16 flex flex-col-reverse lg:flex-row gap-8 items-center">
 		<div class="flex-1">

src/assets/brand/discord-logo-white.svg

@@ -29,6 +29,13 @@ $whiteColor: #d4d4d4;
 	.brand.godot {
 		background-image: url(assets/brand/godot-dark.png);
 	}
+	.brand.discord {
+		background-image: url(assets/brand/discord-mark-white.svg);
+	}
+	.brand.github {
+		background-image: url(assets/brand/github-mark.svg);
+		filter: invert(1);
+	}
 }
 
 @mixin light-color-scheme {
@@ -54,6 +61,13 @@ $whiteColor: #d4d4d4;
 	.brand.godot {
 		background-image: url(assets/brand/godot-light.png);
 	}
+	.brand.discord {
+		background-image: url(assets/brand/discord-mark-white.svg);
+		filter: invert(1);
+	}
+	.brand.github {
+		background-image: url(assets/brand/github-mark.svg);
+	}
 }
 
 :root {
@@ -327,9 +341,6 @@ main article {
 		&:hover {
 			box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16);
 		}
-		*::selection {
-			background: rgba(255, 255, 255, 0.16);
-		}
 	}
 
 	@media (max-width: 1600px) {

src/assets/brand/discord-mark-white.svg

@@ -9,6 +9,11 @@
 
 code[class*='language-'],
 pre[class*='language-'] {
+
+	*::selection {
+		background: rgba(255, 255, 255, 0.16);
+	}
+
 	.token.comment,
 	.token.prolog,
 	.token.doctype,