Insights Last 5

Sessions with notes

Every session noted — trends are sharp

5 streak

{[ { l: 'Hands', v: '74' }, { l: 'Noted', v: '18' }, { l: 'bb/hr', v: '+8.2' }, ].map((m, i) => (

{m.l} {m.v}

))}

Recent hands 5 noted

PosHand · Board Result

{[ { emoji: '✅', pos: 'BTN', hero: [['A','♠','#2C2A26'],['K','♦','#6B9FE8']], board: [['K','♦','#6B9FE8'],['7','♠','#2C2A26'],['2','♥','#E87566'],['4','♣','#8AA67A'],['A','♥','#E87566']], net: '+30,000', fresh: true }, { emoji: '🧊', pos: 'BB', hero: [['Q','♠','#2C2A26'],['Q','♣','#8AA67A']], board: [['K','♦','#6B9FE8'],['8','♥','#E87566'],['4','♣','#8AA67A']], net: '-8,400', fresh: false }, { emoji: '🔑', pos: 'CO', hero: [['T','♥','#E87566'],['9','♥','#E87566']], board: [['J','♥','#E87566'],['8','♣','#8AA67A'],['3','♦','#6B9FE8']], net: '+4,200', fresh: false }, ].map((h, i) => (

{h.emoji} {h.pos}

{h.hero.map(([r,s,c], k) => ( {r}{tx(s)} ))} · {h.board.map(([r,s,c], k) => ( {r}{tx(s)} ))}

{h.net}

))}

Patterns discovered 2/3

