integrate parallax into index and tidy up
This commit is contained in:
parent
441056cabc
commit
4bac34bcdd
5 changed files with 311 additions and 161 deletions
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue