Period day toggle, flow strength on calendar, end dates for past periods

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-18 09:32:29 +01:00
parent 94372c6abc
commit ce66b857db
6 changed files with 149 additions and 55 deletions

View file

@ -14,7 +14,7 @@
<link rel="manifest" href="/manifest.webmanifest" crossorigin="use-credentials">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/styles.css?v=1.0.0">
<link rel="stylesheet" href="/styles.css?v=1.1.0">
</head>
<body>
<header class="topbar">
@ -49,6 +49,7 @@
<li><span class="key key-predicted"></span>Predicted period</li>
<li><span class="key key-fertile"></span>Fertile window (estimate)</li>
<li><span class="key key-ovulation"></span>Estimated ovulation</li>
<li><span class="flow" aria-hidden="true"><i class="on"></i><i class="on"></i><i></i></span>Flow strength, logged or usual</li>
<li><span class="key key-spotting"></span>Spotting</li>
<li><span class="key key-symptoms"></span>Symptoms logged</li>
</ul>
@ -85,7 +86,7 @@
</div>
<div class="card">
<h2>Add past periods</h2>
<p class="subtitle">Enter when recent periods started. Days you already logged are left untouched.</p>
<p class="subtitle">Enter when recent periods started and ended. Days you already logged are left untouched.</p>
<form id="seed-form" class="seed-form"></form>
</div>
<div class="card">
@ -124,7 +125,7 @@
</form>
</dialog>
<script src="/cycle.js?v=1.0.0"></script>
<script src="/app.js?v=1.0.0"></script>
<script src="/cycle.js?v=1.1.0"></script>
<script src="/app.js?v=1.1.0"></script>
</body>
</html>