relay70.dev
California / Independent

Learning software · Educational tool

Interactive study cards

Sound-physics lessons that start with a lab you can manipulate, then move to the concept, key terms, and a quiz. The labs can be embedded in other pages.

Open website
lms.relay70.dev/cards/direct-relatedLiveOpen full size
Drag upward across the frame. The sky brightens as you climb, and once it is bright enough the page names the pattern you made.
Role
Design & development
Period
2026
Status
Live
Platform
Cloudflare Pages
Built with
  • HTML, CSS, JavaScript
  • Canvas
4
stages per lesson: lab, concept, terms, and quiz
1
lab running live on this page
01

Start with something to touch

Each lesson begins with something the learner can manipulate: a wave, a relationship, or a changing scene. The card then names what the learner just saw and connects it to vocabulary and a short quiz.

A second lab: inversely related

Move across it faster and time in the scene slows down. The gauge reads your motion; the planet's drift reads the clock.

lms.relay70.dev/cards/inverse-relatedLiveOpen full size

Lesson order

Labmanipulate itConceptname whathappenedKey termsthe vocabularyQuizcheck it
02

Made to be embedded

Every lab has a mode without the surrounding page, so it can run inside another page, as it does above.

Display settings

Choose a layout and palette. Your settings are saved in this browser.

Palette
Homepage layout
Motion

Display settings do not change the project selection or publication permissions. Orbital and index layouts use the same project data.

Harmonic drawing

The homepage drawing is a small interactive made for this portfolio. It is separate from the project examples.

3
25

Drag across the center drawing or use these controls. The drawing does not require sound, network access, or continuous animation.