<div class="bytes"><div class="stack"><div class="block nav">NAV + INLINE CODE</div><div class="block meta">TITLE + CANONICAL</div><div class="cut">GOOGLEBOT FETCH EDGE</div><div class="block article">ARTICLE CONTENT</div></div><div class="seen"><b>FETCHED VIEW</b><div id="visible">NAV ONLY</div></div><button id="slim">SLIM HTML</button></div>
.bytes{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vmin,19px);position:relative;width:93%;min-height:185px;padding-bottom:clamp(27px,5vmin,44px);font:800 clamp(10px,max(1.7vmin,1vw),14px) sans-serif;color:var(--fg)}.stack{width:52%;display:grid;gap:4px;position:relative}.block{padding:clamp(7px,1.4vmin,12px);background:var(--surface);border:1px solid var(--line)}.nav{height:clamp(100px,27vmin,110px);background:repeating-linear-gradient(0deg,var(--surface),var(--surface) 6px,var(--line) 7px);transition:height .5s}.meta,.article{border-left:4px solid var(--accent)}.cut{position:absolute;top:90px;left:0;right:0;border-top:3px dashed var(--accent);color:var(--accent);font-size:max(10px,1vw,.7em);padding-top:3px}.article{opacity:.35}.seen{width:42%;border:2px solid var(--fg);padding:clamp(9px,2vmin,18px);display:grid;gap:clamp(6px,1vmin,10px)}.seen b{font-size:max(10px,1vw,.7em);color:var(--muted)}.seen div{font-size:clamp(12px,2.3vmin,20px);color:var(--accent)}.bytes.slim .nav{height:clamp(15px,3vmin,26px)}.bytes.slim .article{opacity:1}.bytes button{position:absolute;bottom:0;left:35%;background:var(--fg);color:var(--bg);border:0;padding:6px 10px;font:inherit;cursor:pointer}@media(min-width:700px){body > :not(script){zoom:1.55}.map,.feed,.linkmap{height:48%}}
const box=document.querySelector('.bytes'),visible=document.querySelector('#visible'),button=document.querySelector('#slim');let slim=false;function show(){box.classList.toggle('slim',slim);visible.textContent=slim?'TITLE + ARTICLE':'NAV ONLY';button.textContent=slim?'BLOAT HTML':'SLIM HTML'}button.addEventListener('click',()=>{clearInterval(timer);slim=!slim;show()});const timer=setInterval(()=>{slim=!slim;show()},2800);
