joshua/joshua.seigler.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

noise

Browse source
This commit is contained in:
Joshua Seigler 2025-06-08 23:30:45 -04:00
parent fac7e6fac2
commit bd8f5291b6
1 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
site/_includes/css/site.css
View file

@ -42,9 +42,13 @@ body {
); );
--inset: calc(50vw - var(--content-width) / 2); --inset: calc(50vw - var(--content-width) / 2);
background-image: background-image:
url(/noise.png),
radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 60%), radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 60%),
radial-gradient(circle at 120% calc(100% - 20vmin), var(--c-bg2), transparent 60%), radial-gradient(
url(/noise.png); circle at 120% calc(100% - 20vmin),
var(--c-bg2),
transparent 60%
);
} }
body[data-theme="dark"] { body[data-theme="dark"] {
@ -124,7 +128,9 @@ nav label:has(input:focus-visible),
nav label:has(input:checked) { nav label:has(input:checked) {
outline: none; outline: none;
background-color: var(--c-accent); background-color: var(--c-accent);
box-shadow: 0 0 0.5rem var(--c-accent), 0 0 1rem var(--c-accent); box-shadow:
0 0 0.5rem var(--c-accent),
0 0 1rem var(--c-accent);
text-decoration: none; text-decoration: none;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
@ -300,7 +306,8 @@ body > header > nav {
flex-grow: 1; flex-grow: 1;
order: 2; order: 2;
} }
.nav-home, .nav-active { .nav-home,
.nav-active {
font-weight: bold; font-weight: bold;
} }
.nav-settings { .nav-settings {
@ -354,11 +361,12 @@ body > header > nav {
} }
body > footer { body > footer {
position: relative;
text-align: right; text-align: right;
font-size: var(--s-1); font-size: var(--s-1);
margin: auto var(--inset) 0.5rem; margin: auto var(--inset) 0;
padding-top: 4rem; padding-top: 4rem;
padding-bottom: env(safe-area-inset-bottom, 0); padding-bottom: max(env(safe-area-inset-bottom, 0), 0.5rem);
& a { & a {
white-space: nowrap; white-space: nowrap;
} }