Repository navigation
Redesign website as a math paper with hand-drawn home page diagrams - #761
Merged
Merged
Conversation
Monochrome Computer Modern look: hairline rules, § numbering, theorem-style labels, light code highlighting, greyscale figures. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
New hero loop figure, install tabs, and sections for the loop, nested layers, events, tools, a frontend, and a reading syllabus. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
There was a problem hiding this comment.
Copilot review overview
🟡 Changes recommended
Layout, text contrast, event documentation, and frontend output buffering need correction.
Review effort: Balanced
Findings: 4
Open (6)
Nested release sections inherit excessive spacing and borders · New Inactive install tabs fail minimum text contrast · New Inactive hero labels have insufficient contrast · New Unflushed deltas may remain invisible in long-lived frontends · New Diagram documents an event that the session never emits · New Diagram uses private stream event names · New
What changed in this PR
Redesigns Tau’s website as a math paper and introduces a diagram-led explanation of its coding-agent architecture.
Changes:
- Adds architecture diagrams, code examples, a syllabus, and install tabs.
- Applies paper-style typography, restrained colors, and light code highlighting.
- Updates the homepage smoke test for the new SVG hero.
| File | Description |
|---|---|
| website/tests/site.test.mjs | Checks for the new hero figure. |
| website/static/landing.js | Updates canvas colors and typography. |
| website/src/components/WhyTau.astro | Simplifies section numbers. |
| website/src/components/Releases.astro | Simplifies the release section number. |
| website/src/components/Home.astro | Adds educational content, diagrams, and interactions. |
| website/astro.config.mjs | Selects light syntax highlighting. |
| website/assets/css/main.css | Implements the shared paper-style design. |
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
| color:var(--ink); border:1px solid var(--ink); padding:0 8px; | ||
| } | ||
| .release-card time{ font-family:var(--mono); color:var(--ink-soft); font-size:12.5px; } | ||
| .release-sections{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; padding:6px 0 28px; } |
| .install-tabs button{ | ||
| background:none; border:none; padding:0 0 2px; cursor:pointer; | ||
| font-family:var(--serif); font-variant:small-caps; text-transform:lowercase; | ||
| font-size:16px; letter-spacing:.05em; color:var(--ink-faint); |
Comment on lines
+596
to
+598
| .hero-loop .ev{ opacity:.2; transition:opacity .25s; } | ||
| .hero-loop .ev.on{ opacity:1; } | ||
| .hero-loop .hand.big{ fill:var(--ink-faint); transition:fill .25s; } |
| case "message_update": | ||
| e = event.assistant_message_event | ||
| if e.type == "text_delta": | ||
| print(e.delta, end="") |
Comment on lines
+442
to
+443
| <text x="300" y="99.5" class="code">entry_appended</text> | ||
| <text x="650" y="99.5" class="code">entry_appended</text> |
Comment on lines
+449
to
+452
| <text x="170" y="379.5" class="code">response_start</text> | ||
| <text x="320" y="379.5" class="code">text_delta</text> | ||
| <text x="445" y="379.5" class="code">tool_call</text> | ||
| <text x="580" y="379.5" class="code">response_end</text> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.


Summary
Redesigns the website as a typeset math paper, and rewrites the home page around hand-drawn diagrams that explain what Tau is.
Design
§section numbers, theorem-style labels, numbered equations.min-light), greyscale + red canvas figures on the Why τ page.Home page
examples/extensions/hello_tool.py) · §5 a frontend in a dozen lines · §6 a syllabus with line counts · §7 Pi, and why τ.Notes
wc -l; they will drift.tests/site.test.mjsnow checks for the new hero figure instead of the old canvas.Testing
npm run buildandnpm testinwebsite/pass.🤖 Generated with Claude Code