navigation.html

<div class="menuBar">
	<a href="https://ufolinux.tk"><img src="./assets/img/scaledlogo.png" class="Logo" alt="Ufo Linux Logo" ></a>
	<!--<div class="menuIcon">
		<input id="toggle" type="checkbox" onclick="changeTheme()">-->
		<input value="&#9776;" type="text" id="menuIcon" onclick="pull()" onblur="dump()" readonly>
	<!--</div>-->
		<div class="Snav" id="Snav">
			<a href="https://ufolinux.tk" alt="index.html" class="nav"> Home </a>
			<a href="https://ufolinux.tk#todo" alt="#todo" class="nav"> Docs </a>
			<a href="https://ufolinux.tk/contributors" alt="contributors.html" class="nav"> Contributors </a>
			<a href="https://ufolinux.tk/download" alt="download.html" class="nav"> Download</a>
			<a href="https://ufolinux.tk/mirror" alt="mirror.html" class="nav"> Mirror List </a><hr>
			<a href="#contact" class="nav" id="#contact"> Contact Us</a>
			<div class="container-contact" id="container-contact">
				<a class="navC" target="_blank" rel="noopener noreferrer" href="http://github.com/ufolinux"><i class="bi bi-github"> </i></a>
				<a class="navC" target="_blank" rel="noopener noreferrer" href="http://gitlab.com/ufolinux"><i class="fa fa-gitlab"> </i></a>
				<a class="navC" target="_blank" rel="noopener noreferrer" href="http://t.me/ufolinux"><i class="bi bi-telegram"> </i></a>
				<a class="navC" target="_blank" rel="noopener noreferrer" href="https://matrix.to/#/#ufolinux:matrix.org"><i class="bi bi-mastodon"></i></a>
			</div>
		</div>
</div>
<script>
//MenuBar Toggle
var sn = document.getElementById("Snav");
function dump(){
	sn.style.left = "-120%";
}
function pull(){
	sn.style.left = "0";
}
</script>