integrate parallax into index and tidy up

This commit is contained in:
badblocks 2026-07-11 11:06:38 -07:00
parent 441056cabc
commit 4bac34bcdd
Signed by: badblocks
SSH key fingerprint: SHA256:hEcM6BP4hKm9F7WsomNuXSBpPn2BSDnFzPSl3y1NerQ
5 changed files with 311 additions and 161 deletions

View file

@ -35,6 +35,10 @@ small.nano {
small.pico {
font-size: var(--pt-minion);
}
html {
width: 100%;
height: 100%;
}
body {
animation: textShadow 1.6s infinite;
background-color: var(--color-bg);
@ -42,7 +46,7 @@ body {
var(--color-accent-transparent),
black 120%
);
background-attachment: fixed;
color: var(--color-fg);
column-gap: var(--gutter-large);
display: grid;
@ -53,10 +57,10 @@ body {
padding-inline: var(--page-padding-inline);
place-items: center;
position: absolute;
right: 0;
row-gap: var(--stack-large);
text-shadow: 0 0 5px var(--color-glow);
top: 0;
width: 100dvi;
}
@keyframes flicker {
0% {
@ -260,6 +264,7 @@ body::after {
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
background-attachment: fixed;
opacity: 0;
z-index: 2;
pointer-events: none;
@ -285,6 +290,7 @@ body::before {
background-size:
100% 2px,
3px 100%;
background-attachment: fixed;
pointer-events: none;
}
header,