improve blog

templates/base.html

@@ -30,40 +30,21 @@
   </div>
 
   <div class="navbar-menu" id="navMenu">
-      <div class="navbar-item has-dropdown is-hoverable ">
-        <a class="navbar-link" >
-          Bricolage
-        </a>
-        <div class="navbar-dropdown">
-          <a class="navbar-item" href="{{ get_url(path="categorie/velo_cargo",
-    trailing_slash=false) }}">
-            Vélo cargo
-          </a>
-          <a class="navbar-item" href="{{ get_url(path="cirque_lumineux",
-    trailing_slash=false) }}">
-            Matériel de cirque lumineux
-          </a>
-        </div>
-      </div>
-        <div class="navbar-item has-dropdown is-hoverable">
+    {% for taxonomy in config.taxonomies%}
+    <div class="navbar-item has-dropdown is-hoverable">
             <a class="navbar-link">
-            Informatique
+            {{ taxonomy.name }}
             </a>
+            {% set tax = get_taxonomy(kind=taxonomy.name) %}
             <div class="navbar-dropdown">
-                <a class="navbar-item" href="{{ get_url(path="categorie/rust",
-    trailing_slash=false) }}">
-                    Rust
-                </a>
-                <a class="navbar-item" href="{{ get_url(path="categorie/arduino",
-    trailing_slash=false) }}">
-                    Arduino
+            {% for term in  tax.items %}
+                <a class="navbar-item" href="{{ term.permalink }}">
+                  {{ term.name }}
                 </a>
+            {% endfor %}
             </div>
-            <a class="navbar-item" href="{{ get_url(path="categorie/autre",
-    trailing_slash=false) }}">
-                Autre
-            </a>
-    </div>
+      </div>
+      {% endfor %}
 
     <div class="navbar-end">
       <div class="navbar-item">
@@ -77,9 +58,11 @@
         </a>
 
         <div class="navbar-dropdown">
-          <a class="navbar-item" href="https://blog.chosto.me">
-            Chosto
+         {% for site in config.extra.friend_sites %}
+          <a class="navbar-item" href="{{ site.url }}">
+            {{ site.name }}
           </a>
+          {% endfor %}
         </div>
       </div>
             <a class="navbar-item" href="https://yuno.oiseauroch.fr/gitea">

templates/blog-list.html

@@ -4,12 +4,12 @@
 {% block content %}
     <div class="columns is-multiline mt-6">
     {% for page in paginator.pages %}
-        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.tags, date=page.date) }}
+        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
     {% endfor %}
     </div>
     
-<nav class="pagination is-rounded" role="navigation" aria-label="pagination">
-  <ul class="pagination-list" style="justify-content: center;">
+<nav class="pagination is-rounded is-centered" role="navigation" aria-label="pagination">
+  <ul class="pagination-list">
     {% if paginator.current_index > 2 %}
     <li><a href="{{ paginator.first }}" class="pagination-link" aria-label="Page 1">1</a></li>
     {% endif %}

templates/blog-page.html

@@ -1,11 +1,31 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1 class="title">
+
+{{ __tera_context }}
+
+<h1 class="title is-1">
   {{ page.title }}
 </h1>
 <p class="subtitle"><strong>{{ page.date }}</strong></p>
 <div class="content">
 {{ page.content | safe }}
 </div>
+
+<aside class="container level my-5">
+        <div class="level-left">
+          {% if page.higher %}
+          <div class="level-item">
+            <a class="button is-link is-light is-medium has-text-weight-bold" href="{{ page.higher.permalink }}">{{ page.higher.title }}</a>
+          </div>
+           {% endif %}
+        </div>
+        <div class="level-right">
+         {% if page.lower %}
+          <div class="level-item">
+            <a class="button is-link is-light is-medium has-text-weight-bold" href="{{ page.lower.permalink }}">{{ page.lower.title }}</a>
+          </div>
+           {% endif %}
+        </div>
+</aside>
 {% endblock content %}

templates/index.html

@@ -5,20 +5,18 @@
 {% block content %}
 
 
-      <div class="columns is-multiline mt-6">
+  <div class="columns is-multiline mt-6">
   {% set blog = get_section(path="blog/_index.md") %}
     {% for page in blog.pages %}
          {% if loop.index0 == 3 %}{% break %}{% endif %}
-        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.tags, date=page.date) }}
+        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
                     
     {% endfor %}
     
