website/templates/navbar.html

<div id="navbar-organizer">
    <div id="navbar-spacer"></div>
    <div id="navbar-toplevel">
	<div class="navbar-item">
	    <a class="navbar-click" href="/">
		<div class="navbar-text">Home</div>
		<div class="navbar-underline"></div>
	    </a>
	</div>
	<!-- <div class="navbar-item">
	     <a target="_blank" class="navbar-click" href="https://gitea.redalder.org/Magic_RB">
	     <div class="navbar-text">Gitea</div>
	     <div class="navbar-underline"></div>
	     </a>
	     </div> -->
	<div class="navbar-item">
	    <a target="_blank" class="navbar-click" href="https://git.sr.ht/~magic_rb">
		<div class="navbar-text">SourceHut</div>
		<div class="navbar-underline"></div>
	    </a>
	</div>
	<div class="navbar-item">
	    <a target="_blank" class="navbar-click" href="https://github.com/magicrb">
		<div class="navbar-text">GitHub <br> <div style="height: 0px; overflow: visible; font-size: 50%;">(inactive)</div></div>
		<div class="navbar-underline"></div>
	    </a>
	</div>
	<!-- <div class="navbar-item">
	     <a target="_blank" class="navbar-click" href="https://hydra.redalder.org/">
	     <div class="navbar-text">Hydra</div>
	     <div class="navbar-underline"></div>
	     </a>
	     </div> -->
	<div class="navbar-item">
	    <a class="navbar-click" href="/blog">
		<div class="navbar-text">Blog</div>
		<div class="navbar-underline"></div>
	    </a>
	</div>

	<div class="navbar-item">
	    <a class="navbar-click" href="/links.html">
		<div class="navbar-text">Links</div>
		<div class="navbar-underline"></div>
	    </a>
	</div>

	<div class="navbar-item">
	    <a class="navbar-click" href="/projects.html">
		<div class="navbar-text">Project Ideas</div>
		<div class="navbar-underline"></div>
	    </a>
	</div>
	<div class="navbar-item">
	    <a class="navbar-click" href="/contact.html">
		<div class="navbar-text">Contact</div>
		<div class="navbar-underline"></div>
	    </a>
	</div>
    </div>
    <div id="navbar-spacer"></div>
</div>