Adjust display to show ownership of work-projects by specific job

This commit is contained in:
Ian Keane 2026-08-27 13:39:55 -04:00
parent 6e8d7bc106
commit 42cf5fbeb7
3 changed files with 22 additions and 13 deletions

View file

@ -64,11 +64,12 @@
(p (@ (class "title-blurb")) (p (@ (class "title-blurb"))
,(string-join (field tc 'blurb) " ")))) ,(string-join (field tc 'blurb) " "))))
;; Emit a title card followed by its work-project cards as a flat list of siblings ;; Wrap title card + its project cards in a .job-group container
(define (render-title-flat tc) (define (render-title-flat tc)
(append (list
(list (render-title-card tc)) `(div (@ (class "job-group"))
(map render-work-project (field tc 'projects)))) ,(render-title-card tc)
,@(map render-work-project (field tc 'projects)))))
(define (render-education edu) (define (render-education edu)
`(div (@ (class "education-card") `(div (@ (class "education-card")
@ -102,8 +103,7 @@
(define (section->items sec) (define (section->items sec)
(case (car sec) (case (car sec)
((job) ((job)
(apply append (map render-title-flat (field sec 'titles)))) (apply append (map render-title-flat (field sec 'titles)))) ((education)
((education)
(list (render-education sec))) (list (render-education sec)))
((hobby-projects) ((hobby-projects)
(map render-project (field sec 'projects))) (map render-project (field sec 'projects)))

File diff suppressed because one or more lines are too long

View file

@ -4,8 +4,8 @@
/* ─── Variables ──────────────────────────────────────────────────────────────── */ /* ─── Variables ──────────────────────────────────────────────────────────────── */
:root { :root {
--bg: #222129; --bg: #222129;
--bg-card: #272327; --bg-card: #2a2520;
--bg-hover: #2e2b33; --bg-hover: #3a3228;
--text: #fff; --text: #fff;
--muted: rgba(255,255,255,0.5); --muted: rgba(255,255,255,0.5);
--accent: #FFA86A; --accent: #FFA86A;
@ -127,9 +127,9 @@ a { color: var(--accent); text-decoration: none; }
/* ─── Title card ─────────────────────────────────────────────────────────────── */ /* ─── Title card ─────────────────────────────────────────────────────────────── */
.title-card { .title-card {
padding: 5px 0 6px; padding: 6px 9px 0;
border-bottom: 1px solid var(--border); border-bottom: none;
margin-bottom: 4px; margin-bottom: 0;
} }
p.title-blurb { p.title-blurb {
@ -139,6 +139,15 @@ p.title-blurb {
margin-top: 3px; margin-top: 3px;
} }
/* Job group: lighter background surrounds title + all its project cards */
.job-group {
background: #2e2b33;
border: 1px solid var(--border);
border-radius: 3px;
padding: 6px 8px 8px;
margin-bottom: 6px;
}
/* ─── Project card ───────────────────────────────────────────────────────────── */ /* ─── Project card ───────────────────────────────────────────────────────────── */
.project-card { .project-card {
background: var(--bg-card); background: var(--bg-card);
@ -146,7 +155,7 @@ p.title-blurb {
border-left: 2px solid rgba(255,168,106,0.35); border-left: 2px solid rgba(255,168,106,0.35);
border-radius: 3px; border-radius: 3px;
padding: 6px 9px; padding: 6px 9px;
margin-bottom: 4px; margin-top: 5px;
cursor: default; cursor: default;
transition: background 0.18s, border-left-color 0.18s; transition: background 0.18s, border-left-color 0.18s;
} }