From 258f5f83ee5e5a9cb216a1ce1144e1e05f4024ea Mon Sep 17 00:00:00 2001 From: vibhusharma101 Date: Sun, 5 Jul 2026 02:41:52 +0530 Subject: [PATCH] docs: link live GitHub Pages demos in the README Point the Examples links and a new "See it live" callout at the hosted GitHub Pages URLs so readers open the interactive lessons directly, rather than viewing raw HTML source on GitHub. Keep the committed copies in examples/ referenced for local use. Co-Authored-By: Claude Opus 4.8 --- README.md | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 63ae74c..a8aa441 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,11 @@ Turn code, an AI thinking transcript, or any text into an explorable, interactiv Think-In-HTML takes a file, a code flow, a reasoning transcript, or a block of prose and generates a **single self-contained `.html` file** that explains it like a teacher would. Open it in any browser, share it with anyone — no server, no install, no dependencies. - +### ▶️ See it live + +**[Open the live example gallery →](https://vibhusharma101.github.io/Think-In-HTML/examples/)** — real, interactive lessons generated by this tool. Try the [Beginner ↔ Technical toggle](https://vibhusharma101.github.io/Think-In-HTML/examples/how-think-in-html-works.html) and the skin switcher. + + ## Why @@ -134,12 +138,12 @@ All three modes share the same schema and renderer — the mode only changes how ## Examples -Open the [`examples/`](examples/) gallery — or jump straight into a generated lesson: +Open the **[live gallery](https://vibhusharma101.github.io/Think-In-HTML/examples/)** — or jump straight into a generated lesson: -- [**How Think-In-HTML Works**](examples/how-think-in-html-works.html) — the tool explaining itself, via a film-studio analogy (code mode). -- [**Inside EPRx Exchange**](examples/eprx-exchange.html) — plastic-credit compliance taught through a carbon-offset analogy (code mode). +- [**How Think-In-HTML Works**](https://vibhusharma101.github.io/Think-In-HTML/examples/how-think-in-html-works.html) — the tool explaining itself, via a film-studio analogy (code mode). +- [**Inside EPRx Exchange**](https://vibhusharma101.github.io/Think-In-HTML/examples/eprx-exchange.html) — plastic-credit compliance taught through a carbon-offset analogy (code mode). -Each is a single self-contained `.html` file — download it and open it in any browser, no server needed. Start at [`examples/index.html`](examples/index.html) for the browsable gallery. +Each is a single self-contained `.html` file — click a link above to try it live, or open the committed copy in [`examples/`](examples/) directly in any browser. No server needed. ## Privacy