wh.at
This commit is contained in:
parent
25c41820bd
commit
e5730fb999
4 changed files with 52 additions and 0 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
@ -0,0 +1,2 @@
|
|||
.direnv
|
||||
result
|
0
elf~/index.html
Normal file
0
elf~/index.html
Normal file
40
elf~/wh.at/index.html
Normal file
40
elf~/wh.at/index.html
Normal file
|
@ -0,0 +1,40 @@
|
|||
<!doctype html>
|
||||
<title>https://wh.at</title>
|
||||
|
||||
<style>
|
||||
#cat-cat-cat-cat-nya {
|
||||
/*
|
||||
relative/absolute creates a new "coordinate space" that children
|
||||
"absolutes" will be based on.
|
||||
*/
|
||||
position: relative;
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:has(> .l1:checked + .l2:checked + .l3:checked + .l4:checked) .hidden {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
<header>
|
||||
<p>
|
||||
this site does not work with js
|
||||
<noscript>(no... really.)</noscript>
|
||||
its also an accessibility nightmare.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<section id="cat-cat-cat-cat-nya">
|
||||
<p>this is a simple latching selector. check the boxes.</p>
|
||||
|
||||
|
||||
<input type="checkbox" class="latch l1">cat</input>
|
||||
<input type="checkbox" class="latch l2">cat</input>
|
||||
<input type="checkbox" class="latch l3">cat</input>
|
||||
<input type="checkbox" class="latch l4">cat</input>
|
||||
<p class="hidden">nya!</p>
|
||||
|
||||
</section>
|
10
~solarsexual~/index.html
Normal file
10
~solarsexual~/index.html
Normal file
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8" />
|
||||
<title>solarsexual</title>
|
||||
<style>
|
||||
.p {
|
||||
|
||||
}
|
||||
</style>
|
||||
<main alt="">
|
||||
</main>
|
Loading…
Add table
Reference in a new issue