From 8dbb094fa94a8063a175b026d0400d3882caab8c Mon Sep 17 00:00:00 2001
From: "tierce (Thierry Fenasse)" <tfenasse@computhings.be>
Date: Sun, 24 Mar 2024 13:24:33 +0100
Subject: [PATCH] pages, listing et aussi .social

---
 static/css/bidouille.css |  7 +++++++
 templates/base.html      | 11 ++++++++---
 templates/listing.html   |  4 ++--
 templates/page.html      | 14 ++++++++++++++
 4 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/static/css/bidouille.css b/static/css/bidouille.css
index 002a5e0..4e54aa0 100644
--- a/static/css/bidouille.css
+++ b/static/css/bidouille.css
@@ -187,6 +187,13 @@ header a.current::first-letter{
     background-color: var(--deco);
 }
 
+/* Si c'est du texte et pas un fa-icon,
+ * il faut pouvoir lire la première lettre.
+*/
+.social a::first-letter{
+    color: unset;
+}
+
 .social a:hover {
     color: var(--fond);
 }
diff --git a/templates/base.html b/templates/base.html
index f1a60ed..78a1f1a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -67,11 +67,17 @@
     {% endif %}
     {% endif %}
   </nav>
-  {% if SOCIAL %}
   <nav class="social">
-    {% for text, link, icon in SOCIAL %}
+    {% if SOCIAL_WITH_FA %}
+    {% for text, link, icon in SOCIAL_WITH_FA %}
     <a href="{{ link }}" title="{{ text }}"><i class="fa {{ icon }}"></i></a>
     {% endfor %}
+    {% endif %}
+    {% if SOCIAL %}
+    {% for text, link in SOCIAL %}
+    <a href="{{ link }}" title="{{ text }}">{{ text }}</i></a>
+    {% endfor %}
+    {% endif %}
     {% if CATEGORY_FEED_ATOM and category %}
     <a href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_ATOM_URL %}{{ CATEGORY_FEED_ATOM_URL.format(slug=category.slug) }}{% else %}{{ CATEGORY_FEED_ATOM.format(slug=category.slug) }}{% endif %}" title="Flux pour {{ category }}" target="_blank"><i class="fa fa-rss"></i></a>
     {% endif %}
@@ -79,7 +85,6 @@
     <a href="{{ FEED_DOMAIN }}/{% if TAG_FEED_ATOM_URL %}{{ TAG_FEED_ATOM_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_ATOM.format(slug=tag.slug) }}{% endif %}" type="application/atom+xml" title="Flux pour {{ tag }}" target="_blank"><i class="fa fa-rss"></i></a>
     {% endif %}
   </nav>
-  {% endif %}
   {% endblock %}
 </header>
 
diff --git a/templates/listing.html b/templates/listing.html
index 1fb79d0..5e03aea 100644
--- a/templates/listing.html
+++ b/templates/listing.html
@@ -2,9 +2,9 @@
 {% block content %}
 {% for article in articles_page.object_list %}
   <article>
-    <h1>
+    <h2>
       {{ article.title }}
-    </h1>
+    </h2>
     <p>
       {{ article.subtitle }}<br/>
       {{ article.description }} <br/>
diff --git a/templates/page.html b/templates/page.html
index eb51ded..dee67e0 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -8,6 +8,20 @@
 
 {% block content %}
 <article>
+{% if DISPLAY_PAGE_HEADER %}
+<hgroup>
+  <h1>
+    {{ page.title }}
+  </h1>
+  <p>
+    {% if page.modified %}
+    Modifié le <time datetime="{{ page.modified.isoformat() }}">{{ page.modified|strftime('%A %d %B %Y') }}</time>
+    {% else %}
+    Publié le <time datetime="{{ page.date.isoformat() }}">{{ page.date|strftime('%A %d %B %Y') }}</time>
+    {% endif %}
+  </p>
+</hgroup>
+{% endif %}
   {{ page.content }}
 </article>
 {% endblock %}