FluxInator / templates /base.html
Scalino84
Initial commit
1e7308f
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Flux Image Generator{% endblock %}</title>
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/style.css">
<style>
.custom-bg {
background-color: rgba(248, 249, 250, 0.8); /* Leicht abgehobenes Weiß mit 80% Deckkraft */
}
.nav-buttons {
width: 100%;
}
.nav-buttons .btn {
flex-grow: 1;
text-align: center;
}
.nav-buttons .btn + .btn {
margin-left: 0;
}
</style>
{% block head %}
<!-- Additional head elements can be added here -->
{% endblock %}
</head>
<body>
<div class="container">
<!-- Bannerbild -->
<div class="banner mb-3">
<img src="/static/banner.jpg" alt="Flux Image Generator Banner" class="img-fluid w-100">
</div>
<!-- Navigation Buttons -->
<div class="nav-buttons d-flex flex-wrap justify-content-between gap-2 mb-3">
<a href="/" class="btn btn-primary flex-fill text-center">Home</a>
<a href="/archive" class="btn btn-secondary flex-fill text-center">Archiv</a>
<a href="/backend" class="btn btn-secondary flex-fill text-center">Backend</a>
</div>
{% block content %}
<!-- Main content will be injected here -->
{% endblock %}
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
{% block scripts %}
<!-- Additional scripts can be added here -->
{% endblock %}
</body>
</html>