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"))
|
||||
,(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)
|
||||
(append
|
||||
(list (render-title-card tc))
|
||||
(map render-work-project (field tc 'projects))))
|
||||
(list
|
||||
`(div (@ (class "job-group"))
|
||||
,(render-title-card tc)
|
||||
,@(map render-work-project (field tc 'projects)))))
|
||||
|
||||
(define (render-education edu)
|
||||
`(div (@ (class "education-card")
|
||||
|
|
@ -102,8 +103,7 @@
|
|||
(define (section->items sec)
|
||||
(case (car sec)
|
||||
((job)
|
||||
(apply append (map render-title-flat (field sec 'titles))))
|
||||
((education)
|
||||
(apply append (map render-title-flat (field sec 'titles)))) ((education)
|
||||
(list (render-education sec)))
|
||||
((hobby-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 ──────────────────────────────────────────────────────────────── */
|
||||
:root {
|
||||
--bg: #222129;
|
||||
--bg-card: #272327;
|
||||
--bg-hover: #2e2b33;
|
||||
--bg-card: #2a2520;
|
||||
--bg-hover: #3a3228;
|
||||
--text: #fff;
|
||||
--muted: rgba(255,255,255,0.5);
|
||||
--accent: #FFA86A;
|
||||
|
|
@ -127,9 +127,9 @@ a { color: var(--accent); text-decoration: none; }
|
|||
|
||||
/* ─── Title card ─────────────────────────────────────────────────────────────── */
|
||||
.title-card {
|
||||
padding: 5px 0 6px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
margin-bottom: 4px;
|
||||
padding: 6px 9px 0;
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p.title-blurb {
|
||||
|
|
@ -139,6 +139,15 @@ p.title-blurb {
|
|||
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 {
|
||||
background: var(--bg-card);
|
||||
|
|
@ -146,7 +155,7 @@ p.title-blurb {
|
|||
border-left: 2px solid rgba(255,168,106,0.35);
|
||||
border-radius: 3px;
|
||||
padding: 6px 9px;
|
||||
margin-bottom: 4px;
|
||||
margin-top: 5px;
|
||||
cursor: default;
|
||||
transition: background 0.18s, border-left-color 0.18s;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue