add FONTS

3 files changed, 26 insertions, 21 deletions

diff --git a/templates/base.html.tera b/templates/base.html.tera
index eff54b1..06758ea 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -35,30 +35,31 @@
 
       <nav class="panel" id="nav">
         <ul id="nav">
-          <li><a class="active" href="/">home</a></li>
-          <li><a href="/contact">kontakt</a></li>
-          <li><a href="/projects">projetos</a></li>
-          <li><a href="/sound">音</a></li>
-          <li><a href="/listens">楽</a></li>
-          <li><a href="/linkz">cute linkz</a></li>
-          <li><a href="https://bimbo.video">video</a></li>
-          <li><a href="https://live.blos.sm">🔴 live</a></li>
-          <li><a href="/pix">pix</a></li>
-          <li><a href="/thoughts">thoughts</a></li>
-          <li><a href="/girlblog">girlblog</a></li>
-          <li><a href="/writing">flop</a></li>
-          <li><a href="/zettelkasten">zettelkasten</a></li>
-          <li><a href="/read">よむ</a></li>
+          <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 href="/plants">plantas</a></li>
-          <li><a href="https://ass-smacc"><img src="https://skinnyver.se/emoji/Wigs/suscakke.png"></a></li>
-          <li><a href="https://pussy.accountants">pussy</a></li>
-          <li><a href="/guestbook">visitas</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="content">
+        <div class="main-content">
 
           {% block content %}
           {% endblock content %}
diff --git a/templates/contact.html.tera b/templates/contact.html.tera
index 9876132..fd19907 100644
--- a/templates/contact.html.tera
+++ b/templates/contact.html.tera
@@ -1,5 +1,7 @@
 {% extends "base" %}
 
+{% block nav_contact %}active{% endblock %}
+
 {% block header %}
 
 <div class="panel" id="title">
@@ -10,7 +12,7 @@
 
 {% block content %}
 
-<div class="info panel h-card" rel="author">
+<div class="content panel h-card" rel="author">
   <h1 class="p-name">cel</h1>
         
   <h3>pronouns: <a class="u-url" rel="me" href="https://en.pronouns.page/@celblossom"><span class="p-x-pronoun-nominative">she</span>/<span class="p-x-pronoun-accusative">her</span></a></h3>
diff --git a/templates/home.html.tera b/templates/home.html.tera
index cf14f54..7ffd4aa 100644
--- a/templates/home.html.tera
+++ b/templates/home.html.tera
@@ -1,5 +1,7 @@
 {% extends "base" %}
 
+{% block nav_home %}active{% endblock %}
+
 {% block header %}
 
 <div class="panel" id="title">
@@ -26,7 +28,7 @@
 
 {% block content %}
 
-<div class="info panel">
+<div class="content panel">
   <h2>hallo i am celeste welcome 2 my site 🌟</h2>
   <p>this is where i dump everything</p>
   <p>i wish u a wonderful day</p>