Switched from using a checkbox to :target for Get Started

This commit is contained in:
Emi Simpson 2022-02-06 14:20:15 -05:00
parent 3cbd7e5d0e
commit 6ed6a3a81c
Signed by: Emi
GPG key ID: 45E9C6E81BD86E7C
2 changed files with 7 additions and 10 deletions

View file

@ -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">

View file

@ -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;