Watch

soapy's stillroom — https://mysticalsoap.com

HTML 61.1%
CSS 26.2%
JavaScript 12.7%

Find a file

Repository files (latest commit first)
Filename	Latest commit message	Latest commit date
mysticalsoap 322b717c3d Swap placeholder mascot drawing for real character art Index masthead gets the full-body art bare on the page; the other pages' medallions keep the circle frame and clip a headshot inside it via clipPath + preserveAspectRatio slice. Tagline and meta description trimmed to mention soap less. Assets are pre-resized to 2x display size and palette-quantized (4.2MB -> 75KB, 117KB -> 4KB). The resize uses premultiplied alpha so the browser no longer manufactures a dark fringe when downscaling the transparent edges. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>		2026-08-18 16:12:00 -04:00
assets	Swap placeholder mascot drawing for real character art	2026-08-18 16:12:00 -04:00
css	Swap placeholder mascot drawing for real character art	2026-08-18 16:12:00 -04:00
js	Add a light/dark toggle	2026-07-21 17:35:43 -04:00
.gitignore	Initial site: soap-shop landing page + about page	2026-07-21 10:20:16 -04:00
404.html	Swap placeholder mascot drawing for real character art	2026-08-18 16:12:00 -04:00
cellar.html	Swap placeholder mascot drawing for real character art	2026-08-18 16:12:00 -04:00
favicon.svg	Initial site: soap-shop landing page + about page	2026-07-21 10:20:16 -04:00
index.html	Swap placeholder mascot drawing for real character art	2026-08-18 16:12:00 -04:00
LICENSE	Add 0BSD license for the site code	2026-07-21 17:09:14 -04:00
LORE.md	cleaned up LORE.md	2026-07-21 23:03:01 -04:00
packaging.html	Swap placeholder mascot drawing for real character art	2026-08-18 16:12:00 -04:00
README.md	Retune shelf colors to match real brand hues, rebuild service icons from source	2026-08-10 21:08:48 -04:00

README.md

mysticalsoap-web

Source for mysticalsoap.com — a landing page linking self-hosted services to friends, plus an about page.

Plain HTML/CSS, no build step, no dependencies.

index.html        the stillroom — service links
cellar.html       the cellar — personal links
404.html          the attic (wrong-URL page)
css/style.css     shared styles
js/               bubble easter egg + JS-assembled contact address
assets/icons/     source SVGs, inlined into the pages for currentColor theming (not loaded at runtime)
favicon.svg

Icon credits

Icons in assets/icons/ are recolored derivatives of each service's own project, except where noted:

Jellyfin: jellyfin/jellyfin-ux (CC-BY-SA-4.0 licensed).
Navidrome: navidrome/navidrome's safari-pinned-tab.svg (GPL-3.0 licensed).
Seerr: seerr-team/seerr's logo_full.svg (MIT licensed).
Calibre-Web: new-usemame/Calibre-Web-NextGen's favicon.svg (GPL-3.0 licensed).
Cellar-page links (Codeberg, GitHub, Letterboxd, IMDb, MyAnimeList, BoardGameGeek): simple-icons (CC0 licensed).

License

The code here (HTML, CSS, JS) is 0BSD — use it however you like, no attribution needed. The bundled icons in assets/icons/ are third-party works under their own licenses; see Icon credits above.