"Cardify" the about page

Make about page layout consistent with the look of other pages.
This also makes each section more visually distinct from the others.
This commit is contained in:
2025-10-18 09:39:21 -04:00
parent b694a6f547
commit 81c8220e30
2 changed files with 81 additions and 56 deletions

View File

@@ -363,7 +363,7 @@ article > p,
margin-right: 1rem;
}
.lane > article > header,
.lane > article > h3 {
.lane > article > h3:first-child {
background: var(--background-secondary);
padding: 1.5rem 1rem 1rem 1rem;
margin: 0;
@@ -377,16 +377,16 @@ article > p,
max-width: calc(100vw - 12px);
}
.lane.stack > article > header,
.lane.stack > article > h3 {
.lane.stack > article > h3:first-child {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.lane > article > header a,
.lane > article > h3 a {
.lane > article > h3:first-child a {
color: var(--link-secondary);
}
.lane > article > header a:hover,
.lane > article > h3:hover {
.lane > article > h3:first-child:hover {
color: var(--link-secondary-hover);
}
.lane.stack> * > header * {