॥ श्री राधे ॥

Tap the seal to open

Add to your calendar

Google Calendar

Tools

Journey

D3 shows the Figures from behind, so the real art needs a back view of each of you too.

Theme

Words

Motion

Guests whose phone asks for reduced motion get the Stills automatically. The Stills look the same for D1 and D3.

Clock

Song

Put the song at public/audio/Sun_on_the_Floorboards.mp3. Without it, the invite is silent and the mute button stays hidden.

Put your own Figures in

Consent first. Do not put a photo of Khwaish into an AI tool until she says yes. Keep the art out of git and off preview links until then (ADR 0003).

  1. Make one full-length picture of each of you, seen exactly from the side, facing right, on a plain background.
  2. For D3 only: make a second picture of each of you, seen from behind, in the same style.
  3. Use the same tool and the same style for every picture. Midjourney and Leonardo AI both take a reference photo.
  4. Start from this prompt, and change the words in brackets: 
    Flat vector illustration of [a man in an ivory sherwani with gold trim], seen exactly side-on, facing right, full length from head to shoes, standing straight, arms relaxed at the sides, plain white background, no shadow, clean flat shapes, Indian wedding stationery style, colours [ivory, gold, deep wine]
  5. Turn each picture into vector shapes (SVG) with Illustrator Image Trace, Inkscape Trace Bitmap or vectorizer.ai. A PNG or WebP with a clear background also works.
  6. Cut each picture into its parts: head-and-body, arm, front leg, back leg. Also cut Kanishk's legs at the knee (thigh and shin), so that he can kneel.
  7. In this file, find the templates tpl-him, tpl-her, tpl-him-back and tpl-her-back.
  8. Replace the shapes in each data-part group with your part. Keep each part's pivot where the table says.
  9. Scroll through the walk. Check that the knees, the shoulders and the waist bend at the joints.
Pivot (viewBox 0 0 80 160, feet on y = 160)x, y
Kanishk, side: hip, both legs40, 94
Kanishk, side: knee / ankle33 below the hip / 31 below the knee
Kanishk, side: shoulder41, 38
Khwaish, side: shoulder / waist41, 44 / 40, 79
Kanishk, back: hips / shoulders35 and 45, 94 / 27.5 and 52.5, 37
Khwaish, back: shoulders31 and 49, 45

Another way: animate the parts in SVGator, or in After Effects with Bodymovin, and export a Lottie file. The page then plays the file frame by frame as the guest scrolls. That adds a player script and changes ADR 0003, so record the decision first.

Art files

Each button saves that art as a transparent PNG, in the live Theme's colours. Agents can call __assets.list(), then await __assets.png('gate-last'), which returns the size and a PNG data URL.

Add a Theme

  1. Put the card design in raw/assets/themes/<name>.png.
  2. Add an entry with the same name to THEMES in this file, and a data-theme block of colours and fonts in the styles.
  3. Open the page with ?theme=<name>.

The page cannot list a folder, so each Theme needs its entry. It loads the source cards only when this sheet opens, and only if it can reach raw/assets/themes/ (when you open the file from the repo).