awa

templates/page.html

@@ -1,14 +1,20 @@
 {% extends "base.html" %} {% block content %}
 
 <h2 class="title is-3">{{- page.title -}}</h2>
-{% set ancestor = page.relative_path | split(pat="/") | first %} {%- if ancestor
-in ["creation", "reparation"] -%}
-<p class="subtitle is-5 has-text-primary-dark">SECTION</p>
+{% set ancestor = get_section(path=page.ancestors | last) %} {%- if
+ancestor.title in ["Création", "Réparation"] -%}
+<p class="subtitle is-5 has-text-primary-dark">{{ ancestor.title }}</p>
 {%- endif -%} {%- if page.date -%}
-<time datetime="{{ page.date }}">
-    Réalisé le
-    <span class="is-info">{{ page.date | date(format="%Y-%m-%d") }}</span>
-</time>
+<p class="mb-5">
+    <time datetime="{{ page.date }}">
+        Réalisé le
+        <span class="is-info"
+            >{{ page.date | date(locale="fr_FR", format="%d %B %Y") }}</span
+        >
+    </time>
+</p>
 {%- endif -%}
+
 <section class="content-section">{{- page.content | safe -}}</section>
+
 {% endblock content %}

templates/section.html

@@ -8,27 +8,24 @@
 {%- endif -%}
 <section class="content-section">{{- section.content | safe -}}</section>
 
-<div class="grid">
+<div class="grid mt-5">
     {%- for page in section.pages -%}
     <div class="card cell">
         <header class="card-header">
             <p class="card-header-title">{{ page.title }}</p>
-            <button class="card-header-icon" aria-label="more options">
-                <span class="icon">
-                    <i class="fas fa-angle-down" aria-hidden="true"></i>
-                </span>
-            </button>
         </header>
         <div class="card-image">
-            <figure class="image is-4by3">
+            <figure class="image is-square">
+                <a href="{{ page.path }}">
                 <img
-                    src="{{ get_url(path=page.extra.img | default(value='/img/placeholder.png')) }}"
+                    src="{{ page.path ~ page.extra.img }}"
                     alt="{{ page.extra.alt | default(value="") }}"
                 />
+                </a>
             </figure>
         </div>
         <div class="card-content">
-            <div class="content">{{ page.content |safe }}</div>
+            <div class="content">{{ page.content | split(pat="<!-- cut -->") | first | safe }}</div>
         </div>
         <footer class="card-footer">
             <a href="{{ page.path }}" class="card-footer-item">Lire le détail</a>