bonpoint/web/public/reglement.html
jmartin c4ebb5b2d8 Initialise le dépôt Bonpoint avec docs et prototype web.
Structure docs/, web/ (app Node existante) et mobile/ (placeholder Flutter).
2026-06-12 11:39:51 +02:00

251 lines
8.9 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Règlement des Bons Points</title>
<style>
@page { size: A4 portrait; margin: 10mm; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Segoe UI', system-ui, sans-serif;
font-size: 6.8pt;
line-height: 1.2;
color: #1a1a2e;
background: #fff;
width: 210mm;
min-height: 297mm;
margin: 0 auto;
padding: 6mm 8mm;
}
header {
text-align: center;
margin-bottom: 4mm;
padding-bottom: 3mm;
border-bottom: 2px solid #667eea;
}
h1 {
font-size: 14pt;
color: #667eea;
letter-spacing: 0.5px;
}
.sous-titre {
font-size: 8pt;
color: #666;
margin-top: 1mm;
}
.enfants {
display: flex;
justify-content: center;
gap: 6mm;
margin-top: 2mm;
font-size: 8pt;
font-weight: 600;
}
.enfant-tag {
display: inline-flex;
align-items: center;
gap: 1.5mm;
padding: 1mm 3mm;
border-radius: 20px;
color: #333;
background: #fff;
border: 2px solid;
font-weight: 600;
}
.enfant-tag img {
width: 6mm;
height: 6mm;
border-radius: 50%;
object-fit: cover;
}
.grille {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3mm;
}
section {
break-inside: avoid;
}
h2 {
font-size: 8pt;
padding: 1.5mm 2mm;
border-radius: 3px;
margin-bottom: 1.5mm;
color: #fff;
}
h2.maison { background: #4a90d9; }
h2.routine { background: #9b59b6; }
h2.fratrie { background: #e67e22; }
h2.respect { background: #e74c3c; }
h2.ecrans { background: #34495e; }
h2.bonus { background: #f1c40f; color: #333; }
h2.boutique { background: #27ae60; }
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 2mm;
}
td {
padding: 0.5mm 1mm;
vertical-align: top;
border-bottom: 0.3px solid #eee;
}
td.pts {
width: 8mm;
text-align: center;
font-weight: 700;
white-space: nowrap;
}
.plus { color: #27ae60; }
.moins { color: #e74c3c; }
.cout { color: #8e44ad; font-weight: 700; }
.note {
grid-column: 1 / -1;
text-align: center;
font-size: 6.5pt;
color: #888;
margin-top: 1mm;
padding-top: 2mm;
border-top: 1px dashed #ccc;
}
.boutique-section {
grid-column: 1 / -1;
}
.boutique-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0 2mm;
}
.print-hint {
text-align: center;
font-size: 7pt;
color: #667eea;
margin-bottom: 3mm;
padding: 2mm;
background: #f0f4ff;
border-radius: 4px;
}
@media print {
body { padding: 5mm 7mm; }
.print-hint { display: none; }
}
</style>
</head>
<body>
<p class="print-hint">🖨️ Ctrl+P → Format A4, Portrait, marges minimales — pour imprimer ou enregistrer en PDF</p>
<header>
<h1>⭐ Règlement des Bons Points ⭐</h1>
<p class="sous-titre">bonpoint.ptits-pas.fr — Les points ne descendent jamais en dessous de zéro</p>
<div class="enfants">
<span class="enfant-tag" style="border-color:#E91E8C">
<img src="/photos/ariana.png" alt="Ariana"> Ariana
</span>
<span class="enfant-tag" style="border-color:#2196F3">
<img src="/photos/pablo.png" alt="Pablo"> Pablo
</span>
<span class="enfant-tag" style="border-color:#FF9800">
<img src="/photos/helia.png" alt="Hélia"> Hélia
</span>
</div>
</header>
<div class="grille">
<section>
<h2 class="maison">🏠 Maison & rangement</h2>
<table>
<tr><td>🍽️ Je mets la table</td><td class="pts plus">+1</td></tr>
<tr><td>🧹 Débarrasser la table</td><td class="pts plus">+1</td></tr>
<tr><td>🫧 Ranger le lave-vaisselle</td><td class="pts plus">+1</td></tr>
<tr><td>✨ Nettoyer la table du séjour</td><td class="pts plus">+1</td></tr>
<tr><td>🎮 Ranger la salle de jeu</td><td class="pts plus">+2</td></tr>
<tr><td>🛏️ Ranger sa chambre</td><td class="pts plus">+1</td></tr>
<tr><td>👕 Ranger ses habits propres</td><td class="pts plus">+1</td></tr>
<tr><td>🏕️ Ranger la cabane</td><td class="pts plus">+1</td></tr>
<tr><td>🚲 Ranger les vélos (abri jardin)</td><td class="pts plus">+1</td></tr>
<tr><td>👨‍👩‍👧 Ranger sur ordre des parents</td><td class="pts plus">+1</td></tr>
<tr><td>🗄️ Piquer dans les placards</td><td class="pts moins">2</td></tr>
</table>
</section>
<section>
<h2 class="routine">⏰ Matin, soir & école</h2>
<table>
<tr><td>⏰ Habits prêts + s'habiller seul<br><small>Ariana 7h20 / Pablo 8h10</small></td><td class="pts plus">+1</td></tr>
<tr><td>🌙 Se préparer pour le lit sans bagarre (&lt; 15 min)</td><td class="pts plus">+1</td></tr>
<tr><td>📚 Devoirs faits sans rappel</td><td class="pts plus">+2</td></tr>
<tr><td>🎨 Activité calme manuelle 1h</td><td class="pts plus">+2</td></tr>
<tr><td>⏰ Retard le matin (Ariana/Pablo)</td><td class="pts moins">1</td></tr>
</table>
<h2 class="bonus" style="margin-top:2mm">🌟 Bonus</h2>
<table>
<tr><td>🌟 Bon point bonus — je suis content !</td><td class="pts plus">+1</td></tr>
</table>
<h2 class="ecrans" style="margin-top:2mm">📱 Écrans</h2>
<table>
<tr><td>📺 Se lever pour la télé sans autorisation (semaine)</td><td class="pts moins">3</td></tr>
<tr><td>📱 Utiliser un téléphone sans autorisation</td><td class="pts moins">5</td></tr>
</table>
</section>
<section>
<h2 class="fratrie">👫 Fratrie & entraide</h2>
<table>
<tr><td>🤝 Aider son frère/sa sœur (sans qu'on demande)</td><td class="pts plus">+2</td></tr>
<tr><td>🎁 Partager un jouet sans bagarre</td><td class="pts plus">+1</td></tr>
<tr><td>🗣️ Dire « pardon » tout seul</td><td class="pts plus">+1</td></tr>
<tr><td>👶 Aider avec Hélia (lire, jouer calmement)</td><td class="pts plus">+1</td></tr>
<tr><td>👊 Taper, frapper</td><td class="pts moins">2</td></tr>
<tr><td>😤 Ne pas s'excuser auprès de frère/sœur</td><td class="pts moins">2</td></tr>
<tr><td>😈 Provocation volontaire de frère/sœur</td><td class="pts moins">2</td></tr>
<tr><td>🗣️ Accuser l'autre à tort</td><td class="pts moins">2</td></tr>
<tr><td>💔 Casser / abîmer un jouet (volontairement)</td><td class="pts moins">3</td></tr>
</table>
</section>
<section>
<h2 class="respect">🙏 Respect & écoute</h2>
<table>
<tr><td>🤥 Mentir à ses parents</td><td class="pts moins">2</td></tr>
<tr><td>🤬 Dire des gros mots ou insultes</td><td class="pts moins">1</td></tr>
<tr><td>🙄 Répondre mal / faire la tête</td><td class="pts moins">1</td></tr>
<tr><td>🗯️ Crier / hurler</td><td class="pts moins">1</td></tr>
<tr><td>🚪 Faire claquer une porte</td><td class="pts moins">1</td></tr>
<tr><td>👅 Tirer la langue / geste irrespectueux</td><td class="pts moins">1</td></tr>
<tr><td>👂 Ne pas écouter une consigne (plusieurs reprises)</td><td class="pts moins">2</td></tr>
<tr><td>🏃 Partir sans permission (jardin, rue)</td><td class="pts moins">3</td></tr>
</table>
</section>
<section class="boutique-section">
<h2 class="boutique">🛍️ Boutique — Dépenser ses points</h2>
<div class="boutique-grid">
<table>
<tr><td>🍬 Un bonbon</td><td class="pts cout">1 pt</td></tr>
<tr><td>📺 10 min de télé</td><td class="pts cout">1 pt</td></tr>
<tr><td>🍪 Un biscuit / cookie</td><td class="pts cout">1 pt</td></tr>
<tr><td>🎵 Choisir la musique dans la voiture</td><td class="pts cout">1 pt</td></tr>
</table>
<table>
<tr><td>🍭 Une sucette</td><td class="pts cout">2 pts</td></tr>
<tr><td>🍫 Neige</td><td class="pts cout">3 pts</td></tr>
<tr><td>🎮 10 min de jeu vidéo</td><td class="pts cout">3 pts</td></tr>
<tr><td>🍕 Choisir le menu du repas</td><td class="pts cout">5 pts</td></tr>
<tr><td>🍦 Une glace</td><td class="pts cout">5 pts</td></tr>
</table>
<table>
<tr><td>📓 Cahier de dessin neuf</td><td class="pts cout">10 pts</td></tr>
<tr><td>🧸 Jouet pas cher (&lt; 10 €)</td><td class="pts cout">50 pts</td></tr>
</table>
</div>
</section>
<p class="note">
🌐 Voir ses points : bonpoint.ptits-pas.fr &nbsp;|&nbsp;
👨‍👩‍👧 Parents : bonpoint.ptits-pas.fr/parent
</p>
</div>
</body>
</html>