update README

Author: FabioDevCode

README.md

@@ -6,12 +6,9 @@ Générateur automatique de statistiques GitHub avec plusieurs variantes.
 
 Ce projet génère automatiquement des images SVG affichant vos langages les plus utilisés :
 
+- `stats-top2.svg` - Top 2 langages
 - `stats-top4.svg` - Top 4 langages
-- `stats-top5.svg` - Top 5 langages
 - `stats-top6.svg` - Top 6 langages
-- `stats-top7.svg` - Top 7 langages
-- `stats-top8.svg` - Top 8 langages
-- `stats.svg` - Version par défaut (top 5)
 
 ## 🚀 Installation
 
@@ -35,15 +32,23 @@ github-stats/
 ├── .github/
 │   └── workflows/
 │       └── update-stats.yml
+├── config.json
 ├── generate-stats.js
+├── github_colors.json
 └── README.md
 ```
 
-### 3. Modifier le username
+### 3. Modifier la configuration
 
-Dans `generate-stats.js`, ligne 4, remplacez :
-```javascript
-const USERNAME = 'votre-username'; // Mettez votre username GitHub
+Dans `config.json`, modifiez les valeurs selon vos besoins :
+
+```json
+{
+  "USERNAME": "votre-username",
+  "TITLE": "Langages Utilisés",
+  "VARIANTS": [2, 4, 6],
+  "IGNORE_LANGUAGES": ["HTML", "CSS", "Handlebars", "SCSS"]
+}
 ```
 
 ### 4. Créer un token GitHub
@@ -76,13 +81,15 @@ const USERNAME = 'votre-username'; // Mettez votre username GitHub
 Deux options :
 
 **Option A - Automatique :**
+
 ```bash
 git add .
 git commit -m "Initial setup"
 git push
 ```
 
 **Option B - Manuel :**
+
 1. Allez dans l'onglet "Actions" de votre repo
 2. Cliquez sur le workflow "Update GitHub Stats"
 3. Cliquez sur "Run workflow"
@@ -92,67 +99,85 @@ git push
 Une fois déployé, vos images seront disponibles aux URLs :
 
 ```
+https://votre-username.github.io/github-stats/stats-top2.svg
 https://votre-username.github.io/github-stats/stats-top4.svg
-https://votre-username.github.io/github-stats/stats-top5.svg
 https://votre-username.github.io/github-stats/stats-top6.svg
-https://votre-username.github.io/github-stats/stats-top7.svg
-https://votre-username.github.io/github-stats/stats-top8.svg
-https://votre-username.github.io/github-stats/stats.svg
 ```
 
+> **Note :** Les fichiers générés dépendent de la configuration `VARIANTS` dans `config.json`.
+
 ### Dans un README :
 
 ```markdown
-![Top 5 Languages](https://votre-username.github.io/github-stats/stats-top5.svg)
+![Top 5 Languages](https://votre-username.github.io/github-stats/stats-top4.svg)
 ```
 
 ### En HTML :
 
 ```html
-<img src="https://votre-username.github.io/github-stats/stats-top5.svg" alt="Top Languages">
+<img
+  src="https://votre-username.github.io/github-stats/stats-top4.svg"
+  alt="Top Languages"
+/>
 ```
 
+### Exemple :
+
+<img src="https://fabiodevcode.github.io/github-stats/stats-top4.svg" alt="top 4 languages">
+
 ## ⚙️ Configuration
 
