148 lines
4.3 KiB
HTML
148 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>🌐 monitor2 – Surveillance d'URL</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<style>
|
||
body {
|
||
background: linear-gradient(135deg, #e0e7ff 0%, #f1f5f9 100%);
|
||
font-family: 'Segoe UI', 'Arial', sans-serif;
|
||
color: #22223b;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
header {
|
||
background: #4f46e5;
|
||
color: #fff;
|
||
padding: 2rem 1rem 1rem 1rem;
|
||
text-align: center;
|
||
border-bottom-left-radius: 2rem;
|
||
border-bottom-right-radius: 2rem;
|
||
box-shadow: 0 4px 16px rgba(79, 70, 229, 0.15);
|
||
}
|
||
header h1 {
|
||
font-size: 2.5rem;
|
||
margin: 0;
|
||
letter-spacing: 2px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 0.5em;
|
||
}
|
||
header p {
|
||
margin: 0.5em 0 0 0;
|
||
font-size: 1.2rem;
|
||
opacity: 0.95;
|
||
}
|
||
main {
|
||
max-width: 700px;
|
||
margin: 2rem auto;
|
||
background: #fff;
|
||
border-radius: 1.5rem;
|
||
box-shadow: 0 2px 12px rgba(79, 70, 229, 0.08);
|
||
padding: 2rem 1.5rem;
|
||
}
|
||
h2 {
|
||
color: #4f46e5;
|
||
margin-top: 1.5em;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 0.5em;
|
||
font-size: 1.5rem;
|
||
}
|
||
ul {
|
||
margin: 1em 0;
|
||
padding-left: 1.5em;
|
||
}
|
||
li {
|
||
margin-bottom: 0.7em;
|
||
font-size: 1.08rem;
|
||
}
|
||
.links {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 1em;
|
||
margin: 2em 0 1em 0;
|
||
justify-content: center;
|
||
}
|
||
.links a {
|
||
display: inline-block;
|
||
background: #4f46e5;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
padding: 0.7em 1.3em;
|
||
border-radius: 2em;
|
||
font-weight: 600;
|
||
font-size: 1.08rem;
|
||
transition: background 0.2s, transform 0.2s;
|
||
box-shadow: 0 2px 8px rgba(79, 70, 229, 0.07);
|
||
}
|
||
.links a:hover {
|
||
background: #6366f1;
|
||
transform: translateY(-2px) scale(1.03);
|
||
}
|
||
.url-list {
|
||
margin-top: 1em;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0.5em;
|
||
}
|
||
.url-item {
|
||
background: #e0e7ff;
|
||
border-radius: 0.7em;
|
||
padding: 0.5em 1em;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 0.7em;
|
||
font-size: 1rem;
|
||
}
|
||
.url-status {
|
||
font-size: 1.2em;
|
||
font-weight: bold;
|
||
}
|
||
footer {
|
||
text-align: center;
|
||
margin: 2em 0 1em 0;
|
||
color: #888;
|
||
font-size: 0.98em;
|
||
opacity: 0.8;
|
||
}
|
||
@media (max-width: 600px) {
|
||
main { padding: 1em 0.5em; }
|
||
header h1 { font-size: 2rem; }
|
||
h2 { font-size: 1.2rem; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>🌐 monitor2 <span>🔎</span></h1>
|
||
<p>Surveillez la disponibilité de vos URL favorites, simplement et efficacement ! 🚦</p>
|
||
</header>
|
||
<main>
|
||
<section>
|
||
<h2>✨ À propos du projet</h2>
|
||
<ul>
|
||
<li>🕒 Vérifie automatiquement la disponibilité de vos URL toutes les heures.</li>
|
||
<li>📱 Fonctionne directement sur votre téléphone, sans serveur externe.</li>
|
||
<li>📝 Enregistre des <strong>logs</strong> localement pour chaque vérification.</li>
|
||
<li>🔒 Respecte votre vie privée : aucune donnée transmise en dehors de votre appareil.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🔗 Ressources du projet</h2>
|
||
<div class="links">
|
||
<a href="https://gitea.bymycode.com/supercodeur/monitor2" target="_blank">💻 Code source</a>
|
||
<a href="https://gitea.bymycode.com/supercodeur/monitor2/wiki" target="_blank">📚 Wiki</a>
|
||
<a href="https://ididit.bymycode.com/supercodeur/monitor2/releases" target="_blank">⬇️ Builds & Releases</a>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer>
|
||
Fait avec ❤️ par <strong>SuperCodeur</strong> | Projet open-source – 2025
|
||
</footer>
|
||
</body>
|
||
</html>
|