Custom template for applications page

11 files changed, 115 insertions, 104 deletions

diff --git a/content/pages/applications/applications.rst b/content/pages/applications/applications.rst
index 6849619..54c7988 100755
--- a/content/pages/applications/applications.rst
+++ b/content/pages/applications/applications.rst
@@ -4,24 +4,10 @@
 Applications
 ============
 
-.. raw:: html
-
-  <style>
-  @font-face {
-    font-family: "Tengwar Annatar" ;
-    src: url("/pages/tengwar/tngan.ttf") format("truetype");
-  }
-
-  .tengwar {
-    font-family: "Tengwar Annatar" ;
-  }
-  </style>
-
+:template: applications
 :save_as: pages/applications/index.html
 :url: pages/applications/
 
-.. role:: tengwar
-
 .. note::
 
     Voir la charte_ que je m’engage de suivre quant aux applications présentes
@@ -29,51 +15,3 @@ Applications
 
 .. _charte: {filename}/pages/charte.rst#applications-en-ligne
 
-`Transcription en Tengwar`__
-----------------------------
-
-Prendre un mot de la langue française et le changer d’alphabet.
-Comme ce que fait tecendil_ mais en français :)
-
-.. class::
- :center:
-
- :tengwar:`riU qr&iR 13V1uR 5# ajaG5#6 jL jl5% 3`B 23ViÙ`
-
-.. _tecendil: https://tecendil.com/
-.. __: {filename}/pages/tengwar/tengwar.rst
-
-
-`Fusion de CSS`__
------------------
-
-Outil de fusion de CSS en ligne. Je l’utilise dans ce blog pour surcharger le
-thème par défaut (dans une version exécutable).
-
-.. __: {filename}/pages/css_merger/css_merger.rst#css-merger
-
-`Ardoise calligraphique`__
---------------------------
-
-Application javascript pour dessiner dans le navigateur avec le même rendu
-qu'une plume.
-
-.. image:: {static}/pages/applications/calligraphie.svg
- :align: center
- :target: {filename}/pages/script.it/script.rst#ardoise-calligraphique
-
-.. __: {filename}/pages/script.it/script.rst#ardoise-calligraphique
-
-
-`Graphviz en ligne`__
----------------------
-
-Application javascript pour représenter des graphes
-
-.. image:: {static}/resources/viz.js/example.svg
- :align: center
- :target: {filename}/pages/graph-editor/graph-editor.rst#graph-editor
-
-.. __: {filename}/pages/graph-editor/graph-editor.rst#graph-editor
-
-
diff --git a/content/pages/css_merger/css_merger.rst b/content/pages/css_merger/css_merger.rst
index 14d818c..c23e498 100755
--- a/content/pages/css_merger/css_merger.rst
+++ b/content/pages/css_merger/css_merger.rst
@@ -7,6 +7,12 @@ Fusion de CSS
 :status: hidden
 :save_as: pages/css_merger/index.html
 :url: pages/css_merger/
+:tags: application
+:date: 2021-02
+:summary:
+
+  Outil de fusion de CSS en ligne. Je l’utilise dans ce blog pour surcharger le
+  thème par défaut (dans une version exécutable).
 
 
 Chargez les fichiers à fusionner :
diff --git a/content/pages/demo.rst b/content/pages/demo.rst
index f20103d..c4ac2f7 100644
--- a/content/pages/demo.rst
+++ b/content/pages/demo.rst
@@ -32,6 +32,13 @@ aliquet enim tortor at auctor.
 
   α_t(i) = P(O_1, O_2, … O_t, q_t = S_i λ)
 
+.. math::
+
+  \text{Gain}(S, A) = \text{Entropie}(S) - \sum_{v \in \text{valeurs}(A)}
+    \frac{|S_v|}{|S|} \text{Entropie}(S_v)
+
+
+
 .. Previous text
 
 .. |replace| replace:: replace
diff --git a/content/pages/graph-editor/graph-editor.rst b/content/pages/graph-editor/graph-editor.rst
index 34462e4..233a61a 100755
--- a/content/pages/graph-editor/graph-editor.rst
+++ b/content/pages/graph-editor/graph-editor.rst
@@ -1,10 +1,20 @@
 
-Graph editor
-============
+Graphviz en ligne
+=================
 
 :status: hidden
 :save_as: pages/graph-editor/index.html
 :url: pages/graph-editor/
+:tags: application
+:date: 2020-12
+:summary:
+
+  Application javascript pour représenter des graphes
+
+  .. image:: {static}/resources/viz.js/example.svg
+   :align: center
+   :target: {filename}/pages/graph-editor/graph-editor.rst#graph-editor
+
 
 .. raw:: html
 
diff --git a/content/pages/script.it/script.rst b/content/pages/script.it/script.rst
index d211bce..b0f515f 100755
--- a/content/pages/script.it/script.rst
+++ b/content/pages/script.it/script.rst
@@ -7,6 +7,17 @@ Ardoise calligraphique
 :status: hidden
 :save_as: pages/script.it/index.html
 :url: pages/script.it/
+:tags: application
+:date: 2021-01
+:summary:
+
+  Application javascript pour dessiner dans le navigateur avec le même rendu
+  qu'une plume.
+
+  .. image:: {static}/pages/applications/calligraphie.svg
+   :align: center
+   :target: {filename}/pages/script.it/script.rst#ardoise-calligraphique
+
 
 .. raw:: html
 
diff --git a/content/pages/tengwar/tengtelc.ttf b/content/pages/tengwar/tengtelc.ttf
new file mode 100755
index 0000000..0fe1b6f
--- /dev/null
+++ b/content/pages/tengwar/tengtelc.ttf
diff --git a/content/pages/tengwar/tengwar.rst b/content/pages/tengwar/tengwar.rst
index eacfa27..9808b3f 100644
--- a/content/pages/tengwar/tengwar.rst
+++ b/content/pages/tengwar/tengwar.rst
@@ -5,9 +5,37 @@
 Écrire les tengwar
 ==================
 
+.. role:: tengwar
+
 :status: hidden
 :save_as: pages/tengwar/index.html
 :url: pages/tengwar/
+:tags: application
+:date: 2021-09
+:summary:
+
+  .. raw:: html
+
+    <style>
+    @font-face {
+      font-family: "Tengwar Annatar" ;
+      src: url("/pages/tengwar/tngan.ttf") format("truetype");
+    }
+
+    .tengwar {
+      font-family: "Tengwar Annatar" ;
+    }
+    </style>
+
+  Prendre un mot de la langue française et le changer d’alphabet.
+  Comme ce que fait tecendil_ mais en français :)
+
+  .. class::
+   :center:
+
+   :tengwar:`riU qr&iR 13V1uR 5# ajaG5#6 jL jl5% 3`B 23ViÙ`
+
+  .. _tecendil: https://tecendil.com/
 
 .. raw:: html
 
