Skip to content

Add events handling #15

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
PaulFarault wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add events handling #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 70 additions & 0 deletions docs/EVENTS.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
# Events System

## Overview

Events are automatically parsed from `src/events.yaml`, localized (EN/FR), and rendered in templates via the `{{> events }}` partial.

## Event Schema

| Field | Type | Required | Description |
|-------|------|----------|-------------|
| `date` | String or Object | ✅ | Single: `"YYYY-MM-DD"`<br>Range: `{ start: "...", end: "..." }` |
| `title` | String or i18n | ✅ | Event name |
| `description` | String or i18n | | Additional details |
| `location` | String or i18n | | Event location |
| `url` | String | | Event website link |
| `source` | String | | Presentation/slides PDF path |

### i18n Format

```yaml
# Localized (recommended)
title:
en: "English Title"
fr: "Titre Français"

# OR simple fallback (same for all locales)
location: "Paris, France"
```

**Fallback:** Missing locale defaults to English.

## Examples

```yaml
# Single date
- date: "2026-04-22"
title:
en: OKDP at Devoxx Paris
fr: OKDP à Devoxx Paris
location: Palais des Congrès, Paris

# Date range
- date:
start: "2025-12-10"
end: "2025-12-11"
title: OSXP (Open Source eXPérience)

# With link
- date: "2026-02-03"
title: Cloud Native Days
source: /presentations/slides.pdf
```

## Date Formatting

Dates are auto-formatted per locale:

| Input | EN | FR |
|-------|----|----|
| `"2026-02-03"` | February 3, 2026 | 3 février 2026 |
| `{ start: "2025-12-10", end: "2025-12-11" }` | December 10 → 11, 2025 | 10 → 11 décembre 2025 |

## Important Notes

**Always quote dates** in YAML:

```yaml
date: "2026-02-03" # Correct
date: 2026-02-03 # Wrong
```
107 changes: 107 additions & 0 deletions en/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@
<li><a href="../#about" class="nav-link" data-nav-link>About</a></li>
<li><a href="../#architecture" class="nav-link" data-nav-link>Architecture</a></li>
<li><a href="roadmap/" class="nav-link" data-nav-link>Roadmap</a></li>
<li><a href="../#events" class="nav-link" data-nav-link>Events</a></li>
<li><a href="../#community" class="nav-link" data-nav-link>Community</a></li>
<li>
<div
Expand Down Expand Up @@ -76,6 +77,8 @@
data-nav-link>Architecture</a></li>
<li><a href="roadmap/" class="block py-2 px-4 hover:bg-accent rounded-lg transition-colors"
data-nav-link>Roadmap</a></li>
<li><a href="../#events" class="block py-2 px-4 hover:bg-accent rounded-lg transition-colors"
data-nav-link>Events</a></li>
<li><a href="../#community" class="block py-2 px-4 hover:bg-accent rounded-lg transition-colors"
data-nav-link>Community</a></li>
<li>
Expand Down Expand Up @@ -457,6 +460,110 @@ <h3 class="text-xl font-semibold mb-4">Call for Contributions</h3>
</div>
</section>

<!-- Events -->
<section id="events" class="py-20 bg-background">
<div class="container max-w-5xl">
<div class="mb-12 text-center">
<h2 class="text-4xl font-bold mb-4">Events</h2>
<p class="text-xl text-text-light max-w-3xl mx-auto">OKDP presentations, conferences, and community gatherings.</p>
</div>

<!-- Upcoming Events -->
<div class="font-mono text-[11px] uppercase tracking-widest text-text-light mb-3 px-4">Upcoming</div>
<div class="rounded-lg border border-accent bg-white mb-8">
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-06-04</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">TOSIT-Day</div>
</div>
<span class="text-xs text-text-light">Caisse des Dépôts et Consignations</span>
</div>
</div>

<!-- Past Events (Collapsible) -->
<details class="group">
<summary class="cursor-pointer list-none flex items-center gap-2 text-sm text-text-light hover:text-primary transition-colors select-none">
<svg class="w-4 h-4 transition-transform group-open:rotate-90" viewBox="0 0 20 20" fill="currentColor">
<path d="M7 5l6 5-6 5V5z"/>
</svg>
<span class="font-mono text-[11px] uppercase tracking-widest">Past Events (10)</span>
</summary>
<div class="mt-4 rounded-lg border border-accent bg-white">
<div class="flex items-center gap-3 px-4 py-2 bg-background-alt border-b border-accent">
<span class="font-mono text-[11px] uppercase tracking-widest text-text-light whitespace-nowrap">── 2026</span>
<span class="flex-1 border-t border-dotted border-text-light/30"></span>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-05-07</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at Docaposte</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-05-05</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at the French Ministry of Agriculture and Food Sovereignty</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-04-22</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at Devoxx Paris</div>
</div>
<span class="text-xs text-text-light">Palais des Congrès, Paris</span>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-04-21</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at INERIS</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-04-03</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at Arkéa</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-03-27</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at Kiira</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-02-18</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at Tasmane / Agirc-Arrco</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-02-12</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OKDP presentation at Wescale</div>
</div>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2026-02-03</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">Cloud Native Days France 2026</div>
<div class="text-xs text-text-light mt-1 leading-snug">with TOSIT booth</div>
</div>
</div>
<div class="flex items-center gap-3 px-4 py-2 bg-background-alt border-b border-accent">
<span class="font-mono text-[11px] uppercase tracking-widest text-text-light whitespace-nowrap">── 2025</span>
<span class="flex-1 border-t border-dotted border-text-light/30"></span>
</div>
<div class="flex flex-col gap-1 sm:grid sm:grid-cols-[10rem_1fr_auto] sm:gap-x-6 sm:gap-y-0 sm:items-baseline py-3 px-4 border-b border-accent/80 last:border-b-0 opacity-60">
<span class="font-mono text-xs text-text-light tabular-nums tracking-tight whitespace-nowrap">2025-12-10 → 11</span>
<div class="min-w-0">
<div class="text-sm text-text font-medium leading-snug">OSXP (Open Source eXPérience)</div>
</div>
</div>
</div>
</details>
</div>
</section>

<!-- TOSIT Section -->
<section id="tosit" class="section bg-background-alt">
<div class="container">
Expand Down
3 changes: 3 additions & 0 deletions en/roadmap/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@
<li><a href="../../#about" class="nav-link" data-nav-link>About</a></li>
<li><a href="../../#architecture" class="nav-link" data-nav-link>Architecture</a></li>
<li><a href="#" class="nav-link" data-nav-link>Roadmap</a></li>
<li><a href="../../#events" class="nav-link" data-nav-link>Events</a></li>
<li><a href="../../#community" class="nav-link" data-nav-link>Community</a></li>
<li>
<div
Expand Down Expand Up @@ -75,6 +76,8 @@
data-nav-link>Architecture</a></li>
<li><a href="#" class="block py-2 px-4 hover:bg-accent rounded-lg transition-colors"
data-nav-link>Roadmap</a></li>
<li><a href="../../#events" class="block py-2 px-4 hover:bg-accent rounded-lg transition-colors"
data-nav-link>Events</a></li>
<li><a href="../../#community" class="block py-2 px-4 hover:bg-accent rounded-lg transition-colors"
data-nav-link>Community</a></li>
<li>
Expand Down
Loading
Loading