<footer id="footer">
    <div id="buttons">
        <img src="<?=ASSETS->buttons->apocalypse?>" loading="lazy" onclick="document.documentElement.classList.toggle('flip')"/>
        <img src="<?=ASSETS->buttons->amd?>" loading="lazy"/>
        <img src="<?=ASSETS->buttons->dither?>" loading="lazy" onclick="document.documentElement.classList.toggle('dither')"/>
        <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank">
            <img src="<?=ASSETS->buttons->html?>" loading="lazy"/>
        </a>
        <img src="<?=ASSETS->buttons->ie?>" loading="lazy"  onclick="document.documentElement.classList.toggle('strobe')"/>
        <img src="<?=ASSETS->buttons->netscape?>" loading="lazy"/>
        <a href="https://g.freya.cat/freya/rit.wtf" target="_blank">
            <img src="<?=ASSETS->buttons->download?>" loading="lazy"/>
        </a>
    </div>
    <iframe
        height="94"
        id="john"
		<? /* hack to disable firefox cookie warning*/?>
		sandbox="allow-scripts"
		src="https://john.citrons.xyz/embed?ref=rit.wtf"
	></iframe>
</footer>