104 lines
2.9 KiB
HTML
104 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>{% block title %}Start{% endblock %} - Muttermilch Tracker</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="description" content="Muttermilch Tracker" />
|
|
<link rel="stylesheet" type="text/css" href="static/simple.min.css" />
|
|
<link rel="icon" href="favicon.png">
|
|
<style>
|
|
<!-- CUSTOM STYLING BELOW -->
|
|
<!-- :root { -->
|
|
<!-- --bg: red; -->
|
|
<!-- --accent-bg: #2b2b2b; -->
|
|
<!-- --text: #dcdcdc; -->
|
|
<!-- --text-light: #ababab; -->
|
|
<!-- --accent: #ffb300; -->
|
|
<!-- --accent-hover: #ffe099; -->
|
|
<!-- --accent-text: var(--bg); -->
|
|
<!-- --code: #f06292; -->
|
|
<!-- --preformatted: #ccc; -->
|
|
<!-- --disabled: #111; -->
|
|
<!-- } -->
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
tr {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.summary-row {
|
|
background-color: var(--accent-text);
|
|
color: var(--accent);
|
|
}
|
|
.summary-row td {
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
.summary-row td:first-child
|
|
{
|
|
border-left: 1px solid var(--border);
|
|
}
|
|
.summary-row td:last-child
|
|
{
|
|
font-weight: bold;
|
|
border-right: 1px solid var(--border);
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<h1>Muttermilch Tracker</h1>
|
|
<a href="/">Start</a>
|
|
<!-- <a href="#">Export</a> -->
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th><img><svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="#212121"><path d="M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z"></svg></img> Datum</th>
|
|
<th>Linke Brust</th>
|
|
<th>Rechte Brust</th>
|
|
<th>Gesamt</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>19.08.2025 05:15</td>
|
|
<td>20 ml</td>
|
|
<td>30 ml</td>
|
|
<td>50 ml</td>
|
|
</tr>
|
|
<tr>
|
|
<td>19.08.2025 15:15</td>
|
|
<td>20 ml</td>
|
|
<td>30 ml</td>
|
|
<td>50 ml</td>
|
|
</tr>
|
|
<tr class="summary-row">
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>100 ml</td>
|
|
</tr>
|
|
<tr>
|
|
<td>18.08.2025 15:15</td>
|
|
<td>10 ml</td>
|
|
<td>20 ml</td>
|
|
<td>30 ml</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</main>
|
|
</body>
|
|
|
|
</html>
|