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:
@@ -108,7 +108,7 @@
|
||||
.name {
|
||||
margin: 30px 0 0 -0.045em;
|
||||
font: var(--name-weight) clamp(56px, 12.6vw, 204px) / 0.88 var(--font-head);
|
||||
letter-spacing: -0.048em;
|
||||
letter-spacing: var(--name-tracking);
|
||||
}
|
||||
|
||||
.role {
|
||||
@@ -189,3 +189,25 @@
|
||||
.plane::before { top: 170px; }
|
||||
.plane { background-size: 56px 56px; }
|
||||
}
|
||||
|
||||
.link {
|
||||
margin-left: 10px;
|
||||
padding: 14px 0;
|
||||
font: 600 16px/1.2 var(--font-body);
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 1.5px;
|
||||
text-underline-offset: 5px;
|
||||
text-decoration-color: var(--ink-line);
|
||||
transition: text-decoration-color 0.2s, color 0.2s;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
color: var(--z-text);
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
@media (max-width: 620px) {
|
||||
.link {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user