<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="fonts.css">
    <title>cel's garden</title>
  </head>
    
  <body>

    <img class="branch" id="branch1" src="branches/branch837-1.png" alt="cherry blossom branch">
    <img class="branch" id="branch2" src="branches/branch878.png" alt="cherry blossom branch">
    <img class="branch" id="branch3" src="branches/branch837-2.png" alt="cherry blossom branch">
    <img class="branch" id="branch4" src="branches/branch840.png" alt="cherry blossom branch">
    <img class="branch" id="branch5" src="branches/branch869.png" alt="cherry blossom branch">
    <img class="branch" id="branch6" src="branches/branch871.png" alt="cherry blossom branch">
    <img class="branch" id="branch7" src="branches/branch879.png" alt="cherry blossom branch">
    <img class="branch" id="branch8" src="branches/branch880.png" alt="cherry blossom branch">
    <img class="branch" id="branch9" src="branches/branch881-1.png" alt="cherry blossom branch">
    <img class="branch" id="branch10" src="branches/branch881-2.png" alt="cherry blossom branch">
    <img class="branch" id="branch11" src="branches/branch882-1.png" alt="cherry blossom branch">
    <img class="branch" id="branch12" src="branches/branch882-2.png" alt="cherry blossom branch">
    <img class="branch" id="branch13" src="branches/branch883-1.png" alt="cherry blossom branch">
    <img class="branch" id="branch14" src="branches/branch883-2.png" alt="cherry blossom branch">
      
    <div class="page">

      <header>
      
        {% block header %}
        {% endblock header %}
        
      </header>

      <nav class="panel" id="nav">
        <ul id="nav">
          <li><a class="{% block nav_home %}{% endblock %}" href="/">home</a></li>
          <li><a class="{% block nav_contact %}{% endblock %}" style="font-family: 'Compagnon Roman';" href="/contact">kontakt</a></li>
          <li><a class="{% block nav_projects %}{% endblock %}" style="font-family: 'DeGerm LoCase';" href="/projects">projetos</a></li>
          <li><a class="{% block nav_sound %}{% endblock %}" href="/sound">音</a></li>
          <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/listens">きいてます</a></li>
          <li><a href="https://bimbo.video" style="font-family: 'Mon Hugo In'">video</a></li>
          <li><a href="https://live.blos.sm" style="font-family: ukikusa" >🔴 ライブ</a></li>
          <li><a class="{% block nav_pix %}{% endblock %}" style="font-family: Minecraftia" href="/pix">pix</a></li>
          <li><a class="{% block nav_shodo %}{% endblock %}" href="/shodo">書道</a></li>
          <li><a class="{% block nav_thoughts %}{% endblock %}" style="font-family: 'MAZIUS REVIEW 20.09';" href="/thoughts">thoughts</a></li>
          <li><a class="{% block nav_girlblog %}{% endblock %}" style="font-family: Sligoil" href="/girlblog">girlblog</a></li>
          <li><a class="{% block nav_cute %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/cute">cute linkz</a></li>
          <li><a class="{% block nav_things %}{% endblock %}" style="font-family: '18th Century Kurrent Text';" href="/things">flop</a></li>
          <li><a class="{% block nav_zk %}{% endblock %}" href="/zk" style="font-family: Louise">zettelkasten</a></li>
          <li><a class="{% block nav_read %}{% endblock %}" style="font-family: ukikusa" href="/read">よむ</a></li>
          <li><a href="https://sectorinf.com/cel">🦋🐞🐌🐝🕷</a></li>
          <li><a class="{% block nav_plants %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="/plants">plantas</a></li>
          <li class="suscakke"><a href="https://ass-smacc"><img src="https://skinnyver.se/emoji/Wigs/suscakke.png"></a></li>
          <li><a style="font-family: Abordage;" href="https://pussy.accountants">pussy</a></li>
          <li><a class="{% block nav_guestbook %}{% endblock %}" style="font-family: Compagnon; font-weight: bold;" href="/guestbook">visitas</a></li>
        </ul>
      </nav>

      <main>
        <div class="main-content">

          {% block content %}
          {% endblock content %}
          
        </div>
        
        {% block aside %}
        {% endblock aside %}
          
      </main>

      <footer>
        <div class="panel" id="footer">
          <a href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a>
          <a href="https://social.xenofem.me/"><img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/4520d16b-565c-4956-b1f0-dd18afcdf906/xenofemme.png"></a>
          <a href="https://asbestos.cafe"><img src="https://asbestos.cafe/instance/asbestoscafesisterinstance.png"></a>
          <a href="https://worm.pink"><img src="https://worm.pink/instance/wormpinksistersite.png"></a>
        </div>
      </footer>
      
    </div>
  </body>
</html>