diff --git a/pelicanconf.py b/pelicanconf.py
index b467220..9026f97 100755
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -44,13 +44,15 @@ MAIN_MENU=False
 COPYRIGHT_NAME="Sébastien Dailly"
 DISABLE_URL_HASH=True
 
+
+
 THEME_TEMPLATES_OVERRIDES = \
         [ 'theme/custom' ]
 
 
 LINKS= ( ("Git", "http://git.chimrod.com")
        , )
-HOME_HIDE_TAGS=False
+HOME_HIDE_TAGS=True
 I18N_TEMPLATES_LANG = "fr_FR"
 LOCALE="fr_FR"
 
diff --git a/theme/custom/applications.html b/theme/custom/applications.html
new file mode 100644
index 0000000..eb0124b
--- /dev/null
+++ b/theme/custom/applications.html
@@ -0,0 +1,22 @@
+{% extends "page.html" %}
+
+{% block after_content %}
+{% for page in hidden_pages|selectattr("date")|sort(reverse=true,attribute="date") %}
+{% for tag in page.tags if "application" == tag.name %}
+    <h2><a href="{{ SITEURL }}/{{ page.url }}{% if not DISABLE_URL_HASH %}#{{ page.slug }}{% endif %}">{{ page.title }}</a></h2>
+  <div>
+    {% if summarise or page.metadata['summary'] or SUMMARY_MAX_LENGTH %}
+      {% if  page.featured_image %}
+        <img src="{{ page.featured_image }}">
+      {% endif %}
+      {{ page.summary }}
+    {% endif %}
+  </div>
+{% endfor %}
+  {% if not loop.last %}
+  <hr />
+  {% endif %}
+{% endfor %}
+{{ super() }}
+
+{% endblock %}
diff --git a/theme/custom/base.html b/theme/custom/base.html
index 829cc1f..debd12b 100755
--- a/theme/custom/base.html
+++ b/theme/custom/base.html
@@ -3,7 +3,6 @@
     {{ msg % kwargs }}
   {%- endmacro -%}
 {% endif %}
-
 <!DOCTYPE html>
 <html lang="{{ DEFAULT_LANG }}">
 <head>
@@ -47,7 +46,7 @@
     <link rel="stylesheet/less" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stylesheet/style.less">
     <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js" type="text/javascript"></script>
   {% else %}
