Feiko Wielsma
c160446eac
- Update Google Sheets integration to support optional tab names. - Add functionality to fetch and display public participants. - Revise event configuration in YAML for clarity and consistency. - Improve form layout with additional fields for contact information and meal preferences. - Create a new home page template for event selection. - Update success page to link back to the participants list.
51 lines
No EOL
2.7 KiB
HTML
51 lines
No EOL
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Zeilwedstrijden Inschrijving</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
.event-card {
|
|
transition: transform 0.2s;
|
|
cursor: pointer;
|
|
}
|
|
.event-card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-light">
|
|
|
|
<div class="container py-5">
|
|
<div class="row justify-content-center text-center mb-5">
|
|
<div class="col-lg-8">
|
|
<h1 class="display-4 fw-bold text-primary">Wedstrijd Inschrijvingen</h1>
|
|
<p class="lead text-muted">Kies hieronder de wedstrijd waarvoor je je wilt inschrijven.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4 justify-content-center">
|
|
<!-- Loop through the events defined in events.yaml -->
|
|
{% for slug, data in events.items() %}
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="card h-100 shadow-sm event-card border-0">
|
|
<div class="card-body p-4 text-center">
|
|
<div class="mb-3">
|
|
<!-- Simple Icon using Bootstrap Icons (SVG) or just text -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="#0d6efd" class="bi bi-water" viewBox="0 0 16 16">
|
|
<path d="M.036 3.314a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .354.928l-1.757.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.757-.703a.5.5 0 0 1-.278-.65zm0 3a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .354.928l-1.757.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.757-.703a.5.5 0 0 1-.278-.65z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="card-title h4">{{ data.title }}</h3>
|
|
<p class="card-text text-muted mb-4">{{ data.description }}</p>
|
|
<a href="/{{ slug }}" class="btn btn-primary w-100">Inschrijven →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |