<header id="site-header">
  <div class="wrapper">
    <div class="content">
      <div class="site-brand">
        <div class="site-logo">
          <a href="{{ "/" | relative_url  }}">
            <img src="{{ "/assets/images/logo.png" | relative_url }}"
                 srcset="{{ "/assets/images/logo.png" | relative_url }} 1x,
                         {{ "/assets/images/logo@2x.png" | relative_url }} 2x,
                         {{ "/assets/images/logo@3x.png" | relative_url }} 3x"
                                         alt="CircuitPython Logo"
                                         height="60" width="136">
          </a>
        </div>
      </div>

      <div class="site-navigation">
        <a href="{{ "/downloads" | relative_url  }}">DOWNLOADS</a>
        <a href="{{ "/libraries" | relative_url  }}">LIBRARIES</a>
        <a href="{{ "/contributing" | relative_url  }}">CONTRIBUTING</a>
        <a href="{{ "/blinka" | relative_url  }}">BLINKA</a>
        <a href="https://blog.adafruit.com/category/circuitpython">NEWS</a>
        <a href="https://adafru.it/discord">DISCORD</a>
        <a href="{{ "/awesome" | relative_url  }}">AWESOME</a>
        <a href="https://learn.adafruit.com/welcome-to-circuitpython">HELP</a>
      </div>
    </div>
  </div>
  <div class="bottom-bar"></div>
</header>
