mirror of
https://github.com/RichieCahill/dotfiles.git
synced 2026-04-17 04:58:19 -04:00
43 lines
2.3 KiB
HTML
43 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}Van Inventory{% endblock %}</title>
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { font-family: system-ui, sans-serif; max-width: 900px; margin: 0 auto; padding: 1rem; background: #1a1a2e; color: #e0e0e0; }
|
|
h1, h2, h3 { margin-bottom: 0.5rem; color: #e94560; }
|
|
a { color: #e94560; text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
nav { display: flex; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid #333; margin-bottom: 1.5rem; }
|
|
nav a { font-weight: 600; font-size: 1.1rem; }
|
|
table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
|
|
th, td { text-align: left; padding: 0.5rem 0.75rem; border-bottom: 1px solid #333; }
|
|
th { color: #e94560; font-size: 0.85rem; text-transform: uppercase; }
|
|
form { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: end; margin: 1rem 0; }
|
|
input, select { padding: 0.4rem 0.6rem; border: 1px solid #444; border-radius: 4px; background: #16213e; color: #e0e0e0; }
|
|
input:focus, select:focus { outline: none; border-color: #e94560; }
|
|
button { padding: 0.4rem 1rem; border: none; border-radius: 4px; background: #e94560; color: white; cursor: pointer; font-weight: 600; }
|
|
button:hover { background: #c73651; }
|
|
button.danger { background: #666; }
|
|
button.danger:hover { background: #e94560; }
|
|
.badge { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 12px; font-size: 0.8rem; font-weight: 600; }
|
|
.badge.yes { background: #0f3460; color: #4ecca3; }
|
|
.badge.no { background: #3a0a0a; color: #e94560; }
|
|
.missing-list { font-size: 0.85rem; color: #aaa; }
|
|
label { font-size: 0.85rem; color: #aaa; display: flex; flex-direction: column; gap: 0.2rem; }
|
|
.flash { padding: 0.5rem 1rem; margin: 0.5rem 0; border-radius: 4px; background: #0f3460; color: #4ecca3; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<a href="/">Inventory</a>
|
|
<a href="/meals">Meals</a>
|
|
<a href="/availability">What Can I Make?</a>
|
|
</nav>
|
|
{% block content %}{% endblock %}
|
|
</body>
|
|
</html>
|