-    <div class="plus-articles">
-      <a href="#" class="title is-4" style="width: 6em; text-align: center;">
-            Plus 
+    <a class="plus-articles button is-link is-light is-medium has-text-weight-bold" href="{{ blog.permalink }}">
+           Plus d'articles
             <i class="computer fas fa-chevron-right"></i>
-      </a>
-    </div>
+    </a>
     </div>
     
     <section class="section">
@@ -31,15 +29,14 @@
     {% for page in notes.pages %}
     <div class="column  is-one-fifth ">
          {% if loop.index0 == 5 %}{% break %}{% endif %}
-        {{ macro_media::create_media(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.tags, date=page.date) }}
+        {{ macro_media::create_media(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
     </div>
     {% endfor %}
-    <div class="overlay">
-      <a href="#" class="title is-4" style="width: 6em; text-align: center;">
+     {% set notes = get_section(path="notes/_index.md") %}
+    <a class="overlay has-text-weight-bold" href="{{ notes.permalink }} ">
             Plus 
-            <i class="computer fas fa-chevron-right"></i>
+            <i class="computer fas fa-chevron-right" style="padding: 0.25em;"></i>
       </a>
-    </div>
   </div>
   </section>
 

templates/macros/card.html

@@ -2,21 +2,11 @@
         <div class="column is-one-third">
             <div class="card has-equal-height">
             <a href="{{ link | safe }}"  style="height:100%">
-<!--                <div class="card-image" >
-                    <figure class="image is-3by2">
-                        {% if img is not starting_with("/") %}
-                        <img src={{ link }}{{ img }} alt="Placeholder image">
-                        {% endif %}
-                        {% if img isstarting_with("/") %}
-                        <img src="{{ get_url(path=img, trailing_slash=false) }}" alt="Placeholder image">
-                        {% endif %}
-                    </figure>
-                </div>-->
                 <div class="card-content" style="height:100%">
                         <div class="title is-3 has-text-centered">{{ title }}</div>
                         <div class="title is-5 has-text-centered">{{ subtitle }}</div>
                     <div class="media">
-                        <div class="content">
+                        <div class="content" style="width:100%;">
                             <hr/>
                             {{ abstract | markdown | safe }}
                         </div>
@@ -26,7 +16,7 @@
                 <footer class="card-footer">
                     <div  class="card-footer-item">
                     {% for tag in tags %}
-                        <a class="button is-small is-info is-light is-rounded" href="{{ get_url(path="tags/")  }}/{{ tag }}"> {{ tag }}</a>
+                        <a class="button is-small is-info is-light is-rounded mx-1" href="{{ get_url(path="tags/")  }}/{{ tag }}"> {{ tag }}</a>
                       {% endfor %}
                     </div>
                     <div class="card-footer-item">

templates/note-page.html

@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+{{ __tera_context }}
+
+<h1 class="title is-1">
+  {{ page.title }}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+<div class="content">
+{{ page.content | safe }}
+</div>
+
+<aside class="container level my-5">
+        <div class="level-left">
+          {% if page.higher %}
+          <div class="level-item">
+            <a class="button is-link is-light is-medium has-text-weight-bold" href="{{ page.higher.permalink }}">{{ page.higher.title }}</a>
+          </div>
+           {% endif %}
+        </div>
+        <div class="level-right">
+         {% if page.lower %}
+          <div class="level-item">
+            <a class="button is-link is-light is-medium has-text-weight-bold" href="{{ page.lower.permalink }}">{{ page.lower.title }}</a>
+          </div>
+           {% endif %}
+        </div>
+</aside>
+{% endblock content %}

templates/note.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+{% import 'macros/card.html' as macro_card -%}
+
+{% block content %}
+    {% for page in paginator.pages %}
+<article class="media note p-4" >
+  <div class="media-content media-flex" style="overflow-y: clip;">
+        <a href="#" class="" style="width: 100%">
+          <h2 class="title is-2">{{ page.title }}</h2>
+          <h4 class="subtitle">{{ page.date }}</h4>
+          <div class="content has-text-justified">
+              {{ page.summary | markdown | safe }}
+          </div>
+        </a>
+        <div class="buttons mt-1">
+         {% for tag in page.taxonomies.Tag %}
+                        <a class="button is-small is-info is-light is-rounded" href="{{ get_url(path="Tag/")  }}/{{ tag }}"> {{ tag }}</a>
+        {% endfor %}</a>
+        </div>
+  </article>
+{% endfor %}
+    </div>
+    
+<nav class="pagination is-rounded is-centered" role="navigation" aria-label="pagination">
+  <ul class="pagination-list">
+    {% if paginator.current_index > 2 %}
+    <li><a href="{{ paginator.first }}" class="pagination-link" aria-label="Page 1">1</a></li>
+    {% endif %}
+    {% if paginator.current_index > 3 %}
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    {% endif %}
+    {% if paginator.previous %}
+    <li><a class="pagination-link" href="{{ paginator.previous }}" aria-label="Page {{ paginator.current_index -1 }}">{{ paginator.current_index - 1 }}</a></li>
+    {% endif %}
+    <li><a class="pagination-link is-current" aria-label="Page {{ paginator.current_index }}" aria-current="page">{{ paginator.current_index }}</a></li>
+    {% if paginator.next %}
+    <li><a class="pagination-link" href="{{ paginator.next }}" aria-label="Page {{ paginator.current_index +1 }}">{{ paginator.current_index + 1 }}</a></li>
+    {% endif %}
+    {% if paginator.current_index + 2 < paginator.number_pagers %}
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    {% endif %}
+    {% if paginator.current_index < paginator.number_pagers - 1 %}
+    <li><a  href="{{ paginator.last }}" class="pagination-link" aria-label="Page {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
+    {% endif %}
+  </ul>
+</nav>
+{% endblock content %}

templates/taxonomy_list.html

@@ -3,13 +3,19 @@
 
 {% block content %}
 
-  {% for taxo in terms %}
-    <div class="columns is-vcentered mt-6">
-    {{ macro_card::create_card_tag(link=current_url, title=taxo.name) }}
+
+    {% for taxo in terms %}
+  <div class="columns is-multiline mt-6">
+    <a class="plus-articles button is-link is-light is-medium has-text-weight-bold" href="{{ taxo.permalink }}">
+           {{ taxo.name }}
+            <i class="computer fas fa-chevron-right mx-2" ></i>
+    </a>
     {% for page in taxo.pages %}
-         {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.tags, date=page.date) }}
-        {% endfor %}
-      </div>
- {% endfor %}
+         {% if loop.index0 == 3 %}{% break %}{% endif %}
+        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
+                    
+    {% endfor %}
+    </div>
+    {% endfor %} 
 {% endblock content %}
     

templates/taxonomy_single.html

@@ -1,26 +1,37 @@
 {% extends "base.html" %}
 {% import 'macros/card.html' as macro_card -%}
 
-
 {% block content %}
-<div class="container mt-6">
-
-        <div class="column is-full">
-        <div class="card">
-                <div class="card-content" >
-                    <div class="media">
-                     <div class="title is-3 has-text-centered">{{ term.name }}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
     <div class="columns is-multiline mt-6">
+        <div class="plus-articles button is-link is-light is-medium has-text-weight-bold">
+           {{ term.name }}
+    </div>
+    {% for page in paginator.pages %}
+        {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
+    {% endfor %}
+    </div>
     
-  {% for page in term.pages %}
-  
-      {{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.tags, date=page.date) }}
-                   
-  {% endfor %}
-  </div>
+<nav class="pagination is-rounded is-centered" role="navigation" aria-label="pagination">
+  <ul class="pagination-list">
+    {% if paginator.current_index > 2 %}
+    <li><a href="{{ paginator.first }}" class="pagination-link" aria-label="Page 1">1</a></li>
+    {% endif %}
+    {% if paginator.current_index > 3 %}
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    {% endif %}
+    {% if paginator.previous %}
+    <li><a class="pagination-link" href="{{ paginator.previous }}" aria-label="Page {{ paginator.current_index -1 }}">{{ paginator.current_index - 1 }}</a></li>
+    {% endif %}
+    <li><a class="pagination-link is-current" aria-label="Page {{ paginator.current_index }}" aria-current="page">{{ paginator.current_index }}</a></li>
+    {% if paginator.next %}
+    <li><a class="pagination-link" href="{{ paginator.next }}" aria-label="Page {{ paginator.current_index +1 }}">{{ paginator.current_index + 1 }}</a></li>
+    {% endif %}
+    {% if paginator.current_index + 2 < paginator.number_pagers %}
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    {% endif %}
+    {% if paginator.current_index < paginator.number_pagers - 1 %}
+    <li><a  href="{{ paginator.last }}" class="pagination-link" aria-label="Page {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
+    {% endif %}
+  </ul>
+</nav>
 {% endblock content %}