58 lines
2.1 KiB
HTML
58 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}Exercise Tracker{% endblock %}</title>
|
|
<style>
|
|
:root { color-scheme: light dark; }
|
|
body {
|
|
font-family: system-ui, sans-serif; max-width: 40rem; margin: 2rem auto; padding: 0 1rem;
|
|
color: #1a1a1a; background: #fafafa;
|
|
}
|
|
h1 { font-size: 1.5rem; }
|
|
nav { margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem; }
|
|
nav a { color: #4a5dff; text-decoration: none; font-weight: 600; }
|
|
nav a:hover { text-decoration: underline; }
|
|
nav form { margin: 0; }
|
|
nav button { background: none; border: none; color: #666; cursor: pointer; font-size: 0.9rem; padding: 0; }
|
|
|
|
.card {
|
|
background: #fff; border: 1px solid #e3e3e3; border-radius: 10px;
|
|
padding: 1rem 1.25rem; margin-bottom: 1.25rem;
|
|
}
|
|
.card h2 { margin: 0 0 0.75rem; font-size: 1.1rem; }
|
|
.stats { display: flex; gap: 1.75rem; margin-bottom: 1rem; }
|
|
.stats .num { display: block; font-size: 1.4rem; font-weight: 700; line-height: 1.2; }
|
|
.stats .label { display: block; font-size: 0.75rem; color: #777; }
|
|
.chart {
|
|
display: flex; align-items: flex-end; gap: 2px;
|
|
height: 70px; background: #f0f1f5; border-radius: 6px; padding: 6px;
|
|
}
|
|
.bar { flex: 1; min-height: 2px; background: #4a5dff; border-radius: 2px 2px 0 0; }
|
|
|
|
table { border-collapse: collapse; width: 100%; margin-bottom: 1.5rem; }
|
|
th, td { text-align: left; padding: 0.4rem 0.8rem 0.4rem 0; border-bottom: 1px solid #ddd; }
|
|
form { margin-bottom: 1.5rem; }
|
|
label { display: block; margin-bottom: 0.3rem; }
|
|
input, select {
|
|
font-size: 1rem; padding: 0.4rem; margin-bottom: 0.6rem;
|
|
border: 1px solid #ccc; border-radius: 6px;
|
|
}
|
|
button {
|
|
font-size: 1rem; padding: 0.45rem 0.9rem; margin-bottom: 0.6rem;
|
|
background: #4a5dff; color: #fff; border: none; border-radius: 6px; cursor: pointer;
|
|
}
|
|
button:hover { background: #3a4bdb; }
|
|
.error { color: #b00020; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<a href="/">Stats</a>
|
|
{% block nav_extra %}{% endblock %}
|
|
</nav>
|
|
{% block content %}{% endblock %}
|
|
</body>
|
|
</html>
|