Study Arc Share Package

A small, share-ready HyperFrames project for a 6-second vertical bumper: retro anime study room, magical logo reveal, and a subtitle beat.

What's Here

• index.html: render-safe HyperFrames composition at 1080x1920
• assets/: generated background, logo, and sparkle overlays
• renders/study-arc-final.mp4: final MP4 you can post directly
• docs/: self-contained standalone browser demo for GitHub Pages
• share/gist/study-arc-single-file.html: one-file web demo for copy/paste sharing
• share/: tweet copy, prompts, a publish checklist, and the gist build script

Quick Start

Preview the HyperFrames project:

cd /path/to/study-arc-share-package
npx --yes hyperframes preview

Render the final MP4:

cd /path/to/study-arc-share-package
npx --yes hyperframes render --output renders/study-arc-final.mp4 --quality high --strict

Play the MP4 in Kitty:

cd /path/to/study-arc-share-package
mpv --vo=kitty renders/study-arc-final.mp4

Share It Three Ways

• X / Twitter: upload renders/study-arc-final.mp4 directly
• GitHub Pages: publish the repo from the /docs folder
• Gist: share share/gist/study-arc-single-file.html as a copy-pasteable single file

Use share/tweet-copy.md for ready-to-post drafts and share/publish-checklist.md for the launch flow.

Repo Structure

study-arc-share-package/
├── AGENTS.md
├── DESIGN.md
├── README.md
├── assets/
├── docs/
├── index.html
├── renders/
└── share/

Remix Notes

• Swap assets/bg.png, assets/logo.png, or assets/sparkles.png to re-theme it.
• Edit the subtitle text in index.html and docs/index.html.
• Keep the root index.html HyperFrames-safe; use docs/index.html for browser autoplay.
• Rebuild the gist export after changing docs/index.html or any asset:

cd /path/to/study-arc-share-package
python3 share/scripts/build_gist_single_file.py

• Re-sync the GitHub Pages bundle after changing assets, the final MP4, or the single-file export:

cd /path/to/study-arc-share-package
./share/scripts/sync_docs_bundle.sh