Skip to content

Use clean playground URLs #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
a-baran-orhan merged 1 commit into from
Jul 11, 2026
Merged

Use clean playground URLs #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions playground/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@

<!-- Nav -->
<header class="nav">
<a class="brand" href="./index.html" aria-label="Posecode home">
<a class="brand" href="/" aria-label="Posecode home">
<svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="19" height="19" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg>
<span class="wordmark">Posecode</span>
</a>
Expand All @@ -142,7 +142,7 @@
<a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
<a href="https://github.com/posecode-dev/posecode" target="_blank" rel="noopener">GitHub</a>
</nav>
<a class="btn primary nav-cta" href="./play.html">Open playground&nbsp;→</a>
<a class="btn primary nav-cta" href="/play">Open playground&nbsp;→</a>
</header>

<!-- Hero -->
Expand All @@ -159,7 +159,7 @@ <h1 class="headline">
is always anatomically plausible.
</p>
<div class="hero-cta">
<a class="btn primary lg" href="./play.html">Open the playground&nbsp;→</a>
<a class="btn primary lg" href="/play">Open the playground&nbsp;→</a>
<button id="copy-prompt" class="btn ghost lg">
<span class="lbl">Copy LLM prompt</span>
</button>
Expand Down Expand Up @@ -265,7 +265,7 @@ <h3>Three.js renders it</h3>
<h2>An open core you can build on</h2>
</header>
<div class="dev-grid">
<a class="dev-card reveal" href="./play.html">
<a class="dev-card reveal" href="/play">
<h3>Playground →</h3>
<p>Live editor, 3D viewport, syntax highlighting, inline range-of-motion diagnostics.</p>
</a>
Expand Down
2 changes: 1 addition & 1 deletion playground/play.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
<div class="bg-fx" aria-hidden="true"></div>

<header class="topbar">
<a class="brand" href="./index.html" aria-label="Posecode home">
<a class="brand" href="/" aria-label="Posecode home">
<svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg>
<span class="wordmark">Posecode</span>
<span class="tag">playground</span>
Expand Down
2 changes: 1 addition & 1 deletion playground/public/llm-guide.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/arm-circles.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Arm circles</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=arm-circles">▶ Open Arm circles in the playground →</a>
<a class="btn" href="/play/arm-circles">▶ Open Arm circles in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/bent-over-row.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Bent-over row</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=bent-over-row">▶ Open Bent-over row in the playground →</a>
<a class="btn" href="/play/bent-over-row">▶ Open Bent-over row in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/biceps.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Biceps curl</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=biceps">▶ Open Biceps curl in the playground →</a>
<a class="btn" href="/play/biceps">▶ Open Biceps curl in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/bicycle-crunch.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Bicycle crunch</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=bicycle-crunch">▶ Open Bicycle crunch in the playground →</a>
<a class="btn" href="/play/bicycle-crunch">▶ Open Bicycle crunch in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/bow.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Standing bow</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=bow">▶ Open Standing bow in the playground →</a>
<a class="btn" href="/play/bow">▶ Open Standing bow in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/box-squat.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Box squat</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=box-squat">▶ Open Box squat in the playground →</a>
<a class="btn" href="/play/box-squat">▶ Open Box squat in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/box-step-taps.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Box step taps</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=box-step-taps">▶ Open Box step taps in the playground →</a>
<a class="btn" href="/play/box-step-taps">▶ Open Box step taps in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/box-step.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Box step</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=box-step">▶ Open Box step in the playground →</a>
<a class="btn" href="/play/box-step">▶ Open Box step in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/calf-raise.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Single-leg calf raise</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=calf-raise">▶ Open Single-leg calf raise in the playground →</a>
<a class="btn" href="/play/calf-raise">▶ Open Single-leg calf raise in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/chair.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Chair pose</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=chair">▶ Open Chair pose in the playground →</a>
<a class="btn" href="/play/chair">▶ Open Chair pose in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/chasse.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Chassé</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=chasse">▶ Open Chassé in the playground →</a>
<a class="btn" href="/play/chasse">▶ Open Chassé in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/chest-opener.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Chest opener</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=chest-opener">▶ Open Chest opener in the playground →</a>
<a class="btn" href="/play/chest-opener">▶ Open Chest opener in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
4 changes: 2 additions & 2 deletions playground/public/moves/cobra.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@
<div class="wrap">
<a class="brand" href="/"><svg class="logo" aria-hidden="true" viewBox="0 0 100 100" width="18" height="18" fill="none"><g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"><path d="M50 34V55"/><path d="M50 35L34 26L23 15"/><path d="M50 35L66 26L77 15"/><path d="M50 54L36 72L28 88"/><path d="M50 54L64 72L72 88"/></g><circle cx="50" cy="20" r="10" fill="currentColor"/></svg> Posecode</a>
<nav class="links" aria-label="Primary">
<a href="/play.html">Playground</a>
<a href="/play">Playground</a>
<a href="/moves/">Movement library</a>
<a href="/spec.html">Language spec</a>
<a href="/llm-guide.html">LLM guide</a>
Expand All @@ -129,7 +129,7 @@ <h1>Cobra</h1>
that LLMs like ChatGPT, Claude, and Gemini can write to describe human movement as text.
Every joint angle below is hard-clamped to a safe range of motion.</p>

<a class="btn" href="/play.html#doc=cobra">▶ Open Cobra in the playground →</a>
<a class="btn" href="/play/cobra">▶ Open Cobra in the playground →</a>

<h2>How to do it</h2>
<ol class="steps">
Expand Down
Loading
Loading