Change UI of pywallter

templates/_header.html

@@ -0,0 +1,27 @@
+<header>
+  <nav>
+    <a href="/logs/">
+      <button>
+	Mes logs <br/>
+	<span class="lists-rounded"></span>
+      </button>
+    </a>
+    
+    <a href="/logout/">
+      <button>
+	Se déconnecter <br/>
+	<span class="logout"></span>
+      </button>
+    </a>
+
+    <details class="dropdown">
+      <summary role="button" class="secondary">Theme</summary>
+      <ul>
+        <li><a href="#" data-theme-switcher="auto">Auto</a></li>
+        <li><a href="#" data-theme-switcher="light">Clair</a></li>
+        <li><a href="#" data-theme-switcher="dark">Sombre</a></li>
+      </ul>
+    </details>
+  </nav>
+
+</header>

templates/homepage.html

@@ -0,0 +1,41 @@
+{% extends 'up_squelette.html' %}
+
+
+{% block main %}
+
+
+<div>
+
+  <h3> Bienvenue </h3>
+
+  <p>
+    Si vous êtes sur cette page, c'est que vous diposez d'un compte sur ce serveur.
+    Du coup, vous avez une adresse e-mail et une adresse XMPP que vous pouvez utiliser
+    avec un client mail et avec un client XMPP (Bien évidemment)
+  </p>
+
+  <p> Voici un exemple de <a href="https://www.thunderbird.net/fr/">  client mail </a>
+    et <a href="https://gajim.org/">client XMPP </a> pour un ordinateur </p>
+  
+  <p> un exemple de <a href="https://k9mail.app/"> client mail </a> et  <a href="https://play.google.com/store/apps/details?id=org.snikket.android&hl=ln&gl=US">client XMPP</a>
+    pour un téléphone sous Android </p>
+
+  <p> et un un exemple de<a href="https://support.apple.com/fr-fr/mail"> client mail</a> et <a href="https://itunes.apple.com/us/app/tigase-messenger/id1153516838"> client XMPP </a>sous iOS pour un iphone ou un Ipad </p>
+
+  {# on affiche les messages d'erreur puis les messages de succes #}
+  {% for categorie in ['error', 'succes'] %}
+  {% with msgs = get_flashed_messages(category_filter=[categorie]) %}
+  {% if msgs %}
+  <div class="flashed {{ categorie }}">
+    {% for m in msgs %}
+    <p>{{ m|safe }}</p>
+    {% endfor %}
+  </div>
+  {% endif %}
+  {% endwith %}
+  {% endfor %}
+  
+</div>
+
+
+{% endblock %}