From 6ed6a3a81c35646e59d8d4d2c7d85f46e3ba53c8 Mon Sep 17 00:00:00 2001
From: Emi Simpson <emi@alchemi.dev>
Date: Sun, 6 Feb 2022 14:20:15 -0500
Subject: [PATCH] Switched from using a checkbox to :target for Get Started

---
 site/index.html  | 11 +++--------
 site/styles.scss |  6 ++++--
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/site/index.html b/site/index.html
index 3819bcb..70e4536 100644
--- a/site/index.html
+++ b/site/index.html
@@ -35,12 +35,7 @@
 			<p><span class="hr"></span><span>Not Evil</span></p>
 		</h1>
 	</header>
-	<input
-		id="should-hide-intro"
-		type="checkbox"
-		style="display: none"
-		aria-hidden="true"
-		/>
+	<div id="picker"><!--Marker--></div>
 	<section id="intro">
 		<!--p>
 			Since the penning of the GPL, Free and Open Source software has led the charge
@@ -63,11 +58,11 @@
 		<label
 			for="should-hide-intro"
 			aria-role="button" >
-			<div class="cool-button">
+			<a class="cool-button" href="#picker">
 				<div aria-hidden="true" class = "bevel tr"></div>
 				<div>Get Started</div>
 				<div aria-hidden="true" class = "bevel bl"></div>
-			</div>
+			</a>
 		</label>
 	</section>
 	<div id="elm-unpossessed">
diff --git a/site/styles.scss b/site/styles.scss
index 501798e..442150f 100644
--- a/site/styles.scss
+++ b/site/styles.scss
@@ -72,11 +72,11 @@ header {
 	}
 }
 
-#should-hide-intro:checked + #intro {
+#picker:target + #intro {
 	display: none;
 }
 
-#should-hide-intro:not(:checked) ~ #elm-area {
+#picker:not(:target) ~ #elm-area {
 	display: none;
 }
 
@@ -85,6 +85,7 @@ header {
 	--bevel-size: 20px;
 	color: var(--color-bg);
 	width: fit-content;
+	display: block;
 	font-family: Resistance;
 	font-size: 2.5rem;
 	margin-left: auto;
@@ -93,6 +94,7 @@ header {
 	background: none;
 	border: none;
 	padding: 0;
+	text-decoration: none;
 
 	& > div:nth-child(2) {
 		padding: 0 30px;