Skip to content

docs: link live GitHub Pages demos in the README #5

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
vibhusharma101 merged 1 commit into from
Jul 4, 2026
Merged

docs: link live GitHub Pages demos in the README #5

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
14 changes: 9 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<!-- TODO: Add GIF/screenshot of a generated explainer here -->
### ▶️ 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.

<!-- TODO: Add a short GIF of a generated explainer here as well -->

## Why

Expand Down Expand Up @@ -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

Expand Down
Loading