35 lines
1.8 KiB
HTML
35 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
<title>{% block title %}PlantDB{% endblock %}</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
|
<script src="https://unpkg.com/htmx.org@1.9.12" defer></script>
|
|
<style>
|
|
body { padding-bottom: 1rem; }
|
|
.plant-hero { width: 100%; height: 220px; object-fit: cover; }
|
|
.plant-hero-placeholder { width: 100%; height: 220px; background: #d8f3dc; display: flex; align-items: center; justify-content: center; color: #52b788; font-size: 3rem; }
|
|
.care-chip { display: inline-block; padding: .2rem .55rem; border-radius: 1rem; font-size: .8rem; margin: .15rem; }
|
|
.pruning-strip { border-left: 4px solid #ffc107; background: #fff9c4; padding: .5rem .75rem; border-radius: 0 .375rem .375rem 0; }
|
|
.pruning-strip.overdue { border-color: #dc3545; background: #fff5f5; }
|
|
.month-checkboxes .form-check { display: inline-flex; margin-right: .5rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-dark px-3" style="background-color: #2d6a4f;">
|
|
<a class="navbar-brand fw-bold" href="{% url 'dashboard' %}">🌿 PlantDB</a>
|
|
<div class="d-flex gap-2">
|
|
<a href="{% url 'plant_list' %}" class="btn btn-sm btn-outline-light">Plants</a>
|
|
<a href="{% url 'pruning_calendar' %}" class="btn btn-sm btn-outline-light">✂️</a>
|
|
<a href="{% url 'plant_add' %}" class="btn btn-sm btn-light fw-bold">+</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid px-3 pt-3">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|