{"id":1152,"date":"2025-12-02T01:23:41","date_gmt":"2025-12-02T01:23:41","guid":{"rendered":"https:\/\/yarima.org\/?page_id=1152"},"modified":"2025-12-02T01:23:56","modified_gmt":"2025-12-02T01:23:56","slug":"period-tracker","status":"publish","type":"page","link":"https:\/\/yarima.org\/?page_id=1152","title":{"rendered":"Period Tracker"},"content":{"rendered":"\n<!-- Yarima Wellness \u2014 Smart Cycle Tracker (Edit button + Progress Ring + auto-rollover) -->\n<style>\n:root{--yarima:#2d5e2a;--accent:#366f32;--muted:#667;--pink:#ff5aa5}\n.yw-smart{font-family:\"Open Sans\",system-ui,Arial,sans-serif;max-width:980px;margin:12px auto;padding:12px}\n.yw-center{display:flex;align-items:center;justify-content:center;margin-top:6px}\n.yw-single-btn{background:linear-gradient(180deg,var(--accent),var(--yarima));color:#fff;border:none;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,0.06);max-width:640px;width:100%;text-align:center}\n.yw-card{background:#fff;padding:14px;border-radius:12px;border-left:6px solid var(--accent);box-shadow:0 8px 24px rgba(0,0,0,0.06);display:flex;gap:12px;align-items:center;margin-top:14px}\n.yw-meta{flex:1}\n.yw-title{font-weight:700;color:#173f2a;margin:0 0 6px;font-size:16px}\n.yw-sub{font-size:13px;color:var(--muted);margin:0}\n.ring{width:98px;height:98px;position:relative;flex:0 0 98px}\n.ring svg{transform:rotate(-90deg);width:100%;height:100%}\n.ring-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#244c2a}\n.small-edit{display:flex;gap:8px;align-items:center;flex-direction:column}\n.small-edit button{background:#fff;border:1px solid #eee;padding:7px 10px;border-radius:8px;cursor:pointer;color:var(--yarima);font-weight:700}\n.warn{background:#fff8f3;border-left:6px solid #ffb6c6;padding:10px;border-radius:10px;color:#9a3a4a;margin-top:10px}\n.rose{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--pink);font-size:15px}\n.yw-small{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}\n.modal-back{position:fixed;inset:0;background:rgba(0,0,0,0.35);display:none;align-items:center;justify-content:center;z-index:9999}\n.modal{background:#fff;border-radius:12px;padding:14px;width:92%;max-width:420px;box-shadow:0 12px 30px rgba(0,0,0,0.14)}\n.form-row{display:flex;flex-direction:column;gap:8px;margin-top:8px}\n.form-row input{padding:10px;border-radius:8px;border:1px solid #eee;font-size:14px}\n.form-actions{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}\n.form-actions button{padding:10px 12px;border-radius:8px;border:none;cursor:pointer}\n.save-btn{background:var(--yarima);color:#fff;font-weight:700}\n.cancel-btn{background:#fff;border:1px solid #eee;color:var(--muted)}\n@media(max-width:560px){ .yw-card{flex-direction:row;gap:10px} .ring{width:84px;height:84px} }\n<\/style>\n\n<div id=\"ywSmartApp\" class=\"yw-smart\">\n  <div class=\"yw-center\">\n    <button id=\"ywMainBtn\" class=\"yw-single-btn\">\n      Track My Period (or Track My Event if you don\u2019t have a period)\n    <\/button>\n  <\/div>\n\n  <div id=\"ywCycleArea\"><\/div>\n\n  <div class=\"yw-small\">Data is stored locally on your device \u2014 it will remain after closing or reloading the app.<\/div>\n<\/div>\n\n<!-- Modal -->\n<div id=\"ywModal\" class=\"modal-back\" aria-hidden=\"true\">\n  <div class=\"modal\" role=\"dialog\" aria-modal=\"true\">\n    <div id=\"modalInner\"><\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Track My Period (or Track My Event if you don\u2019t have a period) Data is stored locally on your device \u2014 it will remain after closing or reloading the app.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yarima.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1152"}],"version-history":[{"count":1,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1152\/revisions"}],"predecessor-version":[{"id":1153,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1152\/revisions\/1153"}],"wp:attachment":[{"href":"https:\/\/yarima.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}