<style type="text/css">
	@import "../styles/footer.css?<?php echo $t ?>";
</style>
<div id="footerContainer">
	<div id="fmessage" class="zFlexRow zFGrow zVCenter unselectable"></div>
	<div class="zFlexRow zVCenter">
		<div id="webApiState" class="zMgR" onclick="parent.startWebService()">
			<span id="webAPI" class="state">API Web</span>
		</div>
		<div id="stackLog" class="zFlexRow zVCenter zHCenter"></div>
		<div id="switchBlock" class="zFlexRow zVCenter zMgR">
			<span class="zMgR unselectable"><b>Dark/Light mode </b></span>
			<?php $theme="<script>document.write(localStorage.getItem('theme'));</script>"; ?>
			<div class="toggle">
				<input type="checkbox" id="theme-checkbox"/>
				<label for="theme-checkbox"></label>
			</div>
		</div>
	</div>
</div>
<script type="module" src="../js/footer.js?<?php echo $t ?>"></script>
