From 43f0d009b95f64f3418e2914ac893772428ac3f4 Mon Sep 17 00:00:00 2001
From: Nikomus <nick@nikomus.games>
Date: Fri, 23 Feb 2024 23:22:26 +0000
Subject: [PATCH] Add LinkedIn to footer

---
 src/Footer.svelte | 110 +++++++++++++++++++++++++++++-----------------
 1 file changed, 69 insertions(+), 41 deletions(-)

diff --git a/src/Footer.svelte b/src/Footer.svelte
index ca0bcd0..ed7c0df 100644
--- a/src/Footer.svelte
+++ b/src/Footer.svelte
@@ -16,39 +16,6 @@
 
 		<div>
 			<ul>
-				<li>
-					<a href="/code-of-conduct">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							viewBox="0 0 24 24"
-							aria-hidden="true"
-							focusable="false"
-						>
-							<path
-								d="M4.5 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM14.25 8.625a3.375 3.375 0 116.75 0 3.375 3.375 0 01-6.75 0zM1.5 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM17.25 19.128l-.001.144a2.25 2.25 0 01-.233.96 10.088 10.088 0 005.06-1.01.75.75 0 00.42-.643 4.875 4.875 0 00-6.957-4.611 8.586 8.586 0 011.71 5.157v.003z"
-							/>
-						</svg>
-						Code of Conduct
-					</a>
-				</li>
-				<li>
-					<a href="/privacy-policy">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							viewBox="0 0 24 24"
-							aria-hidden="true"
-							focusable="false"
-						>
-							<path
-								fill-rule="evenodd"
-								d="M12 1.5a5.25 5.25 0 00-5.25 5.25v3a3 3 0 00-3 3v6.75a3 3 0 003 3h10.5a3 3 0 003-3v-6.75a3 3 0 00-3-3v-3c0-2.9-2.35-5.25-5.25-5.25zm3.75 8.25v-3a3.75 3.75 0 10-7.5 0v3h7.5z"
-								clip-rule="evenodd"
-							/>
-						</svg>
-
-						Privacy Policy</a
-					>
-				</li>
 				<li>
 					<a href="https://www.eventbrite.com/o/38242002183">
 						<svg
@@ -89,6 +56,22 @@
 						Discord</a
 					>
 				</li>
+				<li>
+					<a href="https://www.linkedin.com/company/code-reading-club/">
+						<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"
+							><g fill="none" fill-rule="evenodd"
+								><path
+									fill="#007EBB"
+									d="M8 72h56a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8Z"
+								/><path
+									fill="#FFF"
+									d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777V62ZM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397ZM11.032 62h10.736V27.333H11.033V62Z"
+								/></g
+							></svg
+						>
+						LinkedIn
+					</a>
+				</li>
 				<li>
 					<a href="https://twitter.com/CodeReadingClub">
 						<svg
@@ -107,12 +90,51 @@
 				</li>
 			</ul>
 		</div>
-		<a href="https://www.netlify.com">
-			<img
-				src="https://www.netlify.com/v3/img/components/netlify-light.svg"
-				alt="Deploys by Netlify"
-			/>
-		</a>
+		<div>
+			<nav>
+				<ul>
+					<li>
+						<a href="/code-of-conduct">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								viewBox="0 0 24 24"
+								aria-hidden="true"
+								focusable="false"
+							>
+								<path
+									d="M4.5 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM14.25 8.625a3.375 3.375 0 116.75 0 3.375 3.375 0 01-6.75 0zM1.5 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM17.25 19.128l-.001.144a2.25 2.25 0 01-.233.96 10.088 10.088 0 005.06-1.01.75.75 0 00.42-.643 4.875 4.875 0 00-6.957-4.611 8.586 8.586 0 011.71 5.157v.003z"
+								/>
+							</svg>
+							Code of Conduct
+						</a>
+					</li>
+					<li>
+						<a href="/privacy-policy">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								viewBox="0 0 24 24"
+								aria-hidden="true"
+								focusable="false"
+							>
+								<path
+									fill-rule="evenodd"
+									d="M12 1.5a5.25 5.25 0 00-5.25 5.25v3a3 3 0 00-3 3v6.75a3 3 0 003 3h10.5a3 3 0 003-3v-6.75a3 3 0 00-3-3v-3c0-2.9-2.35-5.25-5.25-5.25zm3.75 8.25v-3a3.75 3.75 0 10-7.5 0v3h7.5z"
+									clip-rule="evenodd"
+								/>
+							</svg>
+
+							Privacy Policy</a
+						>
+					</li>
+				</ul>
+			</nav>
+			<a href="https://www.netlify.com" class="netlify">
+				<img
+					src="https://www.netlify.com/v3/img/components/netlify-light.svg"
+					alt="Deploys by Netlify"
+				/>
+			</a>
+		</div>
 	</div>
 </footer>
 
@@ -154,7 +176,7 @@
 	}
 
 	li {
-		margin-top: 0.5rem;
+		margin-bottom: 0.5rem;
 	}
 
 	a {
@@ -166,6 +188,12 @@
 	}
 
 	.content > div {
-		flex-basis: calc(100% / 3);
+		flex-basis: calc(100% / 4);
+		display: flex;
+		flex-direction: column;
+	}
+
+	.netlify {
+		margin-top: 1rem;
 	}
 </style>