old-computers.com/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add news posts with banner summaries on the home page

Browse Source 
Posts live in content/post/; the five latest are summarised on the home
page. Builds for check/deploy go to build/ so they do not collide with a
running hugo server writing to public/.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YDRjtmAiNpo5mK5N3d7QwZ
This commit is contained in:
yann64
2026-10-11 20:13:17 +02:00
co-authored by Claude Opus 5.5
parent 787ce531b6
commit d9227e15f3
12 changed files with 128 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+18
View File
@@ -111,3 +111,21 @@ table { border-collapse: collapse; }
.comments li { margin-bottom: 12px; overflow-wrap: anywhere; }
.comments .meta { margin: 0 0 6px; font-size: 0.9rem; }
.prev-next { display: flex; justify-content: space-between; gap: 16px; margin-top: 24px; }
.posts { display: grid; gap: 16px; }
.post-summary {
display: grid;
grid-template-columns: minmax(0, 280px) 1fr;
gap: 16px;
background: var(--panel);
border: 1px solid var(--line);
border-radius: 4px;
padding: 12px;
}
.post-summary:not(:has(.banner)) { grid-template-columns: 1fr; }
.post-summary .banner img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 2px; }
.post-summary h3 { margin: 0 0 2px; font-size: 1.15rem; }
.post-summary .meta { margin: 0 0 8px; font-size: 0.85rem; }
.post-summary p:last-child { margin-bottom: 0; }
.post-banner { display: block; width: 100%; max-height: 420px; object-fit: cover; margin: 0 0 16px; border-radius: 4px; }
@media (max-width: 600px) { .post-summary { grid-template-columns: 1fr; } }