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