feiko/sailing_forms
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance event registration system:

Browse source 
- 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.
This commit is contained in:
Feiko Wielsma 2025-11-26 17:47:20 +01:00
parent f83a061e39
commit c160446eac
6 changed files with 219 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

51
templates/home.html Normal file
View file

@ -0,0 +1,51 @@
<!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 &rarr;</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</body>
</html>