From 1a07981212f076b22dc723f7e29accedca4ea387 Mon Sep 17 00:00:00 2001
From: GeoJulien <dev@ingeoveritas.com>
Date: Mon, 1 May 2023 18:36:17 +0200
Subject: [PATCH] WIP Ajoute une page listant les derniers articles

---
 content/articles/.pages                       |  1 +
 content/articles/index.md                     |  9 ++
 .../custom_templates/index_articles.html      | 89 +++++++++++++++++++
 3 files changed, 99 insertions(+)
 create mode 100644 content/articles/index.md
 create mode 100644 content/theme/custom_templates/index_articles.html

diff --git a/content/articles/.pages b/content/articles/.pages
index b745daf8664..b9cedd9108f 100644
--- a/content/articles/.pages
+++ b/content/articles/.pages
@@ -1,6 +1,7 @@
 title: "&#128214; Articles"
 
 nav:
+    - "Derniers articles": index.md
     - "2023"
     - "2022"
     - "2021"
diff --git a/content/articles/index.md b/content/articles/index.md
new file mode 100644
index 00000000000..292b964c46f
--- /dev/null
+++ b/content/articles/index.md
@@ -0,0 +1,9 @@
+---
+title: "Liste des derniers articles parus"
+template: custom_templates/index_articles.html
+# theme customizations
+search:
+  exclude: true
+---
+
+<!-- Page qui utilise un template personnalisé (cf clé "template" dans l'en-tête) -->
diff --git a/content/theme/custom_templates/index_articles.html b/content/theme/custom_templates/index_articles.html
new file mode 100644
index 00000000000..f9b3f26a3dd
--- /dev/null
+++ b/content/theme/custom_templates/index_articles.html
@@ -0,0 +1,89 @@
+{% extends "main.html" %}
+
+{% block styles %}
+{{ super() }}
+
+<link rel=stylesheet href=theme/assets/stylesheets/homepage.min.css>
+{% endblock %}
+
+<!-- Render hero under tabs -->
+{% block tabs %}
+{{ super() }}
+
+<!-- Hero for landing page -->
+<div class="tx-container">
+  <div class="md-grid md-typeset">
+    <div class="tx-hero">
+      <div class="tx-hero__title">
+        <h1 style="visibility: hidden">Geotribu</h1>
+      </div>
+      <div class="tx-hero__image">
+        <img src="https://cdn.geotribu.fr/img/internal/charte/geotribu_logo_rectangle_384x80.png"
+          alt="Bannière Geotribu" draggable="false" title="logo Geotribu">
+      </div>
+      <div class="tx-hero__content">
+        <p>Site collaboratif sur la géomatique <span class="em">libre</span> et <span class="em">ouverte</span>.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Content -->
+<div class="md-container secondary-section">
+  <div class="g">
+    {% if config.extra.latest %}{% for contenu in config.extra.latest.articles %}
+    <div class="section" id="revues-de-presse">
+      <div class="component-wrapper">
+        <div class="first-column">
+          <h3>{{ contenu.title | default('Placeholder') }}</h3>
+          <p>{{ contenu.description | default('Placeholder') }}</p>
+        </div>
+        <div class="second-column">
+          <div class="image-wrapper">
+            <a href="/{{ contenu.url_rel | default('/') }}" hreflang={{
+              contenu.language | default('fr') }} title="Lien vers le dernier article">
+              <img src="{{ contenu.image | default('https://cdn.geotribu.fr/img/internal/charte/geotribu_logo_rectangle_384x80.png') }}"
+                alt="Illustration du dernier article publié" decoding="async" loading="lazy" draggable="false">
+              <div class="image-overlay">{{ contenu.title | default('Placeholder') }}, par {{
+                contenu.authors | default('Prénom NOM') | join(", ") }}</div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+    {% endfor %}{% endif %}
+
+  </div>
+</div>
+
+{% endblock %}
+
+<!-- Content -->
+{% block content %}
+{% endblock %}
+
+<!-- Light footer -->
+{% block footer %}
+<footer class="md-footer">
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+      <!-- Copyright and theme information -->
+      <div class="md-footer-copyright">
+        {% if config.copyright %}
+        <div class="md-footer-copyright__highlight">
+          {{ config.copyright }}
+        </div>
+        {% endif %}
+        Généré avec
+        <a href="https://www.mkdocs.org" title="MkDocs">MkDocs</a>
+        et le thème
+        <a href="https://squidfunk.github.io/mkdocs-material/" title="Material for MkDocs">
+          Material for MkDocs</a>
+      </div>
+      {% block social %}
+      {% include "partials/social.html" %}
+      {% endblock %}
+    </div>
+  </div>
+</footer>
+{% endblock %}