ian/resume
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More visual tweaks

Browse source
This commit is contained in:
Ian Keane 2026-08-26 17:54:57 -04:00
parent 537e279780
commit 0b0cc6fda5
4 changed files with 71 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

54
style.css
View file

@ -65,31 +65,26 @@ a { color: var(--accent); text-decoration: none; }
}
/* ─── Column layout ──────────────────────────────────────────────────────────── */
/* Two independent .col divs. Expanding a card pushes siblings within
its own col only — cards never shift between columns, no hover loop.
To go to 3 cols: set num-columns=3 in generate.scm, regenerate,
and change repeat(2,...) to repeat(3,...) below. */
.columns {
column-width: 22em;
column-gap: 2em;
column-fill: balance;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 2em;
align-items: start;
}
/* Prevent any card from being split across a column boundary */
.sec-heading,
.title-card,
.project-card,
.education-card,
.interests,
.favorite-software {
break-inside: avoid;
}
.col { min-width: 0; }
/* Keep each section heading attached to whatever follows it */
.sec-heading {
break-after: avoid;
@media (max-width: 600px) {
.columns { grid-template-columns: 1fr; }
}
/* ─── Section headings ───────────────────────────────────────────────────────── */
.sec-heading {
font-size: 0.7rem;
font-weight: 800;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--accent);
@ -114,8 +109,7 @@ a { color: var(--accent); text-decoration: none; }
.project-name,
.edu-degree {
font-weight: 700;
font-size: 0.88rem;
}
font-size: 0.78rem;}
.date-range {
font-size: 0.72rem;
@ -138,14 +132,12 @@ a { color: var(--accent); text-decoration: none; }
margin-bottom: 4px;
}
.title-blurb ul { padding-left: 12px; }
.title-blurb li {
font-size: 0.82rem;
p.title-blurb {
font-size: 0.68rem;
line-height: 1.5;
margin-bottom: 1px;
color: rgba(255,255,255,0.85);
margin-top: 3px;
}
.title-blurb li::before { content: "- "; color: var(--muted); }
/* ─── Project card ───────────────────────────────────────────────────────────── */
.project-card {
@ -173,15 +165,15 @@ a { color: var(--accent); text-decoration: none; }
opacity: 0.7;
}
.project-name { font-size: 0.83rem; }
.project-name { font-size: 0.72rem; }
.project-summary ul { padding-left: 12px; margin-top: 2px; }
.project-summary li {
font-size: 0.8rem;
font-size: 0.68rem;
line-height: 1.5;
color: rgba(255,255,255,0.85);
}
.project-summary li::before { content: "- "; color: var(--muted); }
.project-summary li::before { content: "• "; color: var(--muted); }
.project-details {
max-height: 0;
@ -196,12 +188,12 @@ a { color: var(--accent); text-decoration: none; }
}
.project-details ul { padding-left: 12px; margin-top: 4px; }
.project-details li {
font-size: 0.78rem;
font-size: 0.68rem;
color: var(--muted);
line-height: 1.5;
margin-bottom: 1px;
}
.project-details li::before { content: "- "; }
.project-details li::before { content: "• "; }
.tech-list {
display: flex;
@ -233,7 +225,7 @@ a { color: var(--accent); text-decoration: none; }
margin-bottom: 1px;
color: rgba(255,255,255,0.85);
}
.edu-bullets li::before { content: "- "; color: var(--muted); }
.edu-bullets li::before { content: "• "; color: var(--muted); }
.edu-extras {
max-height: 0;
@ -254,7 +246,7 @@ a { color: var(--accent); text-decoration: none; }
line-height: 1.5;
margin-bottom: 1px;
}
.edu-extras li::before { content: "- "; }
.edu-extras li::before { content: "• "; }
/* ─── Interests — 2-column micro-card grid ───────────────────────────────────── */
.interests {