nav.html

<!--Navigation bar:

The way this is currently implemented, I only need to edit the nav bar here, and the change will import to all my pages. 
But the tradeoff is that there's a delay of about a half a second between when the body of the page loads and when the nav bar loads.
My implementation is filched from the first answer here: https://stackoverflow.com/questions/31954089/how-can-i-reuse-a-navigation-bar-on-multiple-pages
-->

<div id="nav-bar">
<nav>
		<ul> 
			<li><a href="index.html" class="button">About</a></li>
			<li><a href="personal-photos.html" class="button">Personal Photos</a></li>
			<!-- <li><a href="https://docs.google.com/spreadsheets/d/1obzln9QwmOft1aHFYsZmieDThD-HkDOZ39yFqVffv2U/edit">Predictions</a></li> -->
			<li><a href="unparalleled-misalignments.html">Unparalleled Misalignments</a></li>
			<li><a href="contact.html">Contact</a></li>
		</ul>
	
	</nav>
</div>