index.html

<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="description" content="Astro description"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.14.5"><title>Welcome to Astro.</title><link rel="stylesheet" href="/_astro/index.BDkIlEdM.css"></head> <body>  <div id="container" data-astro-cid-j7pv25f6> <div class="tile" data-astro-cid-j7pv25f6></div> </div> <main data-astro-cid-j7pv25f6> <h1 data-astro-cid-j7pv25f6>MIOE</h1> <p data-astro-cid-j7pv25f6>top secret</p> </main> <button id="bug" data-astro-cid-j7pv25f6>
Don't touch
</button>  </body></html> <script>
	const container = document.querySelector('#container'),
		tile = document.querySelector('.tile')

	for(let i = 0; i < 1599; i++) {
		container.appendChild(tile.cloneNode())
	}

	const handleToggleClick = () => {
		const root = document.documentElement
		window.toggler = !window.toggler
		root.style.setProperty('--t', window.toggler ? 'var(--t2)' : 'var(--t1)')
	}

	document.getElementById('bug').addEventListener('click', handleToggleClick)
</script>  