try to liveshare with codespace

.devcontainer/devcontainer.json

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:79a20e69bb53755d95829b1a9a67f8b7ad9e6cad4859412d6e7d3bc7d5570c93
+size 1282

COLLABORATION.md

@@ -0,0 +1,130 @@
+# 👥 Guide de Collaboration - Research Article Template
+
+## 🚀 Démarrage rapide
+
+### **Pour l'organisateur (host)**
+
+1. **Créer un Codespace** :
+   ```bash
+   # Via GitHub web : bouton "Code" → "Codespaces" → "Create codespace"
+   # Ou via CLI :
+   gh codespace create --repo YOUR_USERNAME/research-article-template
+   ```
+
+2. **Lancer l'environnement collaboratif** :
+   ```bash
+   ./scripts/setup-collaboration.sh
+   ```
+
+3. **Démarrer Live Share** :
+   - `Ctrl+Shift+P` → `Live Share: Start Collaborative Session`
+   - Copier le lien généré et l'envoyer aux collaborateurs
+
+### **Pour les collaborateurs (guests)**
+
+1. **Rejoindre via le lien Live Share** :
+   - Cliquer sur le lien reçu
+   - Se connecter avec GitHub/Microsoft
+   - VS Code s'ouvre automatiquement dans le navigateur
+
+2. **Ou via VS Code local** :
+   - Installer l'extension "Live Share"
+   - `Ctrl+Shift+P` → `Live Share: Join Collaborative Session`
+   - Coller le lien
+
+## 🎯 Workflow collaboratif
+
+### **Organisation des tâches**
+```
+📝 Rédaction:
+├── Alice → chapters/introduction.mdx
+├── Bob → chapters/methodology.mdx  
+└── Carol → chapters/results.mdx
+
+🎨 Visualisations:
+├── David → embeds/d3-charts.html
+└── Eve → src/content/assets/data/
+
+📚 Références:
+└── Frank → bibliography.bib
+```
+
+### **Bonnes pratiques**
+
+✅ **Coordination** :
+- Utiliser le chat intégré Live Share
+- Annoncer sur quel fichier vous travaillez
+- Faire des pauses pour synchroniser
+
+✅ **Sauvegarde** :
+- Auto-save activé par défaut
+- Commits fréquents par l'host
+- Branches pour les gros changements
+
+✅ **Prévisualisation** :
+- Serveur dev sur `localhost:3000`
+- Rechargement automatique
+- Build final avec `npm run build`
+
+## 🔧 Commandes utiles
+
+```bash
+# Démarrer le serveur de dev
+npm run dev
+
+# Build pour production
+npm run build
+
+# Exporter en PDF
+npm run export:pdf
+
+# Exporter en LaTeX
+npm run export:latex
+
+# Voir la preview
+npm run preview
+```
+
+## 🛠️ Résolution de problèmes
+
+### **Live Share ne fonctionne pas ?**
+```bash
+# Redémarrer l'extension
+Ctrl+Shift+P → "Developer: Reload Window"
+
+# Vérifier la connexion
+Ctrl+Shift+P → "Live Share: Show Session Details"
+```
+
+### **Serveur Astro planté ?**
+```bash
+# Redémarrer le serveur
+Ctrl+C  # Arrêter
+npm run dev  # Relancer
+```
+
+### **Conflits Git ?**
+```bash
+# L'host gère les commits
+git status
+git add .
+git commit -m "Collaboration session: [description]"
+git push
+```
+
+## 📱 URLs importantes
+
+- **Développement** : `http://localhost:3000`
+- **Preview** : `http://localhost:8080` 
+- **Repository** : `https://github.com/YOUR_USERNAME/research-article-template`
+- **Live Space** : `https://huggingface.co/spaces/YOUR_USERNAME/research-template`
+
+## 🎉 Après la session
+
+1. **Host** : Commit et push les changements
+2. **Tous** : Sync avec `git pull`
+3. **Deploy** : Push vers HF Space pour mise à jour
+
+---
+
+**💡 Astuce** : Gardez le chat Live Share ouvert pour la coordination en temps réel !

app/src/styles/components/_button.css

@@ -32,12 +32,12 @@ button, .button {
   }
   
   /* Ghost/Muted button: subtle outline, primary color text/border */
-  .button.button--ghost {
+  .button--ghost {
     background: transparent !important;
     color: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
   }
-  .button.button--ghost:hover {
+  .button--ghost:hover {
     color: var(--primary-color-hover) !important;
     border-color: var(--primary-color-hover) !important;
     filter: none;

scripts/setup-collaboration.sh

@@ -0,0 +1,44 @@
+#!/bin/bash
+
+# 🚀 Script de setup pour collaboration GitHub Codespaces
+# Usage: ./scripts/setup-collaboration.sh
+
+echo "🔧 Configuration de l'environnement collaboratif..."
+
+# Aller dans le dossier app
+cd app
+
+# Installer les dépendances si pas déjà fait
+if [ ! -d "node_modules" ]; then
+    echo "📦 Installation des dépendances..."
+    npm install
+fi
+
+# Démarrer le serveur de développement en arrière-plan
+echo "🌟 Démarrage du serveur Astro..."
+npm run dev -- --host 0.0.0.0 --port 3000 &
+DEV_PID=$!
+
+# Attendre que le serveur démarre
+sleep 5
+
+echo "✅ Configuration terminée !"
+echo ""
+echo "🎯 URLs disponibles :"
+echo "   • Développement: http://localhost:3000"
+echo "   • Preview: http://localhost:8080"
+echo ""
+echo "👥 Pour collaborer :"
+echo "   1. Ouvrez la palette de commandes (Ctrl+Shift+P)"
+echo "   2. Tapez 'Live Share: Start Collaborative Session'"
+echo "   3. Partagez le lien généré avec vos collaborateurs"
+echo ""
+echo "📝 Fichiers principaux à éditer :"
+echo "   • src/content/article.mdx"
+echo "   • src/content/chapters/*.mdx"
+echo "   • src/content/bibliography.bib"
+echo ""
+echo "🔄 Le serveur se recharge automatiquement à chaque modification !"
+
+# Garder le script en vie pour maintenir le serveur
+wait $DEV_PID