Update index.html

index.html

@@ -9,7 +9,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="preconnect" href="https://db.onlinewebfonts.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Great+Vibes&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Great+Vibes&display=swap" rel="stylesheet">
 
   <style>
     @font-face {
@@ -36,6 +36,7 @@
       --coral: #D08A7A;
       --coral-deep: #B8705F;
       --rose: #EDD3CD;
+      --pink-title: #D88EA2;
       --cream: #F3EFE9;
       --paper: #FFFDF8;
       --ink: rgba(37, 75, 107, .82);
@@ -395,7 +396,7 @@
       font-family: var(--font-serif);
       font-style: italic;
       font-size: clamp(20px, 5vw, 28px);
-      font-weight: 400;
+      font-weight: 700;
       letter-spacing: .005em;
     }
 
@@ -501,8 +502,9 @@
 
     .companions-title {
       margin: 0 0 9px;
+      color: var(--pink-title);
       font-size: clamp(16px, 4vw, 20px);
-      font-weight: 400;
+      font-weight: 700;
       line-height: 1.35;
     }
 
@@ -515,7 +517,7 @@
     .companions-list li {
       margin: 5px 0;
       font-size: clamp(16px, 4vw, 20px);
-      font-weight: 400;
+      font-weight: 700;
       line-height: 1.38;
       letter-spacing: .003em;
     }
@@ -526,7 +528,7 @@
       font-family: var(--font-serif);
       font-style: italic;
       font-size: clamp(16px, 4vw, 20px);
-      font-weight: 500;
+      font-weight: 700;
       line-height: 1.35;
     }
 
@@ -671,7 +673,7 @@
       </div>
 
       <div class="companions reveal-step step-5" id="companions">
-        <p class="companions-title">Sarai al tavolo con:</p>
+        <p class="companions-title">Sei al tavolo con:</p>
         <ul class="companions-list" id="companionsList"></ul>
         <p class="cheers">Brinda, sorridi e goditi la serata!</p>
       </div>
@@ -775,11 +777,13 @@
 
       row.push(cell.trim());
       if (row.some(Boolean)) rows.push(row);
+
       return rows;
     }
 
     function tableFromCSV(csvText) {
       const rows = parseCSV(csvText);
+
       const headerIndex = rows.findIndex(row =>
         normalizeName(row[0]) === "nome cognome" &&
         normalizeName(row[1]) === "nome del tavolo"
@@ -801,6 +805,7 @@
       try {
         const response = await fetch(DATA_URL, { cache: "no-store" });
         if (!response.ok) throw new Error("Lista non disponibile");
+
         guests = tableFromCSV(await response.text());
         els.status.textContent = "Lista invitati pronta.";
       } catch (error) {
@@ -819,6 +824,7 @@
       if (exact) return exact;
 
       const partials = guests.filter(guest => guest.key.includes(key) || key.includes(guest.key));
+
       return partials.length === 1 ? partials[0] : null;
     }
 
@@ -866,6 +872,7 @@
 
     function showMessage(text) {
       els.message.classList.remove("show");
+
       window.setTimeout(() => {
         els.message.innerHTML = `<div class="message-card">${escapeHTML(text)}</div>`;
         els.message.classList.add("show");
@@ -876,6 +883,7 @@
       clearTimeout(hideTimer);
 
       els.hello.textContent = `Ciao, ${firstName(guest.fullName)}`;
+
       renderTableName(guest);
       renderCompanions(guest);
 
@@ -890,6 +898,7 @@
       els.reveal.classList.remove("show");
       els.reveal.setAttribute("aria-hidden", "true");
       document.body.classList.remove("reveal-open");
+
       stopConfetti();
 
       hideTimer = window.setTimeout(() => {
@@ -910,6 +919,7 @@
 
       if (!guestsLoaded) {
         showMessage("Sto caricando la lista invitati... riprova tra un secondo.");
+
         if (!guestsLoadingPromise) guestsLoadingPromise = loadGuests();
         await guestsLoadingPromise;
       }
@@ -930,7 +940,6 @@
     }
 
     els.discover.addEventListener("click", discoverTable);
-
     els.again.addEventListener("click", hideReveal);
 
     els.input.addEventListener("keydown", event => {
@@ -942,14 +951,17 @@
     });
 
     /* ============= petali ============= */
+
     const ctx = els.canvas.getContext("2d");
     let petals = [];
     let rafId = null;
 
     function resizeCanvas() {
       const ratio = Math.min(window.devicePixelRatio || 1, 2);
+
       els.canvas.width = Math.floor(window.innerWidth * ratio);
       els.canvas.height = Math.floor(window.innerHeight * ratio);
+
       ctx.setTransform(ratio, 0, 0, ratio, 0, 0);
     }
 
@@ -977,13 +989,16 @@
       }));
 
       if (rafId) cancelAnimationFrame(rafId);
+
       animatePetals();
     }
 
     function stopConfetti() {
       if (rafId) cancelAnimationFrame(rafId);
+
       rafId = null;
       petals = [];
+
       ctx.clearRect(0, 0, window.innerWidth, window.innerHeight);
     }