Ajout de la génération de QR codes Wi-Fi
This commit is contained in:
1 parent
8be33ed3f6
commit
591589787a
3 files changed
+90
-3
No files matched your search
+36
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user