Deploy platesprig to the hub

platesprig/index.html

@@ -34,7 +34,7 @@
 </head>
 <body>
 <header class="top"><div class="wrap top-in">
-  <a class="brand" href="./" aria-label="Platesprig home"><img src="icon.svg" alt="" width="30" height="30"><span><b>Platesprig</b> <small>by CyberMax</small></span></a>
+  <a class="brand" href="index.html" aria-label="Platesprig home"><img src="icon.svg" alt="" width="30" height="30"><span><b>Platesprig</b> <small>by CyberMax</small></span></a>
   <nav class="top-nav">
     <button class="btn ghost sm" id="btn-install" type="button" hidden>Install app</button>
     <a href="#cmx-pro" class="top-link">Pricing</a>
@@ -266,5 +266,5 @@ Brioche buns,12 x 1 each,7.80,</pre></details>
 <script src="pro.js"></script>
 <script src="lib/cost.js"></script>
 <script src="app.js"></script>
-<!-- cybermax-count:start --><script>(function(){try{var u="https://data.cybermax-tools.workers.dev/v?p="+encodeURIComponent(location.host+location.pathname)+"&r="+encodeURIComponent((document.referrer||"").split("/")[2]||"")+(function(){var q=new URLSearchParams(location.search),s=q.get("utm_source");return s?"&us="+encodeURIComponent(s)+"&uc="+encodeURIComponent(q.get("utm_campaign")||""):""})();navigator.sendBeacon?navigator.sendBeacon(u):(new Image).src=u}catch(e){}})()</script><!-- cybermax-count:end --></body>
+</body>
 </html>

platesprig/pro.js

@@ -58,6 +58,18 @@
   function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[c]; }); }
   function buyUrl(offer, from) { return DATA + "/buy/" + offer + "?s=app-" + C.id + (from ? "-" + from : ""); }
 
+  // Convert kit (funnel beacons, real proof, email capture, phone buy bar), loaded from the CyberMax Store; optional:
+  // if it can't load (offline), the app and the Pro box work exactly the same.
+  var KIT = "https://cybermax.cybermax-tools.workers.dev/store/convert.js", kitQ = [];
+  function conv(fn) {
+    if (window.CMXConvert) return fn(window.CMXConvert);
+    kitQ.push(fn);
+    if (kitQ.length > 1 || !navigator.onLine) return;
+    var sc = document.createElement("script"); sc.src = KIT; sc.async = true;
+    sc.onload = function () { var q = kitQ.splice(0); q.forEach(function (f) { try { f(window.CMXConvert); } catch (e) { /* */ } }); };
+    document.head.appendChild(sc);
+  }
+
   function box() {
     var el = document.getElementById("cmx-pro");
     if (!el) {
@@ -75,9 +87,10 @@
     if (isPro()) {
       el.innerHTML = '<h2>' + esc(C.name) + ' Pro <span class="cmx-pro-badge">on</span></h2><p>Thank you! Pro is on in this browser: ' + C.perks.map(esc).join(" · ") +
         '.</p><p class="cmx-pro-small">Your unlock code (paste it on another device): <code style="user-select:all;word-break:break-all">' + esc(mem.code) +
-        '</code></p><p class="cmx-pro-small">Monthly or yearly plan? Cancel any time from the link in your Stripe receipt email.</p>';
+        '</code></p>' + ((C.plans || []).some(function (p) { return /\//.test(p.per || ""); }) ? '<p class="cmx-pro-small">Monthly or yearly plan? Cancel any time from the link in your Stripe receipt email.</p>' : "");
       return;
     }
+    var subs = (C.plans || []).some(function (p) { return /\//.test(p.per || ""); });
     var plans = (C.plans || []).map(function (p) {
       return '<a class="cmx-plan' + (p.best ? " best" : "") + '" href="' + buyUrl(p.offer) + '" rel="nofollow" data-offer="' + esc(p.offer) + '">' +
         (p.best ? "<i>Best value</i>" : "") + "<b>" + esc(p.label) + '</b><span class="cmx-price">' + esc(p.price) + "<small>" + esc(p.per || "") +
@@ -85,8 +98,14 @@
     }).join("");
     el.innerHTML = '<h2>' + esc(C.name) + ' Pro</h2>' + (C.free ? '<p class="cmx-pro-small">Free: ' + esc(C.free) + "</p>" : "") +
       "<ul>" + C.perks.map(function (p) { return "<li>" + esc(p) + "</li>"; }).join("") + '</ul><div class="cmx-plans">' + plans +
-      '</div><p class="cmx-pro-small">Secure Stripe checkout. Pro turns on the moment you pay; no account needed. Subscriptions cancel any time.</p>' +
+      '</div><p class="cmx-pro-small">Secure Stripe checkout. Pro turns on the moment you pay; no account needed.' + (subs ? " Subscriptions cancel any time from your receipt email." : " One payment, no subscription.") +
+      ' 14-day promise: if it doesn\'t work as described, we fix it or refund you in full (<a href="https://cybermax.cybermax-tools.workers.dev/terms#payments" target="_blank" rel="noopener">terms</a>). Questions: <a href="mailto:cybermax.tools@gmail.com">cybermax.tools@gmail.com</a></p><div class="cmx-pro-proof"></div><div class="cmx-pro-cap"></div>' +
       '<details><summary>Already bought Pro?</summary><form id="cmx-pro-form"><label>Unlock code <input id="cmx-pro-code" autocomplete="off" placeholder="cs_live_…"></label> <button class="btn ghost" type="submit">Unlock</button></form></details><p id="cmx-pro-msg" class="cmx-pro-small" aria-live="polite"></p>';
+    Array.prototype.forEach.call(el.querySelectorAll("a.cmx-plan"), function (a) { a.addEventListener("click", function () { conv(function (K) { K.event("upgrade-click", C.id); }); }); });
+    conv(function (K) {
+      K.proof(el.querySelector(".cmx-pro-proof"), C.id);
+      K.capture(el.querySelector(".cmx-pro-cap"), { list: "weekly-" + C.id, src: "app-" + C.id, label: "Not ready for Pro? Email me " + C.name + " tips and new features (about once a week)" });
+    });
     var f = document.getElementById("cmx-pro-form");
     if (f) f.onsubmit = function (e) { e.preventDefault(); var c = (document.getElementById("cmx-pro-code").value || "").trim(); if (SID.test(c)) unlock(c); else toast("Paste the code from your receipt page (it starts with cs_live_)."); };
   }
@@ -102,6 +121,12 @@
     var el = box();
     if (from) Array.prototype.forEach.call(el.querySelectorAll("a.cmx-plan"), function (a) { a.href = buyUrl(a.getAttribute("data-offer"), from); });
     if (reason) toast(reason);
+    // A real limit: count it, and on phones keep one buy button in reach (no timer; closes with one tap).
+    conv(function (K) {
+      K.event("limit", C.id); K.event("upgrade-view", C.id);
+      var best = (C.plans || []).filter(function (p) { return p.best; })[0] || (C.plans || [])[0];
+      if (best && !isPro()) K.sticky({ text: C.name + " Pro: " + best.price + (best.per || ""), cta: "Go Pro", href: buyUrl(best.offer, (from || "limit") + "-bar"), product: C.id });
+    });
     el.scrollIntoView({ behavior: "smooth", block: "start" });
     el.classList.add("cmx-pro-flash"); setTimeout(function () { el.classList.remove("cmx-pro-flash"); }, 1600);
   }