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
+7 -4
View File
@@ -1,12 +1,12 @@
'use client'
import { useRef } from 'react'
import type { Resume } from '@/lib/types'
import type { Portfolio, Resume } from '@/lib/types'
import styles from './hero.module.css'
type Props = { resume: Resume; mailHref: string; showProjects: boolean }
type Props = { resume: Resume; portfolio: Portfolio; mailHref: string; showProjects: boolean }
export default function Hero({ resume, mailHref, showProjects }: Readonly<Props>) {
export default function Hero({ resume, portfolio, mailHref, showProjects }: Readonly<Props>) {
const hero = useRef<HTMLElement>(null)
// The floor sways a couple of degrees with the pointer, like nudging the viewport.
@@ -28,7 +28,10 @@ export default function Hero({ resume, mailHref, showProjects }: Readonly<Props>
<p className={styles.bio}>{resume.bio}</p>
<div className={styles.actions}>
{showProjects && <a className={`${styles.button} ${styles.primary}`} href="#projects">See projects</a>}
<a className={`${styles.button} ${showProjects ? styles.secondary : styles.primary}`} href={mailHref}>Email me</a>
<a className={`${styles.button} ${showProjects ? styles.secondary : styles.primary}`} href={portfolio.href} target="_blank" rel="noreferrer">
Full portfolio
</a>
<a className={styles.link} href={mailHref}>Email me</a>
</div>
</div>
<div className={styles.stage} aria-hidden="true">