Ajout de la génération de QR codes Wi-Fi

This commit is contained in:
florian committed 2026-08-27 15:26:52 +02:00
1 parent 8be33ed3f6
commit 591589787a
3 files changed
+90 -3

No files matched your search

+36 -1
View File
@@ -9,18 +9,53 @@
<body>
<header>
<h1>QR Code <span>Generator</span></h1>
<p>Générez des QR codes pour du texte ou des liens, avec logo optionnel.</p>
<p>Générez des QR codes pour du texte, des liens ou une connexion Wi-Fi, avec logo optionnel.</p>
<span class="badge">🔒 100% local — rien n'est envoyé à un serveur</span>
</header>
<main>
<section class="panel">
<h2>Contenu</h2>
<div class="field">
<label for="qr-mode">Type de contenu</label>
<select id="qr-mode">
<option value="text" selected>Texte / URL</option>
<option value="wifi">Wi-Fi</option>
</select>
</div>
<div class="field" id="mode-text">
<label for="qr-text">Texte ou URL à encoder</label>
<textarea id="qr-text" placeholder="https://example.com">https://example.com</textarea>
</div>
<div id="mode-wifi" style="display:none;">
<div class="grid">
<div class="field">
<label for="wifi-ssid">Nom du réseau (SSID)</label>
<input type="text" id="wifi-ssid" placeholder="MonReseauWifi" />
</div>
<div class="field">
<label for="wifi-encryption">Sécurité</label>
<select id="wifi-encryption">
<option value="WPA" selected>WPA/WPA2/WPA3</option>
<option value="WEP">WEP</option>
<option value="nopass">Aucune (réseau ouvert)</option>
</select>
</div>
</div>
<div class="field" id="wifi-password-field">
<label for="wifi-password">Mot de passe</label>
<input type="text" id="wifi-password" placeholder="••••••••" />
</div>
<div class="checkbox-row field">
<input type="checkbox" id="wifi-hidden" />
<label for="wifi-hidden" style="margin:0;">Réseau masqué (SSID caché)</label>
</div>
<p class="hint">Scanné avec l'appareil photo du téléphone, ce QR code connecte directement l'appareil au réseau Wi-Fi, sans saisir le mot de passe.</p>
</div>
<div class="grid">
<div class="field">
<label for="qr-cell-size">Taille des modules (px)</label>