header_mobile.html

<header id="mobile-header">
  <div class="header-contents">
    <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 id="mobile-menu">
      <div class="menu-toggle">
        <a href="#" id="mobile-menu-button">
          <span class="sr-only">Open Mobile Menu</span>
          <i class="fa fa-bars" aria-hidden="true"></i>
        </a>
      </div>
    </div>
    <div class="clear"></div>
    <nav id="mobile-menu-contents" role="navigation" class="hidden"
      aria-expanded="false" aria-label="Mobile Menu">
      <ul>
        <li><a {% if current[1] == 'downloads' %}class='active'{% endif %}
                                  href="{{ "/downloads" | relative_url  }}">Downloads</a></li>
        <li><a {% if current[1] == 'libraries' %}class='active'{% endif %}
                                  href="{{ "/libraries" | relative_url  }}">Libraries</a></li>
        <li><a {% if current[1] == 'blinka' %}class='active'{% endif %}
                                  href="{{ "/blinka" | relative_url  }}">Blinka</a></li>
        <li><a {% if current[1] == 'contributing' %}class='active'{% endif %}
                                  href="{{ "/contributing" | relative_url  }}">Contributing</a></li>
        <li><a href="https://blog.adafruit.com/category/circuitpython">News</a></li>
        <li><a {% if current[1] == 'awesome' %}class='active'{% endif %}
                                  href="{{ "/awesome" | relative_url  }}">Awesome</a></li>
        <li><a href="https://www.adafruitdaily.com/category/circuitpython">Newsletter</a></li>
        <li><a href="https://learn.adafruit.com/welcome-to-circuitpython">Get Started</a></li>
        <li><a href="https://forums.adafruit.com/viewforum.php?f=60">Forums</a></li>
        <li><a href="https://adafru.it/discord" aria-label="Discord"><i class="fab fa-discord"></i> Discord</a></li>
      </ul>
    </nav>
  </div>
</header>