gauvainboiche
34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"
|
|
integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
|
|
crossorigin="anonymous"></script>
|
|
<title>Document</title>
|
|
<style>
|
|
body { font-family: sans-serif; max-width: 700px; margin: 40px auto; padding: 0 20px; }
|
|
h2 { color: #333; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { padding: 10px 12px; border: 1px solid #ddd; text-align: left; }
|
|
th { background: #f5f5f5; }
|
|
tr.order--late { background: #fdf2f2; }
|
|
tr.order--light_delay { background: #fff8e1; }
|
|
tr.order--severe_delay { background: #fdf2f2; }
|
|
.badge { padding: 3px 8px; border-radius: 3px; font-size: 12px; }
|
|
.badge--warning { background: #f39c12; color: white; }
|
|
.badge--success { background: #27ae60; color: white; }
|
|
.badge--premium { background: #8e44ad; color: white; }
|
|
button { padding: 6px 12px; cursor: pointer; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>🍕 Livr'Express</h1>
|
|
</header>
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</body>
|
|
</html> |