# 🚀 Guide de Démarrage Rapide

## Utilisation Immédiate

### Option 1 : Ouvrir Directement (Plus Simple)
1. Double-cliquez sur `multiple-birthdays.html`
2. Le site s'ouvre dans votre navigateur par défaut
3. Entrez votre date de naissance
4. Cliquez sur "Calculer mes anniversaires"
5. ✨ Découvrez vos 6 anniversaires !

---

## 🌐 Publier en Ligne (Gratuit)

### GitHub Pages (Recommandé)

**Étape 1 : Créer un compte GitHub**
- Allez sur https://github.com
- Cliquez sur "Sign up" (gratuit)

**Étape 2 : Créer un repository**
1. Cliquez sur "+" → "New repository"
2. Nom : `mes-anniversaires`
3. Public
4. Créer

**Étape 3 : Uploader le fichier**
1. Cliquez sur "Add file" → "Upload files"
2. Glissez `multiple-birthdays.html`
3. Renommez-le en `index.html`
4. Commit

**Étape 4 : Activer GitHub Pages**
1. Settings → Pages
2. Source : main branch
3. Save

**Votre site sera disponible sur :**
```
https://votre-username.github.io/mes-anniversaires
```

⏱️ **Temps total : 5 minutes**

---

### Netlify (Alternative)

**Étape 1 : Créer un compte**
- Allez sur https://netlify.com
- Sign up gratuit

**Étape 2 : Drag & Drop**
1. Glissez `multiple-birthdays.html` sur Netlify
2. Renommez en `index.html` si demandé
3. Deploy

**URL générée automatiquement :**
```
https://random-name.netlify.app
```

⏱️ **Temps total : 2 minutes**

---

## 🎨 Personnaliser

### Changer les Couleurs
Ouvrez le fichier HTML, cherchez :
```css
:root {
    --cream: #FBF8F3;      /* ← Changez ici */
    --terracotta: #D4735E; /* ← Et ici */
}
```

### Modifier le Titre
Cherchez :
```html
<h1 class="hero-title">
    Un seul anniversaire…<br>
    mais <span class="highlight">plusieurs</span> dans l'année
</h1>
```

### Changer l'Année par Défaut
Cherchez :
```html
<input 
    type="number" 
    id="targetYear" 
    value="2026"  <!-- ← Changez ici -->
>
```

---

## 📱 Test Mobile

1. Ouvrez le site
2. Appuyez sur F12 (DevTools)
3. Cliquez sur l'icône mobile 📱
4. Testez iPhone, Android, iPad

---

## ❓ Besoin d'Aide ?

### Le site ne s'affiche pas
- Vérifiez que le fichier s'appelle bien `.html`
- Essayez un autre navigateur
- Ouvrez la console (F12) pour voir les erreurs

### Les calculs semblent incorrects
- C'est normal, les algorithmes sont approximatifs
- Pour des dates officielles, consultez les calendriers locaux
- Voir DOCUMENTATION_SITE.md pour les détails

### Partage ne fonctionne pas
- Fonctionne uniquement sur HTTPS
- Sur local, le texte est copié dans le presse-papier

---

## 🎯 Prochaines Étapes

1. **Testez** avec votre date de naissance
2. **Partagez** avec vos amis
3. **Personnalisez** les couleurs
4. **Publiez** en ligne (GitHub Pages)
5. **Explorez** la documentation complète

---

## ✨ C'est Tout !

Votre site est **prêt à l'emploi**.

**Fichiers fournis :**
- `multiple-birthdays.html` → Site complet
- `DOCUMENTATION_SITE.md` → Guide complet
- `GUIDE_DEMARRAGE.md` → Ce fichier

**Profitez-en !** 🎂🌍