🎮ArcadeLab

Peptide Tracker & Calculator

by FrozenHawk72
25 lines6.6 KB
▶ Play
<!--ARCADELAB
title: Peptide Tracker & Calculator
description: A local-first GLP-1 and peptide record-keeping companion with dose logs, schedules, inventory, observations, and half-life visualization.
libraries:
emoji: \u{1f9ea}
color: blue
-->
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Peptide Tracker &amp; Calculator</title><style>
:root{--bg:#07111f;--panel:#10233a;--line:#2a4b6b;--ink:#edf5ff;--muted:#a7bdd5;--a:#6bd5c3;--b:#91baff;--w:#f2ca76}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#173e5c,#07111f 50%,#050a12);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:960px;margin:auto;padding:34px 18px 54px}.eyebrow{color:var(--a);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{font-size:clamp(34px,6vw,60px);line-height:1;letter-spacing:-.045em;margin:10px 0 15px}h2{font-size:21px;margin:0 0 7px}h3{font-size:14px;color:var(--b);margin:0 0 7px}p{color:var(--muted);margin:0 0 11px}.lede{font-size:18px;max-width:670px}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:end;margin-bottom:24px}.tag{display:inline-block;border:1px solid #2f6873;background:#0e2b3b;color:#bdece3;border-radius:999px;padding:5px 10px;font-size:12px}.panel{border:1px solid var(--line);border-radius:17px;padding:18px;background:linear-gradient(145deg,#122943eF,#0a1a2deF);box-shadow:0 17px 42px #0004}.hero .panel{border-color:#2b6c75}.row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:9px 0}.row:last-child{border:0}.label{color:var(--muted)}.value{font-weight:700;text-align:right}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:13px 0}.feature{min-height:145px}.icon{font-size:24px;margin-bottom:7px}.feature p{font-size:14px}.section{margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bar{height:9px;background:#183752;border-radius:30px;overflow:hidden;margin:16px 0 7px}.bar span{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--a),var(--b));border-radius:30px}.small{font-size:12px}.note{border-left:3px solid var(--w);background:#2c281c;padding:13px 15px;border-radius:7px}.note p{color:#ecd6a0;margin:0}.cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cta a{background:var(--a);color:#06221f;font-weight:800;text-decoration:none;border-radius:10px;padding:11px 15px}.cta a:hover{filter:brightness(1.1)}button{background:#173a5c;color:var(--ink);border:1px solid #3a6a93;border-radius:8px;padding:7px 10px;cursor:pointer}footer{color:var(--muted);font-size:13px;margin-top:25px} @media(max-width:700px){.hero,.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.grid{grid-template-columns:1fr}}
</style></head><body><main class="wrap">
<div class="eyebrow">iPhone companion \u00B7 record keeping \u00B7 calculation aid</div>
<section class="hero"><div><h1>Peptide Tracker &amp; Calculator</h1><p class="lede">A calm, local-first way to organize GLP-1 and peptide routine notes, schedules, inventory, and personal observations.</p><span class="tag">No sign-up for the basic local workflow</span></div><div class="panel"><h3>Today\u2019s record</h3><div class="row"><span class="label">Schedule</span><span class="value">Weekly \u00B7 phase 2</span></div><div class="row"><span class="label">Sites</span><span class="value">Rotation noted</span></div><div class="row"><span class="label">Inventory</span><span class="value">Vial \u00B7 3 entries</span></div></div></section>
<section class="grid">
<article class="panel feature"><div class="icon">\u{1f4dd}</div><h3>Dose log</h3><p>Record amount, unit, time, injection site, and notes in one history. Daily, weekly, or custom intervals keep it readable.</p></article>
<article class="panel feature"><div class="icon">\u{1f5d3}\uFE0F</div><h3>Schedules &amp; phases</h3><p>Group entries by schedule and titration phase so changes can be reviewed later with context.</p></article>
<article class="panel feature"><div class="icon">\u{1f4e6}</div><h3>Inventory view</h3><p>Track vials, pens, sprays, topicals, and oral products alongside the dates they were recorded.</p></article>
<article class="panel feature"><div class="icon">\u{1f504}</div><h3>Site rotation</h3><p>Note injection sites next to entries instead of relying on memory when reviewing a rotation.</p></article>
<article class="panel feature"><div class="icon">\u{1fa7a}</div><h3>Observations</h3><p>Keep side-effect notes and health markers near relevant entries for a clearer clinician conversation.</p></article>
<article class="panel feature"><div class="icon">\u{1f4c8}</div><h3>Review tools</h3><p>A peptide dose calculator and half-life visualizer help inspect your own records, units, and assumptions.</p></article>
</section>
<section class="panel section split"><div><h2>Half-life visualizer</h2><p>Illustrative curve based on an entered half-life assumption, not a treatment recommendation.</p><div class="bar"><span id="curve"></span></div><p class="small"><span id="half">48</span> h assumption \u00B7 relative amount only</p><button id="change">Try 24 h view</button></div><div><h2>Privacy-minded by design</h2><p>The basic record-keeping workflow is local-first and does not require a server account. Optional sync is available when data needs to move between devices.</p><div class="row"><span class="label">Purpose</span><span class="value">Organize records</span></div><div class="row"><span class="label">Not intended to</span><span class="value">Prescribe or diagnose</span></div></div></section>
<section class="panel section note"><p><strong>Important:</strong> This is a record-keeping and calculation aid, not medical advice. It does not select a peptide, recommend a dose, diagnose a condition, or replace directions from a qualified healthcare professional or pharmacist.</p></section>
<section class="panel section cta"><div><h2>Keep your routine notes together</h2><p>Explore the iPhone product and its GLP-1 tracking workflow.</p></div><a href="https://glp1.app/" target="_blank" rel="noopener">peptide app</a></section>
<footer>Peptide Tracker &amp; Calculator is designed for clearer personal records, not clinical decision-making. Use the tracker alongside care from a qualified professional.</footer>
</main><script>const b=document.getElementById('change'),h=document.getElementById('half'),c=document.getElementById('curve');b.onclick=()=>{const x=h.textContent==='48';h.textContent=x?'24':'48';c.style.width=x?'38%':'64%';b.textContent=x?'Back to 48 h view':'Try 24 h view'};</script></body></html>

Game Source: Peptide Tracker & Calculator

Creator: FrozenHawk72

Libraries: none

Complexity: simple (25 lines, 6.6 KB)

The full source code is displayed above on this page.

Remix Instructions

To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: peptide-tracker-calculator-frozenhawk72" to link back to the original. Then publish at arcadelab.ai/publish.