doxa-maps/plugin-designs/bible-posters/index.html
Doxa Maps 5c44b3cdcd Add Bible Posters plugin: a whole book of the Bible on one poster
A new experimental generator (Posterverse) that renders an ENTIRE BOOK of the Bible
in justified, phone-width columns with a bold book-name header, in the languages of
the unreached people groups. Text is fetched at render time from public-domain
translations via the Free Use Bible API; no Bibles are stored in the repo or public/.

v1 offers strict public-domain texts only, with a per-poster credit line: the World
English Bible plus the prayer packet's Reina-Valera 1909, Ostervald, Luther 1912,
Synodal and Van Dyck (Arabic, right-to-left). Book, text-language and size pickers;
the generator reports which size fits a book at a readable type size, and standard
paper is honestly shown as too small for a whole book. Interface strings are
localized in all 11 locales. Starts from the 12 books the UPG-100 packet cites.
2026-10-01 08:44:14 +00:00

30 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>doxa-maps · bible-posters staging</title>
<link rel="icon" href="data:,">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: #f3f3f1; color: #3b463d; min-height: 100%;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 24px 20px; }
h1 { font-size: 20px; font-weight: 700; }
.sub { color: #6d766e; font-size: 13px; margin: 6px 0 20px; }
.frame { height: 80vh; border: 1px solid #d1d4cd; border-radius: 12px; overflow: hidden; background: #fff; }
bible-posters { display: block; width: 100%; height: 100%; }
</style>
</head>
<body>
<div class="wrap">
<h1>bible-posters · staging</h1>
<p class="sub">An entire book of the Bible on one poster, in the languages of the unreached.
Text is fetched at render time from public-domain sources; no Bibles are stored.</p>
<div class="frame">
<bible-posters profile-config='{"profile":"bible-posters"}'></bible-posters>
</div>
</div>
<script type="module" src="./index.js"></script>
</body>
</html>