diff --git a/README.md b/README.md index 2602904..338223a 100644 --- a/README.md +++ b/README.md @@ -52,7 +52,6 @@ Klik op het MacBook-scherm en typ: | `skills` | vaardigheden | | `email` | stuur een e-mail vanuit de terminal (onderwerp β†’ bericht β†’ optioneel antwoordadres β†’ bevestigen; verzonden via SMTP2GO) | | `photo` / `open arjan.jpg` | opent de foto op het bureaublad | -| `linkedin` | opent het LinkedIn-profiel | | `iss` | live positie, hoogte en snelheid van het Γ©chte ISS | | `lang en` / `lang nl` | wissel van taal (wordt onthouden) | | `neofetch` | systeeminfo van deze MacBook (M1 Max πŸ˜‰) | @@ -76,7 +75,8 @@ npm run preview # test de productiebuild lokaal ## Personaliseren -- **Identiteit & links** - `src/config.ts` (naam, e-mail, LinkedIn, foto-pad). +- **Identiteit & links** - `src/config.ts` (naam, e-mail, LinkedIn, GitHub, + /dev/null, foto-pad). - **Teksten per taal** - `src/i18n.ts` (bio, titel, skills, alle UI- en terminalteksten; de TODO-markers wachten op echte content). - **Foto** - `public/photo.webp` (vierkant, 800Γ—800). diff --git a/index.html b/index.html index f975546..8710b96 100644 --- a/index.html +++ b/index.html @@ -46,7 +46,7 @@ "jobTitle": "IT-consultant & softwaredeveloper", "worksFor": { "@type": "Organization", "name": "ContactCare" }, "knowsAbout": ["Amazon Connect Customer", "Amazon Connect", "PHP", "Laravel", "API-integraties", "Procesoptimalisatie"], - "sameAs": ["https://www.linkedin.com/in/arjankapteijn/"] + "sameAs": ["https://www.linkedin.com/in/arjankapteijn/", "https://dev-null.sh/@arjankapteijn"] } diff --git a/src/App.tsx b/src/App.tsx index 68e71d4..5dafe36 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -109,6 +109,13 @@ export default function App() { + + {/* beeldmerk uit https://dev-null.sh/brand, monochroom zoals de andere iconen */} + +

{profile.name}

{renderMarkdownLinks(t.bio.join(' '))}

LinkedIn - {profile.name} + /dev/null - {profile.name} E-mail - {profile.name} diff --git a/src/components/PhotoModal.tsx b/src/components/PhotoModal.tsx index 6ab31b0..86a1e77 100644 --- a/src/components/PhotoModal.tsx +++ b/src/components/PhotoModal.tsx @@ -38,6 +38,9 @@ export default function PhotoModal({ lang, onClose, onEmail }: PhotoModalProps) LinkedIn + + /dev/null + diff --git a/src/components/Terminal.tsx b/src/components/Terminal.tsx index b9d45eb..ee2ef07 100644 --- a/src/components/Terminal.tsx +++ b/src/components/Terminal.tsx @@ -243,10 +243,6 @@ export default function Terminal({ lang, setLang, onOpenPhoto }: TerminalProps) case 'mail': startEmail() break - case 'linkedin': - window.open(profile.linkedin, '_blank', 'noopener') - print({ text: t.linkedinOpening, cls: 'ok' }, { text: '' }) - break case 'photo': case 'foto': print({ text: t.photoOpening, cls: 'ok' }, { text: '' }) diff --git a/src/config.ts b/src/config.ts index d22638e..deb8d73 100644 --- a/src/config.ts +++ b/src/config.ts @@ -10,6 +10,7 @@ export const profile = { linkedin: 'https://www.linkedin.com/in/arjankapteijn/', github: 'https://github.com/arjankapteijn/website', + devnull: 'https://dev-null.sh/@arjankapteijn', photo: '/photo.webp', } diff --git a/src/i18n.ts b/src/i18n.ts index ba5f0e7..e895afd 100644 --- a/src/i18n.ts +++ b/src/i18n.ts @@ -119,7 +119,6 @@ const nl = { { text: ' skills waar is hij goed in?' }, { text: ' email stuur een e-mail vanuit de terminal' }, { text: ' photo open de foto op het bureaublad' }, - { text: ' linkedin open het LinkedIn-profiel' }, { text: ' iss live positie van het Γ©chte ISS' }, { text: ' lang switch language (lang en / lang nl)' }, { text: ' neofetch systeeminfo van deze MacBook' }, @@ -146,7 +145,6 @@ const nl = { promptReply: 'e-mailadres (optioneel)> ', promptConfirm: 'verzenden? (j/n) ', yes: ['j', 'ja', 'y', 'yes'], - linkedinOpening: 'LinkedIn wordt geopend in een nieuw tabblad…', photoOpening: 'arjan.jpg wordt geopend…', openNotFound: (arg: string) => `open: kan '${arg || '?'}' niet vinden`, lsFiles: 'arjan.jpg over-mij.txt .geheimen', @@ -199,7 +197,7 @@ const nl = { ] as TermLine[], exit: [ { text: 'Ontsnappen aan een baan om de aarde kost 7,9 km/s.', cls: 'warn' }, - { text: "Makkelijker: typ 'linkedin'.", cls: 'dim' }, + { text: 'Makkelijker: de icoontjes rechtsonder.', cls: 'dim' }, { text: '' }, ] as TermLine[], notFound: (name: string) => @@ -324,7 +322,6 @@ const en: typeof nl = { { text: ' skills what is he good at?' }, { text: ' email send an e-mail from the terminal' }, { text: ' photo open the photo on the desktop' }, - { text: ' linkedin open the LinkedIn profile' }, { text: ' iss live position of the real ISS' }, { text: ' lang switch language (lang en / lang nl)' }, { text: ' neofetch system info for this MacBook' }, @@ -351,7 +348,6 @@ const en: typeof nl = { promptReply: 'e-mail address (optional)> ', promptConfirm: 'send? (y/n) ', yes: ['y', 'yes', 'j', 'ja'], - linkedinOpening: 'Opening LinkedIn in a new tab…', photoOpening: 'Opening arjan.jpg…', openNotFound: (arg: string) => `open: cannot find '${arg || '?'}'`, lsFiles: 'arjan.jpg about-me.txt .secrets', @@ -404,7 +400,7 @@ const en: typeof nl = { ], exit: [ { text: 'Escaping Earth orbit takes 7.9 km/s.', cls: 'warn' }, - { text: "Easier: type 'linkedin'.", cls: 'dim' }, + { text: 'Easier: the icons in the bottom right.', cls: 'dim' }, { text: '' }, ], notFound: (name: string) => [ diff --git a/src/index.css b/src/index.css index f04384c..1e55b42 100644 --- a/src/index.css +++ b/src/index.css @@ -249,6 +249,16 @@ canvas { background: rgba(70, 120, 255, 0.28); } +/* Smal scherm: drie knoppen naast elkaar - krapper, zodat elk label op één regel past */ +@media (max-width: 640px) { + .photo-modal__actions a, + .photo-modal__actions button { + padding: 10px 6px; + letter-spacing: 0.05em; + white-space: nowrap; + } +} + /* ── Stats-popups (zonnepanelen, hosting) ──────────────────────────── */ .photo-modal__icon { width: 96px;