Adjust display to show ownership of work-projects by specific job
This commit is contained in:
parent
6e8d7bc106
commit
42cf5fbeb7
3 changed files with 22 additions and 13 deletions
12
generate.scm
12
generate.scm
|
|
@ -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
21
style.css
21
style.css
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue