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:
+7
-4
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user