v1.0.0 — redesign complet charte graphique V2

- 8 états météo : arc-en-ciel, ensoleillé, brumeux, nuageux, pluvieux, orageux, tempête, fin du monde
- Fonts : Fredoka (titres) + Nunito (texte), palette V2 (bleu #3B82F6, orange #F59E0B, rouge #EF4444)
- Nav flottante : Météo / Radar / Bilan / Paramètres (La Carte supprimée)
- Thème clair / sombre (toggle dans Paramètres)
- Icône app : papier quadrillé + 0 rouge manuscrit
- Illustrations météo CSS pures (soleil, nuages, pluie, éclair, champignon nucléaire, arc-en-ciel)
- Panel admin centralisé dans Paramètres (flash, classe, évaluations, météo, membres)
- Bottom nav flottante avec safe-area pour ne plus toucher la nav système Android
- Suppression des anciennes vues (cards.ts, map.ts, plus.ts, exam-form.ts)
This commit is contained in:
Mathis 2026-10-04 22:59:00 +02:00
parent 8c79476d96
commit 2f2f363650
23 changed files with 1679 additions and 1715 deletions

View file

@ -1,40 +1,29 @@
<!doctype html>
<html lang="fr" class="h-full">
<html lang="fr" data-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta name="theme-color" content="#020617" />
<meta name="theme-color" content="#0F172A" />
<title>Météo Exam</title>
<!-- PWA -->
<link rel="manifest" href="/manifest.webmanifest" />
<link rel="apple-touch-icon" href="/icon-192.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Météo Exam" />
<meta name="description" content="Le calendrier des évaluations scolaires, en bulletin météo interactif." />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet" />
</head>
<body class="bg-slate-950 text-slate-100 font-sans h-full">
<div id="app" class="flex items-center justify-center min-h-screen"></div>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js').then((reg) => {
// Si une nouvelle version du SW est disponible, on l'active.
reg.addEventListener('updatefound', () => {
const nw = reg.installing
if (!nw) return
@ -44,7 +33,6 @@
}
})
})
// Quand un nouveau SW prend le contrôle, on recharge pour servir la nouvelle version.
let refreshing = false
navigator.serviceWorker.addEventListener('controllerchange', () => {
if (refreshing) return