Skip to content

docs: Pages gallery polish — version/PyPI, energy-diagram aspect, centered viewers - #58

Merged
jonathanschultzNU merged 2 commits into
mainfrom
claude/docs-examples-and-uxp26
Aug 21, 2026
Merged

docs: Pages gallery polish — version/PyPI, energy-diagram aspect, centered viewers#58
jonathanschultzNU merged 2 commits into
mainfrom
claude/docs-examples-and-uxp26

Conversation

@NCCU-Schultz-Lab

Copy link
Copy Markdown
Collaborator

Summary

Follow-up to #57 (merged) — polishes the GitHub Pages example gallery per review feedback:

  • Version + PyPI: fix the stale nav version badge (v0.3v0.7.0) and link it to PyPI; add a PyPI nav link and a pip install quantui hero pill.
  • Energy diagram: regenerate the aspartame orbital energy-level diagram at half the vertical height (8×4, dpi 170) for a cleaner aspect ratio that matches the other tiles.
  • Viewer framing: make both embedded 3D viewers fill their iframes so 3Dmol's zoomTo centers the molecule instead of clipping it — the benzene vibrational mode was badly clipped, and the cisplatin trajectory's playback controls sat below the fold. The trajectory canvas is sized to leave room for its control bar, and the gallery iframes are taller (400px).

A quick note on the trajectory: I tried an autoplaying GIF, but the only renderer available offline here (ASE's matplotlib backend) looks flat/cartoonish next to the real 3Dmol view, and there's no headless browser in this environment to capture the actual viewer. So the trajectory stays the real interactive 3Dmol viewer, just framed so it reads at a glance.

Test plan

  • All docs assets serve (HTTP 200); version / PyPI links / iframe wiring verified in the served HTML.
  • Aspartame diagram regenerated and eyeballed.
  • Local visual check owed: the in-app browser couldn't composite this session — please confirm the centered viewers (benzene un-clipped, trajectory controls visible) render on the deployed Pages.

Docs-only change; the Pages deploy triggers on merge to main.

NCCU-Schultz-Lab and others added 2 commits August 20, 2026 20:12
- Fix stale version badge in the Pages nav (v0.3 -> v0.7.0) and link it
  to PyPI; add a PyPI nav link and a "pip install quantui" hero pill.
- Aspartame orbital energy diagram regenerated at half the vertical
  height (8x4, dpi 170) for a cleaner aspect ratio.
- Replace the cisplatin trajectory iframe with an animated GIF (centered,
  constant scale, 22 frames) so the animation shows at a glance without
  scrolling to reach the playback controls; "Open interactive" still
  links the full 3D page.
- Make the embedded benzene vibrational-mode viewer fill the iframe
  (container width:100%/height:100vh + full-height body) so 3Dmol's
  zoomTo centers it instead of clipping the molecule.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The offline ASE matplotlib render looked flat/cartoonish next to the app's
3Dmol view (and no headless 3Dmol renderer is available here). Revert the
trajectory tile to the real interactive 3Dmol viewer instead of a GIF, and
frame it like the benzene one so the molecule is centered and the playback
controls are visible without scrolling: the embedded viewer's card + canvas
go full-width, the canvas is 300px tall (leaving room for the control bar),
body padding trimmed, and the gallery iframe is 400px. zoomTo centers the
molecule. Removes the unused GIF.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@jonathanschultzNU
jonathanschultzNU merged commit 81d1707 into main Aug 21, 2026
5 checks passed
@jonathanschultzNU
jonathanschultzNU deleted the claude/docs-examples-and-uxp26 branch August 21, 2026 14:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants