document.currentScript.insertAdjacentHTML('beforebegin', `
<div style="display: table; clear: both"></div>
<nav id="nav" style="width: 100%; position: fixed; z-index: 2; background-color: #000; color: #fff; top: 0">
  <a href="/gamedesignclub/" class="button">Home</a>
  <div class="button dropdown">
    <a href="/gamedesignclub/people/" style="text-decoration:none">People</a>
    <div class="dropdown-content">
      <a href="/gamedesignclub/people/casey/">Casey</a>
      <a href="/gamedesignclub/people/calvin/">Calvin</a>
    </div>
  </div>
  <div class="button dropdown">
    <a href="/gamedesignclub/games/" style="text-decoration:none">Games</a>
    <div class="dropdown-content">
      <a href="/gamedesignclub/games/nvwk/">NVWK</a>
      <a href="/gamedesignclub/games/tapp/">TAPP</a>
      <a href="/gamedesignclub/games/desert-pioneers/">Desert Pioneers</a>
      <a href="/gamedesignclub/games/supervillains/">Supervillains</a>
    </div>
  </div>
  <a href="/gamedesignclub/contact/" class="button">Contact</a>
</nav>
<div style="display: table; clear: both"></div>
<div id="push" style="position: relative; height: 0px"></div>
`);
document.getElementById("push").style.height = document.getElementById("nav").offsetHeight + "px";