-    <link rel="stylesheet" title="default theme" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stylesheet/style.min.css">
+    <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stylesheet/style.min.css">
   {% endif %}
 
   {# DARK THEME STYLES #}
@@ -92,11 +91,6 @@
   {% endif %}
 
   {% if PLUGINS and 'tipue_search' in PLUGINS %}
-    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/jquery.min.js"></script>
-    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch.min.js"></script>
-    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch.min.js"></script>
-    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch_set.min.js"></script>
-    <script src="{{ SITEURL }}/tipuesearch_content.js"></script>
     <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/tipuesearch/tipuesearch.min.css" />
   {% endif %}
 
@@ -141,19 +135,22 @@
     <meta name="msapplication-TileColor" content="{{ BROWSER_COLOR }}">
   {% endif %}
 
-  {% if REL_CANONICAL %}
-    {% if page %}
-      <link rel="canonical" href="{{ SITEURL }}/{{ page.url }}">
-    {% elif article %}
-      <link rel="canonical" href="{{ SITEURL }}/{{ article.url }}">
-    {% elif page_name == 'index' and not articles_previous_page %}
-      <link rel="canonical" href="{{ SITEURL }}">
-    {% elif author or category or tag or page_name == 'index' %}
-      <link rel="canonical" href="{{ SITEURL }}/{{ articles_page.url }}">
-    {% else %}
-      <link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">
+  {% if not PLUGINS or 'seo' not in PLUGINS %}
+    {% if REL_CANONICAL %}
+      {% if page %}
+        <link rel="canonical" href="{{ SITEURL }}/{{ page.url }}">
+      {% elif article %}
+        <link rel="canonical" href="{{ SITEURL }}/{{ article.url }}">
+      {% elif page_name == 'index' and not articles_previous_page %}
+        <link rel="canonical" href="{{ SITEURL }}">
+      {% elif author or category or tag or page_name == 'index' %}
+        <link rel="canonical" href="{{ SITEURL }}/{{ articles_page.url }}">
+      {% else %}
+        <link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">
+      {% endif %}
     {% endif %}
-  {% endif %}
+  {% endif %} 
+
   {% block meta %}
     <meta name="author" content="{{ AUTHOR }}" />
     <meta name="description" content="{{ SITEDESCRIPTION }}" />
@@ -174,6 +171,9 @@
   {% if GOOGLE_TAG_MANAGER %}
     {% include "partial/gtm.html" %}
   {% endif %}
+  {% if MICROSOFT_CLARITY %}
+    {% include "partial/clarity.html" %}
+  {% endif %}
 </head>
 <body {% if not THEME_COLOR_AUTO_DETECT_BROWSER_PREFERENCE %}class="{{ THEME_COLOR|default('light') }}-theme"{% endif %}>
   {% if GOOGLE_TAG_MANAGER %}
@@ -181,7 +181,7 @@
   {% endif %}
   <aside>
     <div>
-      <a href="{{ SITEURL }}">
+      <a href="{{ SITEURL }}/">
         {% if SITELOGO %}
         <img src="{{ SITELOGO }}" alt="{{ SITETITLE }}" title="{{ SITETITLE }}">
         {% else %}
@@ -190,13 +190,13 @@
       </a>
 
       <h1>
-        <a href="{{ SITEURL }}">{{ SITETITLE }}</a>
+        <a href="{{ SITEURL }}/">{{ SITETITLE }}</a>
       </h1>
 
       {% if SITESUBTITLE %}<p>{{ SITESUBTITLE }}</p>{% endif %}
 
       {% if PLUGINS and 'tipue_search' in PLUGINS %}
-        <form class="navbar-search" action="/search.html" role="search">
+        <form class="navbar-search" action="{{ SITEURL }}/search.html" role="search">
           <input type="text" name="q" id="tipue_search_input" placeholder="{{ _('Search...') }}">
         </form>
       {% endif %}
@@ -274,7 +274,7 @@
 
     {% if MAIN_MENU %}
     <nav>
-      <a href="{{ SITEURL }}">{{ _('Home') }}</a>
+      <a href="{{ SITEURL }}/">{{ _('Home') }}</a>
 
       {% for title, link in MENUITEMS %}
       <a href="{{ link }}">{{ _(title) }}</a>
@@ -320,14 +320,6 @@
     {% include 'partial/github.html' %}
   {% endif %}
 
-  {% if PLUGINS and 'tipue_search' in PLUGINS %}
-    <script>
-      $(document).ready(function() {
-        $('#tipue_search_input').tipuesearch();
-      });
-    </script>
-  {% endif %}
-
   {% block additional_js %}{% endblock %}
 </body>
 </html>
diff --git a/theme/custom/custom.css b/theme/custom/custom.css
index c235968..32cd429 100755
--- a/theme/custom/custom.css
+++ b/theme/custom/custom.css
@@ -25,6 +25,7 @@ html[data-theme="light"] {
 
 main article {
   margin:0 10px 10px;
+  max-width: unset;
 }
 
 main article header p{
@@ -72,8 +73,7 @@ aside nav ul li {
     width:20vw;
   }
   main {
-    left: 20vw;
-    width: 80vw;
+    padding-left:20vw;
   }
   main article {
     margin:0 50px 50px;
@@ -231,11 +231,6 @@ main article :not(pre)>code {
  border-radius:3px
 }
 
-/* Add an overflow for math in order to prevent the expand the whole page */
-.math {
- overflow: auto;
-}
-
 aside span.amp {
    font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
    font-size:110%;