a
This commit is contained in:
@@ -1,67 +1,67 @@
|
|||||||
{% extends "base.html" %}
|
<!DOCTYPE html>
|
||||||
{% block content %}
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
{% if og_title %} <meta property="og:title" content="{{ og_title }}"> {% endif %}
|
||||||
|
{% if og_description %} <meta property="og:description" content="{{ og_description }}"> {% endif %}
|
||||||
|
{% if og_image %}
|
||||||
|
<meta property="og:image" content="{{ og_image }}">
|
||||||
|
<meta property="og:image:width" content="1200">
|
||||||
|
<meta property="og:image:height" content="630">
|
||||||
|
{% endif %}
|
||||||
|
<title>{{ title if title else "Portfolio" }}</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--bg-image: url('{{ url_for("static", filename="img/" ~ background) }}');
|
||||||
|
}
|
||||||
|
|
||||||
<div class="container py-4">
|
body {
|
||||||
|
background-image: var(--bg-image);
|
||||||
|
background-position: center top;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-color: #2c2c2c;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
<!-- Formulaire réduit avec sélection d'heure -->
|
<header>
|
||||||
<div class="card bg-dark bg-opacity-75 p-3 mb-4">
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
<form method="post" action="/submit" class="row g-2 align-items-center justify-content-start">
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="{{ url_for('mainpage') }}">BG Shutdown</a>
|
||||||
<!-- Champ texte -->
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<div class="col-md-4">
|
<span class="navbar-toggler-icon"></span>
|
||||||
<input
|
</button>
|
||||||
type="text"
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
name="query"
|
<ul class="navbar-nav ms-auto">
|
||||||
class="form-control bg-dark text-white"
|
<li class="nav-item">
|
||||||
placeholder="Enter text">
|
<a class="nav-link {% if title=='BG Shutdown' %}active{% endif %}" href="{{ url_for('mainpage') }}">Accueil</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Sélecteur d'heure -->
|
|
||||||
<div class="col-md-2">
|
|
||||||
<select name="time" class="form-select bg-dark text-white">
|
|
||||||
{% for hour in range(0, 24) %}
|
|
||||||
<option value="{{ '%02d:00'|format(hour) }}">{{ '%02d:00'|format(hour) }}</option>
|
|
||||||
<option value="{{ '%02d:30'|format(hour) }}">{{ '%02d:30'|format(hour) }}</option>
|
|
||||||
{% endfor %}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Bouton submit -->
|
|
||||||
<div class="col-auto">
|
|
||||||
<button type="submit" class="btn btn-secondary">
|
|
||||||
Submit
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tableau / Liste -->
|
|
||||||
<div class="card bg-dark bg-opacity-75 p-3">
|
|
||||||
<h5 class="text-white mb-3">Liste des éléments</h5>
|
|
||||||
<div class="table-items">
|
|
||||||
{% for item in items %}
|
|
||||||
<div class="d-flex justify-content-between align-items-center py-2">
|
|
||||||
<!-- Nom -->
|
|
||||||
<span class="text-white">{{ item.name }}</span>
|
|
||||||
|
|
||||||
<!-- Heure -->
|
|
||||||
<span class="text-white">{{ item.time }}</span>
|
|
||||||
|
|
||||||
<!-- Bouton supprimer -->
|
|
||||||
<form method="post" action="/delete" class="m-0 p-0">
|
|
||||||
<input type="hidden" name="item_name" value="{{ item.name }}">
|
|
||||||
<input type="hidden" name="item_time" value="{{ item.time }}">
|
|
||||||
<button type="submit" class="btn btn-sm btn-danger">×</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
{% if not loop.last %}
|
|
||||||
<hr class="border-secondary my-1">
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="container my-5">
|
||||||
|
{% block content %}{% endblock %}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="bg-dark text-center text-lg-start py-3 border-top">
|
||||||
|
<div class="container d-flex justify-content-center align-items-center">
|
||||||
|
<p class="mb-0 text-light">
|
||||||
|
Spirit
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</div>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
{% endblock %}
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user