supercodeur 6f597ae889
All checks were successful
continuous-integration/drone Build is passing
Let's start
2025-05-24 20:12:35 +02:00

148 lines
4.3 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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> &nbsp;|&nbsp; Projet open-source 2025
</footer>
</body>
</html>