From 74e4f60cc79291d310f80ab7eace9f593d6e5ccd Mon Sep 17 00:00:00 2001 From: Matthew Deville Date: Fri, 4 Sep 2026 16:47:44 +0200 Subject: [PATCH] wipp --- index.html | 124 ++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 104 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index bf186ae..944e248 100644 --- a/index.html +++ b/index.html @@ -766,7 +766,7 @@ @@ -1037,6 +1037,7 @@ +

Protection continues automatically so you’re never unprotected.

@@ -1067,6 +1068,7 @@ +

@@ -1115,6 +1118,9 @@

+

+ +

@@ -1183,6 +1189,13 @@ $("#progress-eta").textContent = eta; } + let cart = 2; + function bumpCart(msg) { + cart += 1; + $("#cart-btn").textContent = "Cart (" + cart + ")"; + if (msg) toast(msg); + } + let keepCount = 2847; function bumpTicker() { keepCount += Math.floor(Math.random() * 5) + 1; @@ -1201,6 +1214,8 @@ if (name === "chat") bootChat(); if (name === "fees") playFees(); if (name === "shame") bumpTicker(); + if (name === "kept") bumpCart("Our warehouse added a precautionary second pair."); + resetIdle(); } function mazeView(view) { @@ -1211,6 +1226,38 @@ if (view !== "home") setProgress("maze"); } + const IDLE_MS = 90000; + const IDLE_SAFE = ["maze", "kept", "fees"]; + let idleTimer = null; + function resetIdle() { + clearTimeout(idleTimer); + if (IDLE_SAFE.indexOf(step) !== -1) return; + idleTimer = setTimeout(expireSession, IDLE_MS); + } + function expireSession() { + $("#order-id").value = ""; + $("#zip").value = ""; + $("#lookup-error").textContent = ""; + $("#guest-error").textContent = ""; + $("#captcha-error").textContent = ""; + captchaOk = false; + $$(".cond").forEach((c) => { c.checked = false; }); + $("#photo-file").value = ""; + $("#photo-error").textContent = ""; + sampleArmed = false; + sctx.clearRect(0, 0, sig.width, sig.height); + totalLen = 0; + drawMs = 0; + $("#donate").checked = true; + $("#authorize").checked = false; + $("#legal-error").textContent = ""; + mazeView("home"); + toast("Session expired for your security. Your progress was not saved."); + } + ["pointerdown", "keydown", "wheel", "touchstart"].forEach((evt) => { + window.addEventListener(evt, resetIdle, { passive: true }); + }); + document.addEventListener("click", (e) => { const go = e.target.closest("[data-go]"); if (go) showStep(go.getAttribute("data-go")); @@ -1287,21 +1334,44 @@ prefs.appendChild(row); }); prefs.addEventListener("change", (e) => { - const box = e.target.closest("input[data-required]"); - if (box && !box.checked) { + const box = e.target.closest("input[data-pref]"); + if (!box || box.checked) return; + if (box.hasAttribute("data-required")) { box.checked = true; toast("Required for a functioning sole."); + return; } + setTimeout(() => { + const dormant = $$("input[data-pref]", prefs).filter((b) => b !== box && !b.checked); + if (dormant.length) dormant[Math.floor(Math.random() * dormant.length)].checked = true; + }, 800); }); $("#manage-cookies").addEventListener("click", () => { prefs.classList.add("show"); $("#save-prefs").hidden = false; + $("#reject-all").hidden = false; + }); + $("#reject-all").addEventListener("click", () => { + const boxes = $$("input[data-pref]", prefs); + boxes.forEach((b) => { b.checked = false; }); + toast("Reject all applied."); + setTimeout(() => { + boxes.forEach((b) => { if (b.hasAttribute("data-required")) b.checked = true; }); + const optional = boxes.filter((b) => !b.hasAttribute("data-required")); + for (let i = 0; i < 4 && optional.length; i += 1) { + optional.splice(Math.floor(Math.random() * optional.length), 1)[0].checked = true; + } + toast("3 strictly necessary and 4 essential items were retained."); + }, 900); }); function dismissCookies() { $("#cookie-wall").classList.add("hidden"); setProgress("maze"); } - $("#accept-all").addEventListener("click", dismissCookies); + $("#accept-all").addEventListener("click", () => { + dismissCookies(); + bumpCart("Added a starter pair to your cart."); + }); $("#save-prefs").addEventListener("click", dismissCookies); $("#guest-refund").addEventListener("click", () => { @@ -1473,6 +1543,7 @@ $("#color-error").textContent = btn.textContent.includes("already") ? "You already own Midnight Fog. That’s the problem." : "Out of stock in every warehouse including the imaginary one."; + bumpCart("Reserved the in-stock alternative in your cart."); }); }); @@ -1505,6 +1576,7 @@ chatFails += 1; if (/refund|return|cancel|money back/.test(lower)) { addBubble("Great, I’ve added another pair to your cart. Midnight Fog looks lonely without a backup.", "bot"); + bumpCart(); } else if (/brenda|phone|human|agent/.test(lower)) { addBubble("Brenda is available Tuesday 3:00–3:15am GMT-12. Please hold until then.", "bot"); } else { @@ -1515,6 +1587,12 @@ } }); + $("#protect").addEventListener("change", () => { + if (!$("#protect").checked) { + $("#method-error").textContent = "Removed from this return. Your monthly protection plan is unaffected."; + } + }); + $("#orig-pay").addEventListener("click", () => { if ($("#sock").checked) { $("#method-error").textContent = "Returning the mystery sock voids eligibility. Uncheck to continue existing."; @@ -1593,39 +1671,45 @@ }); let feesPlayed = false; + function revealFeeExtras() { + $("#feebucks").hidden = false; + $("#shop-refund").hidden = false; + $("#cancel-sub").hidden = false; + $("#policy-btn").hidden = false; + } function playFees() { if (feesPlayed) { - $("#feebucks").hidden = false; - $("#shop-refund").hidden = false; - $("#policy-btn").hidden = false; + revealFeeExtras(); return; } feesPlayed = true; const rows = [ - ["Order", "$129.99", 0], - ["Restocking (35%)", "−$45.50", 400], - ["Return shipping", "−$14.99", 900], - ["Inspection / sustainability levy", "−$8.99", 1400], - ["Processing", "−$60.34", 1900], - ["Amount due to you", "$0.17", 2500] + ["Order", "$129.99", 0, ""], + ["Restocking (35%)", "−$45.50", 400, ""], + ["Return shipping", "−$14.99", 900, ""], + ["Inspection / sustainability levy", "−$8.99", 1400, ""], + ["Processing", "−$60.34", 1900, ""], + ["Amount due to you", "$0.17", 2500, "total"], + ["SolePlus protection (payment 1 of 12)", "−$9.99", 3400, ""], + ["Net position", "You owe $9.82", 4100, "total"] ]; const list = $("#fee-list"); list.innerHTML = ""; rows.forEach((row, i) => { setTimeout(() => { const li = document.createElement("li"); - if (i === rows.length - 1) li.className = "total"; + li.className = row[3]; li.innerHTML = `${row[0]}${row[1]}`; li.style.animationDelay = "0s"; list.appendChild(li); - if (i === rows.length - 1) { - $("#feebucks").hidden = false; - $("#shop-refund").hidden = false; - $("#policy-btn").hidden = false; - } + if (i === rows.length - 1) revealFeeExtras(); }, row[2]); }); } + $("#cancel-sub").addEventListener("click", () => { + toast("Cancellation of SolePlus is handled by the Help Center."); + setTimeout(() => mazeView("help"), 900); + }); $("#shop-refund").addEventListener("click", () => { toast("Your $0.17 bought return-shipping insurance. Balance: $0.00."); $("#shop-refund").textContent = "Balance: $0.00";