+Toute la configuration se fait dans le fichier `config.json` :
+
+```json
+{
+  "USERNAME": "votre-username",
+  "TITLE": "Langages Utilisés",
+  "BG_COLOR": "#202830",
+  "BORDER_COLOR": "#202830",
+  "TITLE_COLOR": "#D1D7E0",
+  "TEXT_COLOR": "#D1D7E0",
+  "PERCENT_COLOR": "#9298A1",
+  "VARIANTS": [2, 4, 6],
+  "IGNORE_LANGUAGES": ["HTML", "CSS", "Handlebars", "SCSS"]
+}
+```
+
+### Options disponibles
+
+| Option             | Description                          | Exemple               |
+| ------------------ | ------------------------------------ | --------------------- |
+| `USERNAME`         | Votre nom d'utilisateur GitHub       | `"FabioDevCode"`      |
+| `TITLE`            | Titre affiché sur l'image            | `"Langages Utilisés"` |
+| `BG_COLOR`         | Couleur de fond                      | `"#202830"`           |
+| `BORDER_COLOR`     | Couleur de la bordure                | `"#202830"`           |
+| `TITLE_COLOR`      | Couleur du titre                     | `"#D1D7E0"`           |
+| `TEXT_COLOR`       | Couleur du texte                     | `"#D1D7E0"`           |
+| `PERCENT_COLOR`    | Couleur des pourcentages             | `"#9298A1"`           |
+| `VARIANTS`         | Variantes à générer (top N langages) | `[2, 4, 6, 8]`        |
+| `IGNORE_LANGUAGES` | Langages à exclure des stats         | `["HTML", "CSS"]`     |
+
 ### Changer la fréquence de mise à jour
 
 Dans `.github/workflows/update-stats.yml`, modifiez la ligne cron :
 
 ```yaml
 schedule:
-  - cron: '0 0 * * *'  # Tous les jours à minuit
-  - cron: '0 */6 * * *'  # Toutes les 6 heures
-  - cron: '0 0 * * 1'  # Tous les lundis
-```
-
-### Personnaliser les couleurs
-
-Dans `generate-stats.js`, modifiez l'objet `COLORS` :
-
-```javascript
-const COLORS = {
-  background: '#0d1117',
-  title: '#58a6ff',
-  text: '#c9d1d9',
-  subtext: '#8b949e',
-  bar: '#0366d6'
-};
+  - cron: "0 0 * * *" # Tous les jours à minuit
+  - cron: "0 */6 * * *" # Toutes les 6 heures
+  - cron: "0 0 * * 1" # Tous les lundis
 ```
 
-### Ajouter d'autres variantes
+### Couleurs des langages
 
-Dans `generate-stats.js`, modifiez le tableau `variants` :
-
-```javascript
-const variants = [3, 4, 5, 10]; // Génèrera top3, top4, top5, top10
-```
+Les couleurs des langages sont définies dans `github_colors.json`. Ce fichier contient les couleurs officielles GitHub pour chaque langage. Vous pouvez le modifier si nécessaire.
 
 ## 🐛 Dépannage
 
 ### L'action échoue
 
 1. Vérifiez que le token `GH_TOKEN` est bien configuré
-2. Vérifiez que le username dans `generate-stats.js` est correct
+2. Vérifiez que le `USERNAME` dans `config.json` est correct
 3. Consultez les logs dans l'onglet "Actions"
 
 ### Les images ne s'affichent pas
@@ -173,4 +198,4 @@ Ce projet est libre d'utilisation pour votre usage personnel.
 
 ---
 
-**Note :** Les statistiques sont mises à jour automatiquement chaque jour. Les repositories forkés sont exclus du calcul.
+**Note :** Les statistiques sont mises à jour automatiquement chaque jour. Les repositories forkés sont exclus du calcul.

config.json

@@ -6,6 +6,6 @@
     "TITLE_COLOR": "#D1D7E0",
     "TEXT_COLOR": "#D1D7E0",
     "PERCENT_COLOR": "#9298A1",
-    "VARIANTS": [4, 6, 8],
+    "VARIANTS": [2, 4, 6],
     "IGNORE_LANGUAGES": ["HTML", "CSS", "Handlebars", "SCSS"]
 }

generate-stats.js

@@ -155,7 +155,7 @@ async function main() {
 		}
 
 		// Générer plusieurs versions
-		const variants = CONFIG.VARIANTS || [2, 4, 6, 8, 10];
+		const variants = CONFIG.VARIANTS || [2, 4, 6];
 
 		console.log('\n📸 Génération des images SVG...');
 		variants.forEach(n => {