Add a prominent link to the full portfolio
Deploy to GitHub Pages / build (push) Canceled after 0s
Deploy to GitHub Pages / deploy (push) Canceled after 0s

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:
Emil
2026-09-20 22:58:37 +03:00
co-authored by Claude Sonnet 5
parent 15d36d6437
commit 7471d65f54
10 changed files with 115 additions and 18 deletions
+45
View File
@@ -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;
}