feat: voeg /slides pagina toe met downloadlink en communityverwijzing
Losse pagina voor deelnemers cursus Claude Code 17 april 2026. Biedt de slides als PDF-download en verwijst naar Digitale Fitheid community. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
74393b0eb4
commit
331d8eb0e5
2 changed files with 90 additions and 0 deletions
|
|
@ -11,6 +11,7 @@ import WaitlistSignup from './pages/WaitlistSignup.jsx'
|
||||||
import WaitlistThankYou from './pages/WaitlistThankYou.jsx'
|
import WaitlistThankYou from './pages/WaitlistThankYou.jsx'
|
||||||
import Installatie from './pages/Installatie.jsx'
|
import Installatie from './pages/Installatie.jsx'
|
||||||
import Worksheet from './pages/Worksheet.jsx'
|
import Worksheet from './pages/Worksheet.jsx'
|
||||||
|
import Slides from './pages/Slides.jsx'
|
||||||
|
|
||||||
createRoot(document.getElementById('root')).render(
|
createRoot(document.getElementById('root')).render(
|
||||||
<StrictMode>
|
<StrictMode>
|
||||||
|
|
@ -25,6 +26,7 @@ createRoot(document.getElementById('root')).render(
|
||||||
<Route path="/wachtlijst-bedankt" element={<WaitlistThankYou />} />
|
<Route path="/wachtlijst-bedankt" element={<WaitlistThankYou />} />
|
||||||
<Route path="/installatie" element={<Installatie />} />
|
<Route path="/installatie" element={<Installatie />} />
|
||||||
<Route path="/worksheet" element={<Worksheet />} />
|
<Route path="/worksheet" element={<Worksheet />} />
|
||||||
|
<Route path="/slides" element={<Slides />} />
|
||||||
</Routes>
|
</Routes>
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
</StrictMode>,
|
</StrictMode>,
|
||||||
|
|
|
||||||
88
src/pages/Slides.jsx
Normal file
88
src/pages/Slides.jsx
Normal file
|
|
@ -0,0 +1,88 @@
|
||||||
|
import { Link } from 'react-router-dom';
|
||||||
|
|
||||||
|
function Slides() {
|
||||||
|
const pdfUrl = `${import.meta.env.BASE_URL}20260313-Cursus-Claude-Code.pdf`;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-warm-50">
|
||||||
|
{/* Header */}
|
||||||
|
<header className="bg-white border-b border-warm-200 py-6">
|
||||||
|
<div className="container-page">
|
||||||
|
<Link
|
||||||
|
to="/"
|
||||||
|
className="text-coral-500 hover:text-coral-600 transition-colors inline-flex items-center gap-2"
|
||||||
|
>
|
||||||
|
<svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
|
||||||
|
</svg>
|
||||||
|
Terug naar de cursuspagina
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{/* Content */}
|
||||||
|
<main className="container-page py-12">
|
||||||
|
<div className="max-w-3xl mx-auto">
|
||||||
|
<h1 className="heading-hero mb-4">Download slides</h1>
|
||||||
|
<p className="text-warm-500 text-lg mb-10">Cursus Claude Code — 17 april 2026</p>
|
||||||
|
|
||||||
|
<div className="prose prose-warm max-w-none space-y-6 text-warm-700">
|
||||||
|
<p className="text-lg">
|
||||||
|
Bedankt voor je deelname aan de Cursus Claude Code op 17 april. Jullie waren een
|
||||||
|
geweldig gezelschap: nieuwsgierig, hands-on en vol goede vragen. Dat maakt zo'n
|
||||||
|
dag echt de moeite waard.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
De slides staan hieronder klaar om te downloaden. Gebruik ze gerust als naslagwerk
|
||||||
|
of om het gesprek intern voort te zetten.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Download button */}
|
||||||
|
<div className="mt-8 mb-12">
|
||||||
|
<a
|
||||||
|
href={pdfUrl}
|
||||||
|
download
|
||||||
|
className="btn-primary inline-flex items-center gap-3"
|
||||||
|
>
|
||||||
|
<svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
|
||||||
|
</svg>
|
||||||
|
Download slides (PDF)
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Community block */}
|
||||||
|
<div className="card-feature p-8 rounded-2xl">
|
||||||
|
<h2 className="heading-3 mb-4">Deel je projecten in de community</h2>
|
||||||
|
<p className="text-warm-700 mb-6">
|
||||||
|
Ben je ondertussen aan de slag gegaan met Claude Code? Heb je een project gebouwd,
|
||||||
|
een workflow verbeterd of loop je ergens tegenaan? Deel het in de Digitale Fitheid
|
||||||
|
community. Stel je vraag, post je project of inspireer andere deelnemers.
|
||||||
|
</p>
|
||||||
|
<a
|
||||||
|
href="https://start.digitalefitheid.nl/feed"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="btn-secondary inline-flex items-center gap-2"
|
||||||
|
>
|
||||||
|
Ga naar de community
|
||||||
|
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-warm-900 text-warm-400 py-6 mt-12">
|
||||||
|
<div className="container-page text-center text-sm">
|
||||||
|
© {new Date().getFullYear()} Frank Meeuwsen. Alle rechten voorbehouden.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Slides;
|
||||||
Loading…
Reference in a new issue