point-median-extension/popup.html
François Pelletier 9840633305 feat: Implémentation de la correction via le menu contextuel et améliorations de la construction
-  Ajout de la fonctionnalité de correction via le menu contextuel.
- 🗑️ Suppression de la fonctionnalité de correction en temps réel.
-  Ajout du script de fond (background.js) pour gérer le menu contextuel.
- 📝 Mise à jour du manifest.json (permissions, service_worker, description).
- 🐛 Correction de la logique de remplacement de texte dans content.js pour une meilleure compatibilité.
- 🏗️ Mise à jour du Dockerfile pour construire l'extension Chrome dans un répertoire (non zippé).
- 🛠️ Mise à jour du script build.sh pour gérer le nouveau format de sortie et nettoyer le répertoire.
- 🌐 Traduction du manifest.json en français.
- 📄 Ajout d'un README.md complet avec les instructions d'installation.
- 🐛 Ajout de logs pour faciliter le débogage.
2025-07-01 07:16:08 -04:00

29 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inclusive French Tool</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
body {
width: 320px;
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-slate-50 p-4">
<div class="flex items-center justify-between">
<span class="text-base font-semibold text-slate-800">Real-time Conversion</span>
<label for="enabled-toggle" class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" value="" id="enabled-toggle" class="sr-only peer">
<div class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-400 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div>
</label>
</div>
<p class="text-sm text-slate-600 mt-2">
When enabled, the extension will automatically convert text like "auteur.e.s" to "auteur·e·s" as you type.
</p>
<script src="popup.js"></script>
</body>
</html>