{[ { c: '#3D9B5F', t: 'Best plays', m: 'Your best plays happen in SRP pots — especially from CO', d: 600 }, { c: '#C74B42', t: 'Mistake cluster', m: 'Mistakes cluster in 3-bet pots from the BB', d: 700 }, ].map((p, i) => (

{p.t}

{p.m}

))}

); } /* ─── Primitive helpers ─────────────────────────────────────────────────── */ function ProgressRing({ current, goal, active }) { const size = 66, stroke = 4; const r = (size - stroke * 2) / 2; const circ = 2 * Math.PI * r; const pct = Math.min(current / goal, 1); const offset = active ? circ * (1 - pct) : circ; return (

{current} / {goal}

); } function SmallCard({ rank, suit }) { const color = suit === '♥' ? '#E87566' : suit === '♦' ? '#6B9FE8' : suit === '♣' ? '#8AA67A' : '#2C2A26'; return (

{rank} {tx(suit)}

); } function MiniRing({ label }) { const size = 26, stroke = 2; const r = (size - stroke) / 2; const circ = 2 * Math.PI * r; return (

{label}

); } /* ─── Features section ─────────────────────────────────────────────────── */ function Features({ id }) { const items = [ { k: 'Log', t: 'Jot hands in plain English', d: 'Type chip stacks, hole cards, the line. Fast as texting — no forms to fill.', code: [ { pos: 'BTN', cards: ['A♠','K♦'], amt: '+420' }, { pos: 'BB', cards: ['Q♥','Q♣'], amt: '−180' }, ], }, { k: 'Tag', t: 'A vocabulary for mistakes', d: 'Tag hands as #Mistake, #Cooler, #Tilt, #Unsure. The tags become a feed.', tags: ['#Goodplay', '#Mistake', '#Cooler', '#Tilt', '#Unsure', '#Keypot'], }, { k: 'Replay', t: 'Session review, not a solver', d: 'Filter by tag, position, stakes. Walk through every hand you flagged.', pill: true, }, { k: 'Leaks', t: 'Patterns you miss at the table', d: 'Recurring tags become leaks. The journal shows what your memory forgot.', leak: true, }, ]; return (

The method

Four moves. Fast enough to fit between hands — honest enough to show you yourself.

{items.map((it, i) => (

0{i+1}

{it.k}

{it.t}

{it.d}

{it.code && (

{it.code.map((r, j) => (

{r.pos} {tx(r.cards.join(' '))} {r.amt}

))}

)} {it.tags && (

{it.tags.map(t => ( {t} ))}

)} {it.pill && (

{['Tag: Mistake', 'Pos: BB', '2/5 NL', 'Last 7 days'].map(p => ( {p} ))}

)} {it.leak && (

Flatting from SB 12 hands

Tagged #Mistake across last 4 sessions.

)}

))}

); } /* ─── Demo strip (hand-logger auto-cycle) ───────────────────────────────── */ function DemoStrip() { return (

The loop

One session. Every hand moves the line.

Type the hand like you'd text a buddy. Seal the note, watch the replay, and your stack line updates on the same session chart — no second tool, no end-of-night reconciliation.

{[ ['01', 'Type the hand', 'BTN vs BB 3-bet pot. AK. Jam river. +12K.'], ['02', 'Seal with ---', 'Parses into a reviewable hand.'], ['03', 'Watch the replay', 'See the decision back before the next deal.'], ['04', 'Stack line moves', 'Session chart catches every sealed hand.'], ].map(([n, t, d]) => (

{n}

{t}

{d}

))}

); } function HandLoggerDemo() { const PHASES = { BLANK: 0, TYPING: 1, TAGGING: 2, SEALING: 3, SEALED: 4, REPLAY: 5, STACK_UPDATE: 6 }; const [phase, setPhase] = useState(PHASES.BLANK); const [typed, setTyped] = useState(0); const [tagsShown, setTagsShown] = useState(0); const noteText = "L11, 30K stack.\n" + "BTN vs BB 3-bet pot, AK.\n" + "Flop Kd 7s 2h — bet 1/3.\n" + "Turn 4c — check/check.\n" + "River Ah — he bets,\n" + "I jam. Snap, AQo. +12K.\n" + "---"; const tags = ['Keypot', 'Goodplay']; useEffect(() => { let cancelled = false; const wait = (ms) => new Promise(r => setTimeout(r, ms)); const run = async () => { while (!cancelled) { setPhase(PHASES.BLANK); setTyped(0); setTagsShown(0); await wait(1300); if (cancelled) return; setPhase(PHASES.TYPING); for (let i = 0; i <= noteText.length; i += 2) { if (cancelled) return; setTyped(i); await wait(24); } await wait(450); if (cancelled) return; setPhase(PHASES.TAGGING); for (let i = 1; i <= tags.length; i++) { if (cancelled) return; setTagsShown(i); await wait(520); } await wait(650); if (cancelled) return; setPhase(PHASES.SEALING); await wait(1250); if (cancelled) return; setPhase(PHASES.SEALED); await wait(1500); if (cancelled) return; setPhase(PHASES.REPLAY); await wait(4600); if (cancelled) return; setPhase(PHASES.STACK_UPDATE); await wait(3800); } }; run(); return () => { cancelled = true; }; }, []); const visibleText = noteText.slice(0, typed); const preSeal = phase < PHASES.SEALED; const isReplay = phase === PHASES.REPLAY; const stackUpdated = phase === PHASES.STACK_UPDATE; return (

9:41●●●● ▪▪

{stackUpdated ? 'Session · L11 · Stack' : isReplay ? 'Replay · #75' : phase === PHASES.SEALED ? 'Hand sealed · #75' : 'New note · #75'}

Wynn · $20K GTD

{isReplay && } {preSeal && ( <> {phase === PHASES.BLANK && ( Jot the hand… type --- to seal it )} {phase >= PHASES.TYPING && (() => { const dashMatch = visibleText.match(/\n(-+)\s*$/); const showDivider = !!dashMatch && phase >= PHASES.SEALING; const textBeforeSeal = showDivider ? visibleText.substring(0, dashMatch.index) : visibleText; return ( <>

{textBeforeSeal} {phase === PHASES.TYPING && !showDivider && ( )} {/* Parsing overlay scoped to the sealed text section only */} {phase === PHASES.SEALING && ( <> {/* Seal divider — literal --- becomes a simple line during parsing */} {showDivider && (

)} ); })()} {phase >= PHASES.TAGGING && (

{tags.slice(0, tagsShown).map(t => ( #{t} ))}

)} )} {stackUpdated && } {phase === PHASES.SEALED && (

Parsed hand · #75 ✓ sealed

BTN

+12K

PREOpen 15 · 3-bet 55 · Call FLOP{tx('K♦ 7♠ 2♥ · Bet 1/3')} TURN{tx('4♣ · Check / Check')} RIVER{tx('A♥ · Bet 1/2 · Jam · Call')}

{tags.map(t => ( #{t} ))}

)}

= PHASES.TYPING ? '#E8642C' : 'rgba(232,100,44,0.18)', color: stackUpdated ? '#2C2A26' : isReplay ? '#E8642C' : phase === PHASES.SEALED ? '#2C2A26' : phase >= PHASES.TYPING && phase < PHASES.SEALING ? '#FAF8F5' : '#E8642C', fontFamily: 'DM Sans, sans-serif', fontSize: 14, fontWeight: 700, textAlign: 'center', letterSpacing: '-0.01em', transition: 'all 300ms', }}> {stackUpdated ? '● Stack line updated — 42K' : isReplay ? '▶ Replaying hand #75' : phase === PHASES.SEALED ? '✓ Saved — hand #75' : phase === PHASES.SEALING ? 'Sealing…' : phase === PHASES.BLANK ? 'Start the hand' : 'Type --- to seal'}

); } /* ─── Chip-stack card — post-replay chart, Livetell tournament design ──── */ function ChipStackCard() { // Session data points: time-fraction (0..1) and stack (K). // stepAfter line — value holds until next point, then jumps. const points = [ { t: 0.00, v: 30, label: '2:15p' }, { t: 0.22, v: 28, label: '2:48p' }, { t: 0.42, v: 26, label: '3:21p' }, { t: 0.62, v: 30, label: '3:54p' }, { t: 0.80, v: 30, label: '4:22p' }, { t: 0.94, v: 42, label: '4:45p' }, ]; const [showBB, setShowBB] = useState(false); const bigBlind = 1.2; // 1.2K BB const display = (v) => showBB ? `${Math.round(v / bigBlind)}bb` : `${v}K`; const W = 280, H = 188; const padL = 30, padR = 10, padT = 10, padB = 22; const minV = 20, maxV = 50; const plot = points.map(p => ({ ...p, x: padL + p.t * (W - padL - padR), y: padT + (1 - (p.v - minV) / (maxV - minV)) * (H - padT - padB), })); let pathD = ''; let pathLen = 0; plot.forEach((p, i) => { if (i === 0) { pathD = `M ${p.x.toFixed(1)} ${p.y.toFixed(1)}`; return; } const prev = plot[i - 1]; const dxRun = Math.abs(p.x - prev.x); const dyJump = Math.abs(p.y - prev.y); pathLen += dxRun + dyJump; pathD += ` L ${p.x.toFixed(1)} ${prev.y.toFixed(1)} L ${p.x.toFixed(1)} ${p.y.toFixed(1)}`; }); const drawLen = Math.ceil(pathLen) + 4; const yTicks = showBB ? [20, 30, 40, 50] : [20, 30, 40, 50]; const xTicksIdx = [0, 2, 4, 5]; const last = plot[plot.length - 1]; return (

Chip Stack

Hand #75 · BTN

4:45p · River jam

+12K

); } /* ─── Tribe section (who it's for) ──────────────────────────────────────── */ function TribeSection() { return (

Who it's for

For the player who refuses to learn from noise.

Livetell is for live grinders and aspiring winning players — the ones who love the room, the faces, the talk, and take the game seriously enough to study. It's for the player moving up stakes who knows the difference between running bad and playing bad, and wants to prove which one is happening.

For you if

You've ever driven home from a session replaying one hand — and couldn't tell yourself whether you played it right.

Not for you if

You play online (trackers already have you covered), or show up once a month for fun. Livetell is for the grind.

); } /* ─── Founder note ──────────────────────────────────────────────────────── */ function FounderNote() { return (

Why I built this

"I can hardly remember how I built my bankroll, but I can't stop thinking about the way I lost it."
— Mike McDermott, Rounders (1998)

Every live player knows that feeling. I felt it after a big pot I lost to a friend in a home game — it wasn't the money that kept me up, it was not knowing whether the decision was right, even after losing. Poker is a decision-making game, but I had no way to see my own decisions. I knew I wasn't the only one.

I tried Apple Notes — scattered. I tried the tracker apps on the store — too strict to fill out at the table when you've got 30 seconds before the next hand deals. So I built the mirror I needed.

If you play live, take the game seriously, and are tired of judging yourself by the pots you lose — this is for you.

Ken

Founder · still grinding live

); } /* ─── Pricing ───────────────────────────────────────────────────────────── */ function Pricing() { const [plan, setPlan] = useState('annual'); const monthly = plan === 'annual' ? '$7.00' : '$9.99'; const yearNote = plan === 'annual' ? '$83.99/yr billed annually · save $36' : ''; const benefits = [ { feature: 'Note logging', free: '10 lifetime', pro: 'Unlimited' }, { feature: 'Sessions', free: '1 lifetime', pro: 'Unlimited' }, { feature: 'Tags & filters', free: '—', pro: '✓' }, { feature: 'Analyze dashboard', free: '—', pro: '✓', soon: true }, { feature: 'Leak detection', free: '—', pro: '✓', soon: true }, { feature: 'GTO Wizard export', free: '—', pro: '✓', soon: true }, ]; const checkIcon = (size = 11, color = '#E8642C') => ( ); return (

Pricing

See yourself play. Fix what's costing you.

Log your hand, spot your leaks, and turn your sessions into real edges.

🔥 LIVETELL PRO

{['monthly', 'annual'].map(p => ( ))}

{monthly} /mo

{yearNote && (

{yearNote}

)}

{benefits.map((b, i) => ( ))}

	Free	🔥 Pro
{b.feature} {b.soon && · soon}	{b.free}	{b.pro === '✓' ? checkIcon(13) : <>{checkIcon(11)} {b.pro}}

Get started

Cancel anytime. {plan === 'annual' ? 'Annual renews yearly.' : 'Monthly renews monthly.'}

); } function lblStyle() { return { fontFamily: 'DM Sans, sans-serif', fontSize: 11, fontWeight: 700, letterSpacing: '0.14em', textTransform: 'uppercase', color: '#E8642C', }; } function h2Style() { return { fontFamily: 'DM Sans, sans-serif', fontSize: 'clamp(32px, 3.4vw, 44px)', lineHeight: 1.05, letterSpacing: '-0.03em', color: '#2C2A26', fontWeight: 800, margin: '12px 0 0', textWrap: 'balance', }; } /* ─── Footer ────────────────────────────────────────────────────────────── */ function Footer() { return ( ); } function FootCol({ title, links }) { return (

{title}

); } const footTag = { fontFamily: 'DM Sans, sans-serif', fontSize: 10, fontWeight: 600, padding: '3px 8px', borderRadius: 999, background: 'rgba(232,100,44,0.08)', color: '#E8642C', letterSpacing: '0.08em', textTransform: 'uppercase', }; /* ─── Mount ─────────────────────────────────────────────────────────────── */ ReactDOM.createRoot(document.getElementById('root')).render();