max-width:30em;margin:0 auto}.bk-sign{font-style:italic;text-align:right;color:#e2cf9c}.bk-crown{display:block;margin:0 auto;width:96px;height:62px}' + '.bk-ft{display:flex;align-items:center;gap:8px;padding:8px 18px 16px}.bk-ft select{flex:1;min-width:0;min-height:44px;border-radius:8px;border:1px solid #a87b26;background:#0b0806;color:#ecc76e;font:15px Georgia,serif;padding:0 8px}' + '@media (max-width:600px){#bk-book{width:100vw;height:100%;border-radius:0;font-size:17px}#bk-page{padding:4px 20px 14px}#bk-reader{align-items:stretch}.bk-hd{padding:calc(12px + env(safe-area-inset-top)) 14px 6px}.bk-ft{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}'; document.head.appendChild(st); } var CROWN = ''; function el(tag, cls, txt) { var e = document.createElement(tag); if (cls) e.className = cls; if (txt != null) e.textContent = txt; return e; } function reader() { if (R) return R; css(); R = el('div'); R.id = 'bk-reader'; R.hidden = true; R.setAttribute('role', 'dialog'); R.setAttribute('aria-label', "The King's Book of Law"); var bk = el('div'); bk.id = 'bk-book'; var hd = el('div', 'bk-hd'), prevTop = el('button', 'bk-btn', '\u2715'); prevTop.type = 'button'; prevTop.setAttribute('aria-label', 'Close the book'); prevTop.id = 'bk-x'; var crest = el('div', 'bk-crest', "THE KING'S BOOK OF LAW"), share = el('a', 'bk-btn', '\u2197'); share.href = '/book-of-law'; share.target = '_blank'; share.rel = 'noopener'; share.title = 'Open the public page'; share.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;text-decoration:none'; hd.appendChild(share); hd.appendChild(crest); hd.appendChild(prevTop); var page = el('div'); page.id = 'bk-page'; page.tabIndex = 0; var ft = el('div', 'bk-ft'), pv = el('button', 'bk-btn', '\u2039 Prev'), sel = el('select'), nx = el('button', 'bk-btn', 'Next \u203A'); pv.type = nx.type = 'button'; pv.id = 'bk-prev'; nx.id = 'bk-next'; sel.id = 'bk-toc'; sel.setAttribute('aria-label', 'Contents'); ft.appendChild(pv); ft.appendChild(sel); ft.appendChild(nx); bk.appendChild(hd); bk.appendChild(page); bk.appendChild(ft); R.appendChild(bk); ($('sc-hud') || document.body).appendChild(R); ['pointerdown', 'wheel', 'touchstart'].forEach(function (ev) { R.addEventListener(ev, function (e) { e.stopPropagation(); }, { passive: true }); }); R.addEventListener('keydown', function (e) { if (e.key === 'Escape') close(); else if (e.key === 'ArrowRight') go(B.page + 1); else if (e.key === 'ArrowLeft') go(B.page - 1); e.stopPropagation(); }); R.addEventListener('keyup', function (e) { e.stopPropagation(); }); addEventListener('keydown', function (e) { if (e.key === 'Escape' && R && !R.hidden) { close(); e.stopPropagation(); } }, true); // Esc closes from any focused control R.addEventListener('click', function (e) { if (e.target === R) close(); }); prevTop.addEventListener('click', close); pv.addEventListener('click', function () { go(B.page - 1); }); nx.addEventListener('click', function () { go(B.page + 1); }); sel.addEventListener('change', function () { go(+sel.value); }); var sx = 0, sy = 0; page.addEventListener('touchstart', function (e) { sx = e.touches[0].clientX; sy = e.touches[0].clientY; }, { passive: true }); page.addEventListener('touchend', function (e) { var dx = e.changedTouches[0].clientX - sx, dy = e.changedTouches[0].clientY - sy; if (Math.abs(dx) > 60 && Math.abs(dx) > Math.abs(dy) * 1.5) go(B.page + (dx < 0 ? 1 : -1)); }, { passive: true }); return R; } function render(i, dir) { var b = B.book, page = $('bk-page'), sel = $('bk-toc'); page.textContent = ''; if (!sel.options.length) { sel.appendChild(el('option', null, 'Title page')).value = '0'; b.pages.forEach(function (p) { var o = el('option', null, p.label.replace(/^PAGE /, 'Page ') + ' \u2014 ' + p.title); o.value = String(p.n); sel.appendChild(o); }); } sel.value = String(i); if (i === 0) { var cv = el('div', 'bk-cover'); cv.innerHTML = CROWN; // static markup only cv.appendChild(el('div', 'bk-big', b.title)); var r0 = el('div', 'bk-rule'); cv.appendChild(r0); cv.appendChild(el('p', 'bk-sub', b.subtitle)); cv.appendChild(el('p', 'bk-label', 'THIRTEEN PAGES')); page.appendChild