Onboarding: remove OS auto-open and QR, keep simple CTA
This commit is contained in:
@@ -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…";
|
||||
|
||||
Reference in New Issue
Block a user