feat: style changes: the death of monospace

This commit is contained in:
Lewis Wynne 2026-03-27 20:38:48 +00:00
parent 3809e7c9dd
commit 917ef06879
2 changed files with 14 additions and 22 deletions

View file

@ -1,6 +1,6 @@
--- ---
title: hello title: hello
date: 2023-02-26 date: 2026-02-26
--- ---
i've always had some sort of homepage. it was originally on bebo, then that died and i didn't ever get into other social media, so i made a website i've always had some sort of homepage. it was originally on bebo, then that died and i didn't ever get into other social media, so i made a website

View file

@ -1,9 +1,10 @@
body { body {
box-sizing: border-box; box-sizing: border-box;
max-width: 48rem; max-width: 34rem;
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
text-align: justify; text-align: justify;
font-family: 'Times New Roman', serif;
} }
img { img {
@ -17,6 +18,7 @@ h1, h2, h3, h4, h5, h6 {
.muted { .muted {
color: #888; color: #888;
font-size: 0.9rem;
} }
.left, .right { .left, .right {
@ -24,7 +26,7 @@ h1, h2, h3, h4, h5, h6 {
font-size: 0.9rem; font-size: 0.9rem;
} }
@media (min-width: 63rem) { @media (min-width: 58rem) {
.left, .right { .left, .right {
display: inline; display: inline;
position: relative; position: relative;
@ -78,9 +80,6 @@ section {
margin: 1rem 0; margin: 1rem 0;
} }
section .section-label {
font-family: monospace;
}
.home-name-link { .home-name-link {
display: none; display: none;
@ -102,8 +101,7 @@ header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
gap: 2ch; gap: 2rem;
font-family: monospace;
} }
.header-name { .header-name {
@ -119,15 +117,13 @@ section pre {
} }
.entry-list { .entry-list {
columns: 2 24ch;
column-gap: 3ch;
font-family: monospace;
margin: 0; margin: 0;
} }
.entry { .entry {
display: grid; display: grid;
grid-template-columns: 10ch 1fr; grid-template-columns: 4rem 1fr;
align-items: baseline;
break-inside: avoid; break-inside: avoid;
} }
@ -150,27 +146,23 @@ section pre {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: right; text-align: right;
padding-left: 1ch; padding-left: 0.5rem;
} }
.guestbook-entries { .guestbook-entries {
font-family: monospace; margin: 0;
white-space: pre;
} }
.guestbook-entry { .guestbook-entry {
display: grid; display: grid;
grid-template-columns: 10ch 1fr; grid-template-columns: 4rem 1fr;
} align-items: baseline;
break-inside: avoid;
.guestbook-entry > span:last-child {
white-space: normal;
} }
.guestbook-form { .guestbook-form {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-left: 10ch; margin-left: 4rem;
font-family: monospace;
} }
html[data-compact] .list-meta { html[data-compact] .list-meta {