a402cbaef5
Zero-dependency static site. config.json-driven. Deploy: docker compose up -d Publish: GitHub Pages / Cloudflare Pages / Tailscale Serve Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
174 lines
6.8 KiB
HTML
174 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="nl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>AI HUB Tilburg</title>
|
||
<meta name="description" content="Een open community voor builders, thinkers en makers in de regio Tilburg. Geen leider, wel richting.">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap">
|
||
<link rel="stylesheet" href="style.css">
|
||
<script src="config.js" defer></script>
|
||
<script src="app.js" defer></script>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- NAV -->
|
||
<nav>
|
||
<div class="container nav-inner">
|
||
<div class="logo">
|
||
<span class="logo-dot"></span>
|
||
<span class="logo-text" data-config="community.name">AI HUB Tilburg</span>
|
||
</div>
|
||
<a href="#join" class="btn btn-sm">Word lid →</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- HERO -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="badge" data-config="community.founded">Opgericht 2026 · Tilburg</div>
|
||
<h1>Builders,<br>thinkers,<br><em>makers.</em></h1>
|
||
<p class="lead" data-config="community.description">
|
||
Een open community voor iedereen in de regio Tilburg die bouwt, onderzoekt of experimenteert met AI, technologie en ondernemen. Geen agenda, geen hiërarchie. Je project is van jou.
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a href="#join" class="btn btn-primary" data-config-href="join.whatsapp_invite" data-config-text="join.cta_text">Word lid via WhatsApp</a>
|
||
<a href="#bijeenkomsten" class="btn btn-ghost">Wanneer & Waar →</a>
|
||
</div>
|
||
<div class="hero-meta">
|
||
<span>🟢 Actief</span>
|
||
<span>·</span>
|
||
<span data-config="location.city">5048 AB Tilburg</span>
|
||
<span>·</span>
|
||
<span>Open voor iedereen</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- WHAT -->
|
||
<section class="section" id="over">
|
||
<div class="container grid-2">
|
||
<div>
|
||
<span class="kicker">Wat is dit?</span>
|
||
<h2>Geen club, geen bedrijf.<br>Een verzamelpunt.</h2>
|
||
<p>
|
||
AI HUB Tilburg is een informele community. We hebben geen bestuur, geen contributie en geen gemeenschappelijke agenda. Iedereen werkt aan zijn eigen project — samen in dezelfde ruimte, met dezelfde energie.
|
||
</p>
|
||
<p>
|
||
Wat je hier vindt: mensen die vragen stellen, kennis delen, resources samenvoegen en soms gewoon laten zien waar ze mee bezig zijn.
|
||
</p>
|
||
</div>
|
||
<div class="card-stack">
|
||
<div class="principle-card">
|
||
<span class="number">01</span>
|
||
<h3>Jouw project, jouw tempo</h3>
|
||
<p>Niemand stuurt jou. Je deelt wat je wil, wanneer je wil.</p>
|
||
</div>
|
||
<div class="principle-card">
|
||
<span class="number">02</span>
|
||
<h3>Middelen samenvoegen</h3>
|
||
<p>Kennis, netwerk, tools — als je iets kunt bieden, bied je het aan. Vrijwillig.</p>
|
||
</div>
|
||
<div class="principle-card">
|
||
<span class="number">03</span>
|
||
<h3>Compound groei</h3>
|
||
<p>Samen sneller dan alleen. Door te zien wat anderen doen, groei je zelf.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- MEETINGS -->
|
||
<section class="section section-tinted" id="bijeenkomsten">
|
||
<div class="container">
|
||
<span class="kicker">Bijeenkomsten</span>
|
||
<h2>Elke week. Geen agenda.</h2>
|
||
<div class="meetings-grid">
|
||
<div class="meeting-card">
|
||
<div class="meeting-icon">📅</div>
|
||
<h3 data-config="meetings.schedule">Elke zaterdag</h3>
|
||
<p data-config="meetings.time">12:00–14:00</p>
|
||
<p class="sub" data-config="meetings.format">Inloop — kom als je kan, ga als je wil</p>
|
||
</div>
|
||
<div class="meeting-card">
|
||
<div class="meeting-icon">📍</div>
|
||
<h3 data-config="location.name">Business Centre Tilburg</h3>
|
||
<p data-config="location.address">Kraaivenstraat 36-14</p>
|
||
<p class="sub" data-config="location.city">5048 AB Tilburg</p>
|
||
<a href="#" class="link" id="maps-link" data-config-href-maps="location.maps_query">Open in Maps →</a>
|
||
</div>
|
||
<div class="meeting-card">
|
||
<div class="meeting-icon">💻</div>
|
||
<h3>Online check-in</h3>
|
||
<p>Kan je er niet bij zijn?</p>
|
||
<p class="sub" data-config="meetings.note">Check WhatsApp voor actuele locatie en updates</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- RULES -->
|
||
<section class="section" id="spelregels">
|
||
<div class="container container-narrow">
|
||
<span class="kicker">Spelregels</span>
|
||
<h2>Vijf afspraken. Niet meer.</h2>
|
||
<ol class="rules-list" id="rules-list">
|
||
<li>Iedereen heeft zijn eigen project. Niemand beslist voor een ander.</li>
|
||
<li>Geen commerciële pitch zonder toestemming van de groep.</li>
|
||
<li>Opbouwend — vragen stellen is beter dan oordelen.</li>
|
||
<li>Aanwezig zijn als je kan. Online check-in altijd welkom.</li>
|
||
<li>Middelen en kennis delen als je wil — niet verplicht.</li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PROJECTS -->
|
||
<section class="section section-tinted" id="projecten">
|
||
<div class="container">
|
||
<span class="kicker">Projecten</span>
|
||
<h2>Wat leden bouwen.</h2>
|
||
<p class="section-lead">Leden kunnen hier hun project toevoegen. Geen pitch — gewoon: wat ben je aan het doen?</p>
|
||
<div class="projects-grid" id="projects-grid">
|
||
<!-- Populated from config.json or submitted by members -->
|
||
<div class="project-card project-placeholder">
|
||
<div class="project-icon">🚧</div>
|
||
<p>Jouw project hier? Deel het in de WhatsApp groep.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- JOIN -->
|
||
<section class="section join-section" id="join">
|
||
<div class="container container-narrow text-center">
|
||
<span class="kicker">Doe mee</span>
|
||
<h2>Klaar om mee te bouwen?</h2>
|
||
<p>Sluit je aan via WhatsApp. Geen sollicitatie, geen formulier. Gewoon joinen en aanwezig zijn.</p>
|
||
<a class="btn btn-primary btn-lg" href="#" data-config-href="join.whatsapp_invite" id="join-btn">
|
||
📱 Word lid via WhatsApp
|
||
</a>
|
||
<p class="join-sub">Stuur een berichtje wie je bent en wat je bouwt.<br>Dat is alles.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="container footer-inner">
|
||
<div class="footer-left">
|
||
<span class="logo-text" data-config="community.name">AI HUB Tilburg</span>
|
||
<span class="footer-sub" data-config="location.city">Tilburg · Nederland</span>
|
||
</div>
|
||
<div class="footer-right">
|
||
<span class="footer-sub">Founding member:</span>
|
||
<a href="https://atlascorporation.nl" target="_blank" rel="noopener" id="founding-link">Atlas Corporation</a>
|
||
</div>
|
||
<div class="footer-copy">
|
||
<span>Open community · Geen commercieel belang · </span>
|
||
<a href="https://github.com/YOUR_ORG/tilburg-hub" target="_blank" rel="noopener">Broncode op GitHub</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|