LFTD

\n weight tracker\n

\n Phase\n \n

\n\n

Log

Maxes

Manage

\n\n \n

Log a new weight

\n Exercise\n

\n \n \n ✕\n \n \n

\n \n \n change\n

\n \n Last: —\n tap to fill\n

\n Weight\n \n

\n \n

\n \n \n

\n \n\n \n

Current maxes

Tap to log a new weight

\n\n \n

Add exercise

\n Name\n

\n \n \n +\n \n

Add phase

\n Phase number or name\n \n

\n \n

\n\n

\n\n \n \n","label",[18],"pulls","branches",1,"forks","envVars",{"_181":183,"_184":26},"connections",{"_181":26,"_182":26},"count","unfilledCount",2,"emptyCount",{"_35":164,"_13":18,"_64":65,"_45":-5,"_37":38,"_165":89,"_166":159,"_39":206,"_41":168,"_67":21,"_169":170,"_69":24,"_171":-5,"_194":207,"_17":208},{"_35":197,"_13":198,"_64":199,"_45":-5,"_37":38,"_165":128,"_166":159,"_39":200,"_41":201,"_67":202,"_169":203,"_69":24,"_171":14,"_194":204,"_17":205},{"_35":188,"_13":189,"_64":190,"_45":-5,"_37":38,"_165":191,"_166":159,"_39":192,"_41":168,"_67":21,"_169":193,"_69":24,"_171":-5,"_194":195,"_17":196},"961a96e2-4160-11f1-a62d-42b51c65c3df","styles.css","7ed76528-4160-11f1-a20d-42b51c65c3df",5,["D",1777201851603],"@import url(\"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&display=swap\");\n\n:root {\n --bg: #0a0a0a;\n --surface: #111111;\n --border: #222222;\n --accent: #e8ff47;\n --accent-dim: rgba(232, 255, 71, 0.08);\n --accent-glow: rgba(232, 255, 71, 0.35);\n --text: #f0f0f0;\n --muted: #555555;\n --danger: #ff4757;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n -webkit-tap-highlight-color: transparent;\n}\n\nhtml {\n width: 100%;\n min-height: 100%;\n -webkit-text-size-adjust: 100%;\n}\nhtml, body {\n width: 100%;\n}\n\nbody {\n font-size: 16px;\n background: var(--bg);\n color: var(--text);\n font-family: \"DM Mono\", monospace;\n min-height: 100vh;\n min-height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 20px 48px;\n overflow-x: hidden;\n}\n\n/* ---- HEADER ---- */\nheader {\n width: 100%;\n max-width: 420px;\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n margin-bottom: 28px;\n}\n\n.header-left {\n display: flex;\n align-items: baseline;\n gap: 10px;\n}\n\nh1 {\n font-family: \"Bebas Neue\", sans-serif;\n font-size: 3rem;\n letter-spacing: 0.12em;\n color: var(--accent);\n line-height: 1;\n}\n\n.tagline {\n font-size: 0.62rem;\n color: var(--muted);\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n\n.phase-pill {\n display: flex;\n align-items: center;\n gap: 6px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 6px 10px;\n align-self: center;\n}\n\n.phase-pill label {\n font-size: 0.6rem;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n color: var(--muted);\n white-space: nowrap;\n}\n\n.phase-pill select {\n background: transparent;\n border: none;\n color: var(--accent);\n font-family: \"Bebas Neue\", sans-serif;\n font-size: 1.1rem;\n letter-spacing: 0.08em;\n outline: none;\n cursor: pointer;\n -webkit-appearance: none;\n padding-right: 2px;\n}\n\n.phase-pill select option {\n background: var(--surface);\n color: var(--text);\n}\n\n/* ---- TABS ---- */\n.tabs {\n display: flex;\n gap: 2px;\n width: 100%;\n max-width: 420px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 3px;\n margin-bottom: 20px;\n}\n\n.tab {\n flex: 1;\n padding: 9px 6px;\n text-align: center;\n border-radius: 8px;\n cursor: pointer;\n font-family: \"Bebas Neue\", sans-serif;\n font-size: 1rem;\n letter-spacing: 0.1em;\n color: var(--muted);\n transition: color 0.15s, background 0.15s;\n user-select: none;\n}\n\n.tab.active {\n background: var(--accent);\n color: var(--bg);\n}\n.tab-content {\n display: none;\n width: 100%;\n max-width: 420px;\n}\n.tab-content.active {\n display: block;\n}\n\n/* ---- PANEL ---- */\n.panel {\n width: 100%;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 20px;\n margin-bottom: 16px;\n}\n\n.panel-label {\n font-size: 0.62rem;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n color: var(--muted);\n margin-bottom: 18px;\n}\n\n/* ---- FIELDS ---- */\n.field {\n margin-bottom: 16px;\n}\n.field:last-child {\n margin-bottom: 0;\n}\n.field-label {\n display: block;\n font-size: 0.62rem;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n color: var(--muted);\n margin-bottom: 8px;\n}\n\ninput.field-input {\n width: 100%;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 10px;\n color: var(--text);\n font-family: \"DM Mono\", monospace;\n font-size: 1rem;\n padding: 12px 14px;\n outline: none;\n -webkit-appearance: none;\n transition: border-color 0.15s;\n}\n\ninput.field-input:focus {\n border-color: var(--accent);\n}\n\n/* ---- FUZZY SEARCH ---- */\n.exercise-search-wrap {\n position: relative;\n}\n.exercise-search-wrap input.field-input {\n padding-right: 36px;\n}\n\n.search-clear {\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--muted);\n font-size: 1rem;\n cursor: pointer;\n display: none;\n background: none;\n border: none;\n padding: 0;\n}\n.search-clear.visible {\n display: block;\n}\n\n.exercise-dropdown {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 10px;\n z-index: 50;\n max-height: 220px;\n overflow-y: auto;\n display: none;\n}\n.exercise-dropdown.open {\n display: block;\n}\n\n.ex-option {\n padding: 11px 14px;\n font-size: 0.88rem;\n cursor: pointer;\n border-bottom: 1px solid var(--border);\n transition: background 0.1s;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n overflow: hidden;\n}\n.ex-option:last-child {\n border-bottom: none;\n}\n.ex-option:hover, .ex-option.highlighted {\n background: var(--accent-dim);\n color: var(--accent);\n}\n.ex-option-text {\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n min-width: 0;\n white-space: nowrap;\n}\n.match-highlight {\n color: var(--accent);\n display: inline;\n white-space: pre;\n}\n.ex-opt-weight {\n font-family: \"Bebas Neue\", sans-serif;\n font-size: 1.1rem;\n color: var(--accent);\n opacity: 0.6;\n letter-spacing: 0.06em;\n flex-shrink: 0;\n margin-left: 10px;\n}\n.ex-option.highlighted .ex-opt-weight {\n opacity: 1;\n}\n.ex-option-empty {\n padding: 14px;\n font-size: 0.75rem;\n color: var(--muted);\n text-align: center;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n/* ---- SELECTED EXERCISE CHIP ---- */\n.selected-exercise {\n display: none;\n align-items: center;\n justify-content: space-between;\n background: var(--accent-dim);\n border: 1px solid var(--accent);\n border-radius: 10px;\n padding: 11px 14px;\n margin-bottom: 16px;\n cursor: pointer;\n}\n.selected-exercise.visible {\n display: flex;\n}\n.sel-ex-name {\n font-size: 0.88rem;\n color: var(--accent);\n}\n.sel-ex-change {\n font-size: 0.62rem;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--muted);\n}\n\n/* ---- WEIGHT HINT ---- */\n.weight-hint {\n font-size: 0.7rem;\n color: var(--accent);\n margin-top: -10px;\n margin-bottom: 14px;\n cursor: pointer;\n letter-spacing: 0.04em;\n}\n.weight-hint span {\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n\n/* ---- BUTTONS ---- */\n.btn-row {\n display: flex;\n gap: 10px;\n width: 100%;\n max-width: 420px;\n margin-top: 4px;\n}\n\n.btn-row button {\n flex: 1;\n height: 54px;\n border-radius: 12px;\n font-family: \"Bebas Neue\", sans-serif;\n font-size: 1.3rem;\n letter-spacing: 0.12em;\n cursor: pointer;\n touch-action: manipulation;\n transition: transform 0.1s, opacity 0.2s;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.btn-row button:active:not(:disabled) {\n transform: scale(0.96);\n}\n.btn-primary {\n background: var(--accent);\n color: var(--bg);\n}\n.btn-primary:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n transform: none !important;\n}\n.btn-ghost {\n background: transparent;\n border: 1px solid var(--border) !important;\n color: var(--muted);\n}\n.btn-ghost:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n transform: none !important;\n}\n.btn-ghost:active:not(:disabled) {\n border-color: var(--accent) !important;\n color: var(--accent);\n}\n\n.btn-spinner {\n display: none;\n width: 16px;\n height: 16px;\n border: 2px solid rgba(0, 0, 0, 0.25);\n border-top-color: var(--bg);\n border-radius: 50%;\n animation: spin 0.6s linear infinite;\n flex-shrink: 0;\n}\n.btn-ghost .btn-spinner {\n border-color: rgba(255, 255, 255, 0.1);\n border-top-color: var(--muted);\n}\nbutton.loading .btn-spinner {\n display: block;\n}\nbutton.loading .btn-label {\n opacity: 0.6;\n}\n\n.input-add-row {\n display: flex;\n gap: 8px;\n}\n.input-add-row .field-input {\n flex: 1;\n}\n\n.btn-nudge {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n border: 1px solid var(--border);\n border-radius: 8px;\n background: transparent;\n color: var(--text);\n font-size: 1.4rem;\n cursor: pointer;\n touch-action: manipulation;\n transition: border-color 0.15s, color 0.15s, transform 0.1s;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: \"DM Mono\", monospace;\n}\n.btn-nudge:hover {\n border-color: var(--accent);\n color: var(--accent);\n}\n.btn-nudge:active {\n transform: scale(0.9);\n}\n.btn-nudge:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none !important;\n}\n\n/* ---- EXERCISE CARDS ---- */\n.exercise-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.exercise-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 14px 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n transition: border-color 0.15s, background 0.15s;\n}\n.exercise-card:hover, .exercise-card:active {\n border-color: var(--accent);\n background: var(--accent-dim);\n}\n.ex-name {\n font-size: 0.88rem;\n color: var(--text);\n letter-spacing: 0.02em;\n}\n.ex-date {\n font-size: 0.62rem;\n color: var(--muted);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-top: 3px;\n}\n.ex-weight {\n font-family: \"Bebas Neue\", sans-serif;\n font-size: 1.6rem;\n color: var(--accent);\n letter-spacing: 0.06em;\n line-height: 1;\n}\n\n.tap-hint {\n font-size: 0.62rem;\n color: var(--muted);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 14px;\n}\n\n/* ---- LOADING / EMPTY ---- */\n.loading {\n text-align: center;\n padding: 40px 0;\n color: var(--muted);\n font-size: 0.75rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n.spinner {\n display: inline-block;\n width: 22px;\n height: 22px;\n border: 2px solid var(--border);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n margin-bottom: 10px;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.empty-state {\n text-align: center;\n padding: 32px 0;\n color: var(--muted);\n font-size: 0.72rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n/* ---- TOAST ---- */\n.toast {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%) translateY(80px);\n background: var(--surface);\n border: 1px solid var(--accent);\n color: var(--accent);\n padding: 11px 22px;\n border-radius: 8px;\n font-family: \"DM Mono\", monospace;\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n z-index: 100;\n transition: transform 0.25s ease;\n white-space: nowrap;\n max-width: 90vw;\n text-align: center;\n box-shadow: 0 0 24px var(--accent-glow);\n}\n.toast.error {\n border-color: var(--danger);\n color: var(--danger);\n box-shadow: none;\n}\n.toast.show {\n transform: translateX(-50%) translateY(0);\n}","children",[],[189],"06e34ddc-4162-11f1-971e-42b51c65c3df","main.ts","9dad9ab4-415e-11f1-8145-42b51c65c3df",["D",1777202470320],4,"http","// main.ts\n// Val Town HTTP val — entry point.\n// Serves index.html and styles.css as static files.\n// Proxies /api/* calls to Google Apps Script server-side.\n//\n// Required environment variables (Val Town → Settings → Environment Variables):\n// GAS_URL → your Google Apps Script web app deployment URL\n// GAS_SECRET → shared secret, must match GAS Script Properties → GAS_SECRET\n\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// ---------- GAS PROXY ----------\n\nasync function callGas(\n action: string,\n params: Record = {},\n): Promise {\n const gasUrl = Deno.env.get(\"GAS_URL\");\n const secret = Deno.env.get(\"GAS_SECRET\");\n if (!gasUrl) throw new Error(\"GAS_URL env var not set\");\n\n const url = new URL(gasUrl);\n url.searchParams.set(\"action\", action);\n if (secret) url.searchParams.set(\"secret\", secret);\n for (const [k, v] of Object.entries(params)) {\n url.searchParams.set(k, v);\n }\n\n const res = await fetch(url.toString(), { redirect: \"follow\" });\n if (!res.ok) throw new Error(`GAS responded with ${res.status}`);\n return res.json();\n}\n\nfunction jsonError(msg: string, status = 500): Response {\n return new Response(JSON.stringify({ success: false, error: msg }), {\n status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\n\nfunction jsonOk(data: unknown): Response {\n return new Response(JSON.stringify(data), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\n\n// ---------- ROUTER ----------\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // Static files\n if (path === \"/\" || path === \"/index.html\") {\n return serveFile(\"/index.html\", import.meta.url);\n }\n if (path === \"/styles.css\") {\n return serveFile(\"/styles.css\", import.meta.url);\n }\n\n // API routes — all proxied to GAS server-side\n if (path.startsWith(\"/api/\")) {\n const action = path.slice(5); // strip /api/\n try {\n let result: unknown;\n if (req.method === \"GET\") {\n const phase = url.searchParams.get(\"phase\") ?? \"\";\n result = await callGas(action, phase ? { phase } : {});\n } else if (req.method === \"POST\") {\n const body = await req.json();\n const params: Record = {};\n for (const [k, v] of Object.entries(body)) {\n params[k] = String(v);\n }\n result = await callGas(action, params);\n } else {\n return jsonError(\"Method not allowed\", 405);\n }\n return jsonOk(result);\n } catch (e) {\n return jsonError(String(e));\n }\n }\n\n return new Response(\"Not found\", { status: 404 });\n}",[],[198],["D",1777201887715],[],[18],["D",1777201005310],{"_11":12,"_141":72},{"_11":12,"_137":-5,"_71":72,"_30":70,"_138":139,"_140":24},{"_41":128,"_13":16,"_35":38,"_129":95,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_161":246,"_247":248,"_249":250,"_251":24,"_252":24,"_253":24,"_254":159,"_255":-5,"_256":-7,"_257":-7,"_258":26,"_259":24,"_260":24,"_261":-5,"_262":24,"_263":24,"_264":24,"_265":-5},"ENV",{"_217":218,"_219":220,"_221":16,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html