From a78edcacb970aa1b2e65acc501aeb0ea36f89c85 Mon Sep 17 00:00:00 2001
From: Olivier Demers <olidem123@gmail.com>
Date: Sat, 18 Feb 2023 09:56:10 -0500
Subject: [PATCH] Removed hamburger + images test

---
 src/routes/+layout.svelte | 67 +++++++++++++++------------------------
 src/routes/+page.svelte   | 30 ++++++++++++++----
 2 files changed, 49 insertions(+), 48 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3509498..9fddda0 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -11,59 +11,42 @@
 		<li><strong>PLS 5618</strong></li>
 	</ul>
 	<ul>
-		<li>
-			<details role="list" dir="rtl">
-				<summary aria-haspopup="listbox" role="link">
-					<Fa icon={faBars} />
-				</summary>
-				<ul role="listbox">
-					<li><a href="/">L'équipe</a></li>
-					<li><a href="/resultats">Résultats</a></li>
-					<li><a href="/partenaires">Partenaires</a></li>
-					<li>
-						<div id="socials">
-							<a href="https://www.facebook.com/PLS5618" target="_blank" rel="noreferrer">
-								<Fa icon={faFacebook} />
-							</a>
-							<a href="https://twitter.com/pls5618" target="_blank" rel="noreferrer">
-								<Fa icon={faTwitter} />
-							</a>
-							<a href="https://www.instagram.com/team5618" target="_blank" rel="noreferrer">
-								<Fa icon={faInstagram} />
-							</a>
-						</div>
-					</li>
-				</ul>
-			</details>
-		</li>
+		<li><a href="/">L'équipe</a></li>
+		<li><a href="/resultats">Résultats</a></li>
+		<li><a href="/partenaires">Partenaires</a></li>
 	</ul>
 </nav>
 
 <slot />
 
+<footer>
+	<nav>
+		<ul>
+			<li>
+				<a href="https://www.facebook.com/PLS5618" target="_blank" rel="noreferrer">
+					<Fa icon={faFacebook} />
+				</a>
+			</li>
+			<li>
+				<a href="https://twitter.com/pls5618" target="_blank" rel="noreferrer">
+					<Fa icon={faTwitter} />
+				</a>
+			</li>
+			<li>
+				<a href="https://www.instagram.com/team5618" target="_blank" rel="noreferrer">
+					<Fa icon={faInstagram} />
+				</a>
+			</li>
+		</ul>
+	</nav>
+</footer>
+
 <style lang="scss">
 	#logo {
 		height: 64px;
 		object-fit: contain;
 	}
-	#socials {
-		display: flex;
-		flex-flow: row nowrap;
-		justify-content: space-between;
-		a:hover {
-			background-color: transparent;
-			color: var(--primary);
-		}
-		a:active,
-		a:focus,
-		a::selection {
-			background-color: transparent;
-		}
-	}
 
-	* summary::after {
-		display: none;
-	}
 	nav {
 		padding-inline: 20px;
 	}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e1e3541..0b3ec6c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,10 +1,17 @@
 <div>
-	<article>
-		<header>Nous sommes</header>
-		Une équipe de jeunes de 12 à 18 ans, encadrés par des mentors, participant à la compétition internationale
-		de robotique FIRST, chapeautée par la NASA. Notre défi consiste à concevoir et construite un robot
-		en seulement 6 semaines.
-	</article>
+	<div class="section">
+		<article>
+			<header>Nous sommes</header>
+			<content
+				><p>
+					Une équipe de jeunes de 12 à 18 ans, encadrés par des mentors, participant à la
+					compétition internationale de robotique FIRST, chapeautée par la NASA. Notre défi consiste
+					à concevoir et construite un robot en seulement 6 semaines.
+				</p>
+				<img src="https://via.placeholder.com/400" alt="" />
+			</content>
+		</article>
+	</div>
 
 	<article>
 		<header>Notre mission</header>
@@ -33,6 +40,17 @@
 </div>
 
 <style lang="scss">
+	content {
+		display: flex;
+		flex-flow: row;
+		gap: 30px;
+	}
+
+	img {
+		width: 40%;
+		height: auto;
+	}
+
 	article {
 		margin-inline: 50px;
 	}