<!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 id="page">

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

      <nav class="panel">
        <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_girlblog %}{% endblock %}" style="font-family: Sligoil" href="/blog">girlblog</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 %}" style="font-family: 'kirieji'" href="/sound">音</a></li>
          <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="https://listenbrainz.org/celblossom">écoute</a></li>
          <li><a href="https://bimbo.video/a/cel" style="font-family: 'Mon Hugo In'">video</a></li>
          <li><a href="https://weirdstar.stream" style="font-family: id_kana018" >🔴ライブ</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_cute %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/cute">cute linkz</a></li>
          <li><a class="{% block nav_zk %}{% endblock %}" href="https://garden.blos.sm" 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://bunny.garden">🦋🌷🐰🌻🐝🕷🪻🐇🌱</a></li>
          <!--<li><a class="{% block nav_plants %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="/plants">plantas</a></li>-->
          <li><a style="font-family: Abordage;" href="https://pussy.accountants">pussy</a></li>
          <li class="suscakke"><a href="https://ass-sma.cc"><img src="/suscakke.png"></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 class="panel">
          <a class="badge" href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a>
          <a class="badge" href="https://webb.spiderden.org"><img src="/badges/webb.png"></a>
          <img class="badge" src="/badges/mothracompat.gif">
      </footer>
      
    </div>
  </body>
</html>
