{% extends "base" %}
{% block nav -%}
    <h1><a href="/" style="text-decoration: none;">mycelial technology</a></h1>
    <hr>
    <nav>
      <ol class="nav-bar">
        <li class="nav-item"><a href="/art">art</a></li>
        <li class="nav-item"><a href="/background">background</a></li>
        <li class="nav-item"><a href="/bacteria">bacteria</a></li>
        <li class="nav-item"><a href="/computers">computers</a></li>
        <li class="nav-item"><a href="/fungi">fungi</a></li>
        <li class="nav-item"><a href="/lists">lists</a></li>
        <li class="nav-item"><a href="/plants">plants</a></li>
        <li class="nav-item"><a href="/meditation">meditation</a></li>
        <li class="nav-item"><a href="/support">support</a></li>
      </ol>
    </nav>
    {%- block content %}{%- endblock %}
    <footer style="display: flex;">
      <p>&#169; 2020 glyph<p> 
    </footer>
{%- endblock %}