lew/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: newspaper columnar layout - currently in newspaper order, though maybe left-right would be better

Browse source
This commit is contained in:
Lewis Wynne 2026-03-27 17:34:48 +00:00
parent 880b92900f
commit d65342fd73
4 changed files with 49 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

30
www/src/styles/global.css
View file

@ -1,6 +1,6 @@
body {
box-sizing: border-box;
max-width: 38rem;
max-width: 48rem;
margin: 0 auto;
padding: 1rem;
text-align: justify;
@ -102,6 +102,25 @@ section pre {
margin: 0;
}
.entry-list {
columns: 2 24ch;
column-gap: 3ch;
font-family: monospace;
margin: 0;
}
.entry {
display: grid;
grid-template-columns: 10ch 1fr;
break-inside: avoid;
}
.entry-content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.guestbook-entries {
font-family: monospace;
white-space: pre;
@ -109,7 +128,7 @@ section pre {
.guestbook-entry {
display: grid;
grid-template-columns: var(--meta-width) 1fr;
grid-template-columns: 10ch 1fr;
}
.guestbook-entry > span:last-child {
@ -118,12 +137,19 @@ section pre {
.guestbook-form {
margin-top: 0.5rem;
margin-left: 10ch;
font-family: monospace;
}
html[data-compact] .list-meta {
display: none;
}
html[data-compact] .entry {
display: block;
}
html[data-compact] .entry-list {
columns: 1;
}
html[data-compact] .guestbook-entry {
display: block;
}