---
title: TemporalBenchEnv Blog
emoji: 🥁
colorFrom: indigo
colorTo: yellow
sdk: static
pinned: false
---

# TemporalBenchEnv Blog

Static Hugging Face Space hosting the blog write-up for
[`openenv-ts/TemporalBenchEnv`](../TemporalBenchEnv) — the OpenEnv-native
multi-step MCQ environment that extends our Melady TS Green Agent
submission into a GRPO training target.

## Files

| File | Purpose |
| --- | --- |
| `index.html` | Main blog page. Self-contained; pulls Inter + JetBrains Mono from Google Fonts, Mermaid from jsDelivr, MathJax from jsDelivr. |
| `banner.png` | Hero image (3-panel: Question → Answer → Score). Generated by `build_banner.py`. |
| `build_banner.py` | Matplotlib script that renders `banner.png`. Port of [`openenv-finance/impl-context/build_blog_images.py`](../../openenv-finance/impl-context/build_blog_images.py), palette-matched to the blog CSS variables. |
| `README.md` | This file (also doubles as HF Space frontmatter). |

## External links to fill in

All external URLs in `index.html` that are not yet final are marked with
`<TODO: ...>` / `<INSERT: ...>` placeholders. Search for `<TODO` to find
them all. The current inventory:

- GitHub repo URL for TemporalBenchEnv (hero badges, buttons, footer, quick start).
- HF Space URL for TemporalBenchEnv (hero badges, buttons, topnav, footer, quick start).
- Sibling `TemporalBenchPT` training-repo URL (architecture section, future work, quick start).
- TS-Benchmark arXiv link (prior work, foundations).
- TimeMaster / COUNTS / SenTSR-Bench arXiv links.
- Melady TS Green Agent public repo / demo URL (green-agent section, foundations, footer).
- Post-training numbers for the "Trained HF policy" row (results section).
- LotteryElicitationEnv / ReasoningEconomicsEnv public URLs (prior work, engineering).

## Regenerating `banner.png`

Requires `matplotlib` and `numpy`:

```bash
pip install matplotlib numpy
python build_banner.py                 # writes ./banner.png
python build_banner.py -o /tmp/b.png   # custom path
python build_banner.py --dpi 300       # higher DPI for print
```

The script uses the same theme constants (`BG`, `SURFACE`, `ACCENT`, `ACCENT2`,
`GREEN`, `RED`, `ORANGE`) as `index.html`'s `:root` CSS variables so the
banner stays visually consistent with the page.

## Local preview

```bash
cd openenv-ts/TemporalBenchEnv_Blog
python -m http.server 8000
# open http://localhost:8000/index.html
```

Mermaid and MathJax render client-side over CDN, exactly as they do on the
static HF Space, so local preview matches production.

## Deploying as a Hugging Face static Space

1. Create a new static Space (SDK: `static`) under the target namespace.
2. Copy `index.html`, `banner.png`, and `README.md` to the Space repo.
3. Commit and push — the Space serves `index.html` directly.

The YAML frontmatter at the top of this README is the HF Space manifest;
rename `sdk: static` / `title` to match the target Space if needed.

## Style / structural source

The blog structure, CSS palette, and component library (topnav, hero, TOC,
episode trace, tables, mermaid-wrap, math-display, callout, notice panel) are
ported from the sibling
[`openenv-finance/LotteryElicitationEnv_Blog/index.html`](../../openenv-finance/LotteryElicitationEnv_Blog/index.html)
per the shared
[blog-creation-guidelines.md](../../openenv-finance/impl-context/blog-creation-guidelines.md).
Keeping the structural drift between the two blogs near zero makes the
Melady OpenEnv submissions read as a coherent series.