Willy/Archivage-ZIM
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 2 Packages 2 Wiki Activity Actions

Add footer and license

Browse source
This commit is contained in:
Willy 2025-11-05 22:37:24 +01:00
parent cc6d336b46
commit 26ed3b98cf
1 changed files with 49 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

55
zimit-webapp/templates/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zimit Web Interface</title> <title>Zimit WebApp</title>
<style> <style>
:root { :root {
--bg-color: #121212; --bg-color: #121212;
@ -15,21 +15,33 @@
--warn-color: #ffb300; --warn-color: #ffb300;
} }
html {
overflow-y: auto;
scrollbar-width: none; /* Firefox */
}
body { body {
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: flex-start; align-items: center;
min-height: 100vh; min-height: 100vh;
margin: 0; margin: 0;
padding: 20px; 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 { .container {
width: 100%; width: 100%;
max-width: 720px; max-width: 720px;
flex-grow: 1;
} }
.card { .card {
@ -130,6 +142,26 @@
background-color: #666; 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) { @media (max-width: 600px) {
h1 { font-size: 1.4rem; } h1 { font-size: 1.4rem; }
.card { padding: 20px; } .card { padding: 20px; }
@ -143,9 +175,9 @@
<div class="card"> <div class="card">
<label for="site">Lien du site web :</label> <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"> <input type="text" id="name" placeholder="ex: mon_archive">
<label for="title">Titre de l’archive :</label> <label for="title">Titre de l’archive :</label>
@ -154,7 +186,7 @@
<label for="pageLimit">Nombre de pages limite :</label> <label for="pageLimit">Nombre de pages limite :</label>
<input type="number" id="pageLimit" value="20" min="1"> <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"> <input type="number" id="workers" value="4" min="1">
<button id="startBtn">Lancer l’archivage</button> <button id="startBtn">Lancer l’archivage</button>
@ -166,6 +198,14 @@
</div> </div>
</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> <script>
const tasksDiv = document.getElementById('tasks'); const tasksDiv = document.getElementById('tasks');
const startBtn = document.getElementById('startBtn'); const startBtn = document.getElementById('startBtn');
@ -241,3 +281,6 @@
</script> </script>
</body> </body>
</html> </html>
<!--
Developed by Willy from Self IT Deploy - License CC BY-NC-SA 4.0
-->