MyAnythingList / MyAnythingGrid — Session Handoff

Project

Open Source 8K & 4K Interactive Media Walls

Primary development URL:

https://8k.art/beta

Current Working Build

The most recent working beta is:

index_beta_2026-03-12-v12.html

All future development must continue from the newest beta version.

Development Rules

• Always build from the most recent beta.
• Never regress previously fixed behavior.
• Every requirement defined in conversation must be integrated into the documentation.
• Documentation is the canonical knowledge base.
• Insert new requirements in correct sections — never append randomly.
• All canonical docs include standard header + footer.
• Freshness timestamps must appear at both top and bottom.

Documentation Structure

_docs/en/

index_en.html
requirements_en.html
architecture_en.html
developer_en.html
system_en.html
thumbnail-system_en.html

Architecture Pipeline

UTF‑8 text playlist
→ URL discovery
→ command parsing
→ tile model
→ thumbnail + QR resolution
→ grid layout
→ rendering
→ control state

Tile Rendering Layer Order

1 Background gradient
2 Thumbnail image
3 URL art (text art)
4 QR code
5 Type pill
6 Small URL
7 Footer text

The QR code must never appear as a background layer.

QR Code Rules

• QR codes always encode the full valid URL.
• Anchor fragments must not be truncated.
• QR size and position controlled by QR_X, QR_Y, QR_SIZE.
• Scaling must support smartphone readability.

URL Art

• Rendered as textual thumbnail art.
• Scaled WYSIWYG to tile size.
• Must remain larger than the small URL text.
• May shrink only if readability would break.

Thumbnail Export

Download Thumbnail must export the full panel WYSIWYG composition.

thumbnail image
QR code
URL text
pills
background
layout scaling

Thumbnail Image Behavior

Uploaded thumbnails must scale without cropping.

object-fit: contain

Output Naming Convention

MyAnythingThumbnail_YYYY-MM-DD_HHMMSSAM_RESOLUTION.ext

View Scale Modes

• Fit Width — grid fills width
• Fit Height — top row fully visible
• Fit Everything — entire grid visible

Safe Area Profiles

• Digital — minimal margins
• Tube TV — generous overscan margins

Playlist Command System

Commands embedded in comment blocks:

#_ReplaceThumbnailWithImage("image.jpg")
#_LoadImage("image.jpg")
#_ThumbnailImage("image.jpg")

Default Playlist

8k.art/_MyAnythingList.txt

Known Issues (Next Build)

• Grid slider stopped working.
• Fit Height broken.
• Fit Everything broken.
• Tube TV panels should support 4:3.
• Thumbnail download exporting only image.
• Thumbnail images cropping incorrectly.
• QR startup positioning regression.
• Header text toggle not displaying text.

Next‑Session Bootstrap Prompt

Paste this into the first prompt of the next ChatGPT session:

You are continuing development of the MyAnythingList open‑source 8K/4K media wall project.

Start by reading the provided handoff file: handoff_2026-03-12_v01.html.

The current working build is index_beta_2026-03-12-v12.html.

Rules:

1. Always build from the newest beta version.
2. Never regress previously fixed behavior.
3. Every prompt defining behavior must be reflected in documentation.
4. Documentation is the canonical knowledge base.
5. Insert new requirements into the correct sections.
6. All canonical docs include standard header + footer with timestamps.
7. Thumbnail export must remain WYSIWYG panel rendering.
8. QR codes must encode full URLs including anchors.
9. Uploaded thumbnails must scale without cropping.

Goal of next build:
Fix grid slider, scaling modes, Tube TV aspect support, WYSIWYG thumbnail export, QR startup alignment, and header text toggle.