Ajout de la génération de QR codes de contact (vCard)

app/index.html

@@ -9,7 +9,7 @@
 <body>
   <header>
     <h1>QR Code <span>Generator</span></h1>
-    <p>Générez des QR codes pour du texte, des liens ou une connexion Wi-Fi, avec logo optionnel.</p>
+    <p>Générez des QR codes pour du texte, des liens, une connexion Wi-Fi ou une carte de contact, avec logo optionnel.</p>
     <span class="badge">🔒 100% local — rien n'est envoyé à un serveur</span>
   </header>
 
@@ -22,6 +22,7 @@
         <select id="qr-mode">
           <option value="text" selected>Texte / URL</option>
           <option value="wifi">Wi-Fi</option>
+          <option value="vcard">Contact (vCard)</option>
         </select>
       </div>
 
@@ -56,6 +57,44 @@
         <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 id="mode-vcard" style="display:none;">
+        <div class="grid">
+          <div class="field">
+            <label for="vcard-firstname">Prénom</label>
+            <input type="text" id="vcard-firstname" placeholder="Jean" />
+          </div>
+          <div class="field">
+            <label for="vcard-lastname">Nom</label>
+            <input type="text" id="vcard-lastname" placeholder="Dupont" />
+          </div>
+        </div>
+        <div class="grid">
+          <div class="field">
+            <label for="vcard-phone">Téléphone</label>
+            <input type="text" id="vcard-phone" placeholder="+33 6 12 34 56 78" />
+          </div>
+          <div class="field">
+            <label for="vcard-email">Email</label>
+            <input type="text" id="vcard-email" placeholder="jean.dupont@example.com" />
+          </div>
+        </div>
+        <div class="grid">
+          <div class="field">
+            <label for="vcard-org">Organisation</label>
+            <input type="text" id="vcard-org" placeholder="Mon Entreprise" />
+          </div>
+          <div class="field">
+            <label for="vcard-title">Fonction</label>
+            <input type="text" id="vcard-title" placeholder="Développeur" />
+          </div>
+        </div>
+        <div class="field">
+          <label for="vcard-website">Site web</label>
+          <input type="text" id="vcard-website" placeholder="https://example.com" />
+        </div>
+        <p class="hint">Scanné avec l'appareil photo du téléphone, ce QR code propose d'ajouter directement le contact au répertoire.</p>
+      </div>
+
       <div class="grid">
         <div class="field">
           <label for="qr-cell-size">Taille des modules (px)</label>