From 26ed3b98cf38e8c823f0d16dab2d91681cba5dae Mon Sep 17 00:00:00 2001
From: Willy <willy@noreply.git.selfitdeploy.com>
Date: Wed, 5 Nov 2025 22:37:24 +0100
Subject: [PATCH] Add footer and license

---
 zimit-webapp/templates/index.html | 55 +++++++++++++++++++++++++++----
 1 file changed, 49 insertions(+), 6 deletions(-)
diff --git a/zimit-webapp/templates/index.html b/zimit-webapp/templates/index.html
index 7c0deff..6a3a74f 100644
--- a/zimit-webapp/templates/index.html
+++ b/zimit-webapp/templates/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Zimit Web Interface</title>
+<title>Zimit WebApp</title>
 <style>
   :root {
     --bg-color: #121212;
@@ -15,21 +15,33 @@
     --warn-color: #ffb300;
   }
 
+  html {
+    overflow-y: auto;
+    scrollbar-width: none; /* Firefox */
+  }
+
   body {
     font-family: "Inter", sans-serif;
     background-color: var(--bg-color);
     color: var(--text-color);
     display: flex;
-    justify-content: center;
-    align-items: flex-start;
+    flex-direction: column;
+    align-items: center;
     min-height: 100vh;
     margin: 0;
     padding: 20px;
+    padding-bottom: 70px; /* espace pour le footer fixe */
+    overflow-y: auto; /* barre visible uniquement si nécessaire */
+  }
+
+  body::-webkit-scrollbar {
+    display: none; /* Chrome, Edge, Safari */
   }
 
   .container {
     width: 100%;
     max-width: 720px;
+    flex-grow: 1;
   }
 
   .card {
@@ -130,6 +142,26 @@
     background-color: #666;
   }
 
+  /* --- Pied de page fixe --- */
+  footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    text-align: center;
+    color: #aaa;
+    font-size: 0.85rem;
+    padding: 12px 0;
+    border-top: 1px solid #333;
+    background-color: #181818;
+    z-index: 100;
+  }
+
+  footer span {
+    color: var(--accent-color);
+    font-weight: 500;
+  }
+
   @media (max-width: 600px) {
     h1 { font-size: 1.4rem; }
     .card { padding: 20px; }
@@ -143,9 +175,9 @@
 
     <div class="card">
       <label for="site">Lien du site web :</label>
-      <input type="text" id="site" placeholder="https://exemple.com">
+      <input type="text" id="site" placeholder="http(s)://exemple.com">
 
-      <label for="name">Nom de l’archive :</label>
+      <label for="name">Nom de l’archive (espace et accent interdit) :</label>
       <input type="text" id="name" placeholder="ex: mon_archive">
 
       <label for="title">Titre de l’archive :</label>
@@ -154,7 +186,7 @@
       <label for="pageLimit">Nombre de pages limite :</label>
       <input type="number" id="pageLimit" value="20" min="1">
 
-      <label for="workers">Nombre de workers :</label>
+      <label for="workers">Nombre de workers (respectez les serveurs de destination, 4 max recommandé) :</label>
       <input type="number" id="workers" value="4" min="1">
 
       <button id="startBtn">Lancer l’archivage</button>
@@ -166,6 +198,14 @@
     </div>
   </div>
 
+  <!-- Pied de page fixe -->
+  <footer>
+    Zimit WebApp <a href="https://git.selfitdeploy.com/Willy/-/packages/container/zimit-webapp/1.1.0" style="text-decoration:none"><span>v1.1.0</span></a><br>
+    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
+    <img src="https://img.shields.io/badge/License-CC_BY--NC--SA_4.0-lightgrey.svg" alt="License CC BY-NC-SA 4.0"/>
+    </a>
+  </footer>
+
 <script>
   const tasksDiv = document.getElementById('tasks');
   const startBtn = document.getElementById('startBtn');
@@ -241,3 +281,6 @@
 </script>
 </body>
 </html>
+<!--
+Developed by Willy from Self IT Deploy - License CC BY-NC-SA 4.0
+-->
\ No newline at end of file
