The Instagram-style prayer wall (2,107 DX people groups as photo cards on a d3 canvas, with a pray dialog and comments) existed only as a no-build SPA whose components were template strings compiled in the browser. It is now a bundle: the components are SFCs in src/components, and the root is the app's own container without the router. The API developer panel does not ship. Pinia comes from the package. The canvas is found by ref, not document id, which cannot see into a shadow root. Font Awesome is registered on the document too, because @font-face does not load from a shadow root. Data is the live pray.doxa.life list. The uupg.doxa.life endpoint no longer answers, so that source and every photo URL built on it are gone. The card and both dialogs show the API's image_url instead; before this, every dialog read "No image". The 2.6 MB CSV fallback duplicated the live API and does not ship. Missing photos draw inline, not from via.placeholder.com. Prayers and comments stay in localStorage under a wall-pg: prefix, and the "Print (Coming Soon)" button, which only alerted, is gone. Measured on a served built tree: the leaf page, a script embed on another origin, the Research Gallery tab and a 390 px phone each load all 2,107 groups with photos and Font Awesome, 0 page errors, 0 failed requests. Zooming in and tapping a card's heart opens the prayer dialog with the group, its status and its photo.
14 lines
586 B
HTML
14 lines
586 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>wall-of-people-groups (dev)</title>
|
|
<link rel="icon" href="data:,">
|
|
<style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#f3f3f1}wall-of-people-groups{position:fixed;inset:0;display:block}</style>
|
|
</head>
|
|
<body>
|
|
<wall-of-people-groups profile-config='{"profile":"wall-of-people-groups"}'></wall-of-people-groups>
|
|
<script type="module" src="./index.js"></script>
|
|
</body>
|
|
</html>
|