tegwick
ccf46d8c59
Assistant: codex Assistant-Model: gpt-6-astra Assistant-Session: 01a13590-a16f-7f60-be60-fd71627bc99d
17 lines
1.2 KiB
HTML
17 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Browser service trial</title>
|
|
<style>
|
|
body{font:20px system-ui;margin:0;padding:clamp(20px,6vw,80px);background:#eef4fb;color:#18283d}
|
|
main{max-width:760px;margin:auto;padding:24px;background:white;border:1px solid #c7d4e4;border-radius:12px}
|
|
button{font:inherit;padding:12px 20px;background:#1c4f8a;color:white;border:0;border-radius:6px}
|
|
button:focus-visible{outline:4px solid #cf6500;outline-offset:4px}output{font-weight:bold}
|
|
</style>
|
|
<main><h1>Browser service trial</h1><p>Press Tab, then Enter to activate the counter.</p>
|
|
<button id="increment">Increment</button><p>Count: <output id="count" aria-live="polite">0</output></p>
|
|
<p id="storage">Fresh browser state</p></main>
|
|
<script>
|
|
document.querySelector('#increment').onclick=()=>{document.querySelector('#count').textContent=String(Number(document.querySelector('#count').textContent)+1)};
|
|
if(localStorage.getItem('visited') || document.cookie.includes('visited=')) document.querySelector('#storage').textContent='Leaked browser state';
|
|
localStorage.setItem('visited','yes');document.cookie='visited=yes; SameSite=Strict';
|
|
</script></html>
|