Onboarding: remove OS auto-open and QR, keep simple CTA

This commit is contained in:
Aaron
2025-12-13 15:20:33 -05:00
parent 06e8e25aad
commit a05aa70069

View File

@@ -78,15 +78,8 @@
<section class="actions">
<button id="continueBtn">Go to secure dashboard</button>
</section>
<section class="qr-wrap">
<div class="qr-block">
<div>
<p class="qr-title">Use your phone</p>
<p class="subtle tiny">Scan to open http://pikit.local</p>
</div>
<img src="data:image/png;base64,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" alt="QR code to http://pikit.local" />
</div>
<section class="actions">
<button id="continueBtn">Go to secure dashboard</button>
</section>
<p class="footnote">Once trusted, this page will auto-forward you to the secure dashboard.</p>
@@ -148,23 +141,7 @@
});
});
// Auto-open matching OS section
const ua = (navigator.userAgent || "").toLowerCase();
const platform = (navigator.platform || "").toLowerCase();
const openOne = (id) => {
const el = document.getElementById(id)?.parentElement;
if (el && el.tagName === "DETAILS") {
el.setAttribute("open", "");
detailBlocks.forEach((other) => {
if (other !== el) other.removeAttribute("open");
});
}
};
const has = (s) => ua.includes(s) || platform.includes(s);
if (has("windows")) openOne("win");
else if (has("mac")) openOne("mac");
else if (has("linux")) openOne("linux");
else if (has("bsd")) openOne("bsd");
// No auto-open: let users expand the platform they need.
if (hasCookie) {
statusChip.textContent = "HTTPS trusted — redirecting…";