Cube Timer

Tiny static site for cube-timer.rileyedward.com. Hosted free on Cloudflare Pages.

Built with love. Never gonna let your solve down.

Files

• index.html — landing page with Start Timer button. Tap = fullscreen playback of rickroll.mp4 with sound.
• rickroll.mp4 — drop the video file here (not committed).
• _headers — cache + content-type hints for Cloudflare Pages.

Add the video

Place the mp4 at the project root and name it exactly:

rickroll.mp4

That's the path index.html references. Any other name = silent timer.

Deploy on Cloudflare Pages

1. Push this folder to a Git repo (GitHub / GitLab).
2. Cloudflare dashboard → Workers & Pages → Create → Pages → Connect to Git.
3. Pick the repo. Build settings:
   • Framework preset: None
   • Build command: (leave empty)
   • Build output directory: /
4. Deploy. Then Custom domains → add cube-timer.rileyedward.com. Cloudflare auto-creates the CNAME if the zone is on Cloudflare.

Direct upload alternative: npx wrangler pages deploy . from this folder.

Notes

• Autoplay with sound needs a user gesture — the Start Timer button is that gesture, so audio works on iOS and Android.
• iOS Safari uses webkitEnterFullscreen on the <video> element; handled in the click handler.
• MP4 should be H.264 + AAC for max device compatibility. Keep it small (< 10 MB ideal) so first-tap playback is instant.