Add a prominent link to the full portfolio
The top bar's accent button becomes Portfolio (Email stays in the hero and the contact band), the hero gets a Full portfolio button, and the project list ends with a large block linking to it. The link points at Gitea's list of repos with the portfolio topic; the sync supplies the count and the resume file can override the target and label. Also eases the display weight and tracking of the name in the dark theme. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XtcZtnG4GQA1d6mW5PNrS9
This commit is contained in:
@@ -235,3 +235,48 @@
|
||||
}
|
||||
.item[data-span='6'] .plate { aspect-ratio: 16 / 10; }
|
||||
}
|
||||
|
||||
/* The whole row is a link to the full portfolio; it closes the list. */
|
||||
.more {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 24px 40px;
|
||||
margin-top: clamp(56px, 7vw, 104px);
|
||||
padding: clamp(28px, 4vw, 52px) 0;
|
||||
border-top: 1px solid var(--ink);
|
||||
border-bottom: 1px solid var(--line);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.more > span:first-child {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.moreTitle {
|
||||
font: 700 clamp(28px, 3.8vw, 54px) / 1.05 var(--font-head);
|
||||
letter-spacing: -0.035em;
|
||||
}
|
||||
|
||||
.moreText {
|
||||
max-width: 52ch;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.moreButton {
|
||||
flex: none;
|
||||
padding: 16px 28px;
|
||||
border-radius: var(--radius-control);
|
||||
background: var(--ink);
|
||||
color: var(--paper);
|
||||
font: 600 17px/1.2 var(--font-body);
|
||||
transition: background-color 0.2s, color 0.2s;
|
||||
}
|
||||
|
||||
.more:hover .moreButton {
|
||||
background: var(--z);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user