95 lines
4.1 KiB
HTML
95 lines
4.1 KiB
HTML
|
|
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}Uptime Stats{% endblock %}</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<style>
|
|
body {
|
|
background-color: #e9ecef; /* Hellerer Hintergrund für mehr Kontrast */
|
|
padding-bottom: 80px; /* Mehr Platz für den Footer */
|
|
}
|
|
.navbar {
|
|
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
|
|
}
|
|
.card {
|
|
border: 1px solid rgba(0,0,0,0.1);
|
|
border-top: 3px solid #0d6efd; /* Akzentfarbe oben */
|
|
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
|
|
}
|
|
|
|
/* Pulsierende Animationen für Status */
|
|
.status-badge.bg-success {
|
|
border-top-color: #198754;
|
|
animation: pulse-green 2s infinite;
|
|
}
|
|
.status-badge.bg-danger {
|
|
border-top-color: #dc3545;
|
|
animation: pulse-red 1.5s infinite;
|
|
}
|
|
@keyframes pulse-green {
|
|
0% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7); }
|
|
70% { box-shadow: 0 0 0 10px rgba(25, 135, 84, 0); }
|
|
100% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); }
|
|
}
|
|
@keyframes pulse-red {
|
|
0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
|
|
70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }
|
|
100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="{{ url_for('index') }}"><i class="bi bi-bar-chart-line-fill"></i> Uptime Stats</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
{% if current_user.is_authenticated %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('admin.index') }}"><i class="bi bi-shield-lock"></i> Admin</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('change_password') }}"><i class="bi bi-key"></i> Passwort ändern</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('logout') }}"><i class="bi bi-box-arrow-right"></i> Logout</a>
|
|
</li>
|
|
{% else %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('login') }}"><i class="bi bi-box-arrow-in-right"></i> Login</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="container">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<footer class="footer mt-auto py-3 bg-dark text-white fixed-bottom">
|
|
<div class="container d-flex justify-content-between align-items-center">
|
|
<span>Powered by <a href="https://rl-dev.de" target="_blank" class="text-light fw-bold">rl-dev.de</a></span>
|
|
<a href="https://git.rl-dev.de/Robin/Uptime-Stats" target="_blank" class="text-light fs-4">
|
|
<i class="bi bi-git"></i>
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|