diff options
Diffstat (limited to 'served/styles')
| -rwxr-xr-x | served/styles/common.css | 23 | ||||
| -rw-r--r-- | served/styles/home.css | 22 |
2 files changed, 43 insertions, 2 deletions
diff --git a/served/styles/common.css b/served/styles/common.css index 91750cf..81e5b43 100755 --- a/served/styles/common.css +++ b/served/styles/common.css @@ -31,6 +31,18 @@ /* ^ lmao */ } +@media (prefers-color-scheme: dark) { + :root { + --text: #eee; + --text-dim: #aaa; + --background: #001; + --background-dim: #223; + + --link: salmon; + --visited: mediumslateblue; + } +} + html, body { margin: 0; @@ -96,6 +108,17 @@ a.dead { text-decoration: line-through; } +code { + font-size: 1.1rem; + font-family: Recursive, sans-serif; + font-variation-settings: + "MONO" 1, + "CASL" 0, + "wght" 400, + "slnt" 0, + "CRSV" 0; +} + #nav-access { /* shove it above the page and make sure it's always on top*/ position: absolute; diff --git a/served/styles/home.css b/served/styles/home.css index c67d711..ac00786 100644 --- a/served/styles/home.css +++ b/served/styles/home.css @@ -9,14 +9,21 @@ ul { } #contact { - border: 1px solid black; + border: 1px solid var(--text-dim); box-shadow: 5px -5px 0px #999, 10px -10px 0px #666, 15px -15px 0px #333; padding: 1rem 2rem 1rem 1rem; + /* allocate the space for the boxshadow */ + margin-right: 15px; max-width: var(--pwidth); height: min-content; } +#banner { + max-width: min(100%, calc(var(--pwidth) + 15px)); + border: 1px solid var(--text-dim); +} + #contact>h2 { margin-top: 0; } @@ -29,9 +36,13 @@ ul { @media (max-width: 50rem) { #contact { - margin-top: 1.5rem; + margin-top: 2rem; margin-right: 1rem; } + + #banner { + margin-top: 1rem; + } } @media (min-width: 50rem) { @@ -40,6 +51,7 @@ ul { grid-template-columns: 30rem 1fr; row-gap: 1rem; column-gap: 1rem; + width: fit-content; } #hello>p, @@ -54,4 +66,10 @@ ul { width: fit-content; } + + #banner { + max-width: 16rem; + grid-column: 2; + grid-row: 4 + } } \ No newline at end of file |