update lots of reader fixes

This commit is contained in:
2026-07-23 00:15:21 -07:00
parent 88aaab2e00
commit c6b95e23c7
10 changed files with 510 additions and 150 deletions
+95 -78
View File
@@ -39,6 +39,7 @@
<button id="open-natal" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Natal Chart</button>
<button id="open-planets" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Planet</button>
<button id="open-zodiac" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Zodiac</button>
<button id="open-sky" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Sky</button>
</div>
</div>
<div class="topbar-dropdown" aria-label="Audio menu">
@@ -776,11 +777,60 @@
</div>
</section>
<section id="sky-section" hidden>
<div id="now-panel">
<iframe id="now-sky-layer" aria-hidden="true" scrolling="no" allow="geolocation"></iframe>
<div class="now-panel-controls">
<label class="now-panel-toggle" for="now-overlay-toggle">
<input id="now-overlay-toggle" type="checkbox" checked />
<span>Show Overlay</span>
</label>
</div>
<div class="now-panel-square">
<div class="now-section now-section-hour">
<div class="now-title">Current Planetary Hour</div>
<img id="now-hour-card" class="now-card" alt="Current planetary hour card" />
<div id="now-hour" class="now-primary now-primary-hour">--</div>
<div id="now-hour-tarot" class="now-tarot">--</div>
<div class="now-countdown-row">
<span id="now-countdown" class="now-countdown-value">--</span>
<span id="now-hour-next" class="now-countdown-next">> --</span>
</div>
</div>
<div class="now-section now-section-moon">
<div class="now-title">Moon Phase</div>
<img id="now-moon-card" class="now-card" alt="Current moon phase card" />
<div id="now-moon" class="now-primary now-primary-moon">--</div>
<div id="now-moon-tarot" class="now-tarot">--</div>
<div class="now-countdown-row">
<span id="now-moon-countdown" class="now-countdown-value">--</span>
<span id="now-moon-next" class="now-countdown-next">> --</span>
</div>
</div>
<div class="now-section now-section-decan">
<div class="now-title">Current Decan (Sun)</div>
<img id="now-decan-card" class="now-card" alt="Current decan card" />
<div id="now-decan" class="now-primary now-primary-decan">--</div>
<div id="now-decan-tarot" class="now-tarot">--</div>
<div class="now-countdown-row">
<span id="now-decan-countdown" class="now-countdown-value">--</span>
<span id="now-decan-next" class="now-countdown-next">> --</span>
</div>
</div>
<div class="now-stats-section">
<div class="now-stats-title">Planet Positions</div>
<div id="now-stats-planets" class="now-stats-planets">--</div>
<div id="now-stats-sabian" class="now-stats-sabian">--</div>
</div>
</div>
</div>
</section>
<section id="astronomy-section" hidden>
<div class="kabbalah-placeholder">
<div class="kabbalah-placeholder-card">
<strong>Astronomy</strong>
<div class="planet-text">This Astronomy landing page is intentionally blank for now. Use the Astronomy menu to open Planet, Zodiac, or Natal Chart.</div>
<div class="planet-text">Use the Astronomy menu to explore Planet, Zodiac, Natal Chart, or Sky.</div>
</div>
</div>
</section>
@@ -1116,35 +1166,16 @@
<div class="detail-sequence-nav" aria-label="Browse sections">
<div class="detail-pane-export-controls">
<button type="button" class="detail-sequence-btn detail-export-btn">Export WebP</button>
<button type="button" class="detail-sequence-btn" id="alpha-text-settings-btn" aria-label="Reader settings" aria-haspopup="true" aria-expanded="false">Settings</button>
</div>
</div>
<div class="alpha-text-heading-tools">
<div class="alpha-text-controls alpha-text-controls--heading">
<label class="alpha-text-control" for="alpha-text-translation-select" hidden>
<span>Translation</span>
<select id="alpha-text-translation-select" class="alpha-text-select" aria-label="Select text translation"></select>
</label>
<div id="alpha-text-compare-toggle-control" class="alpha-text-control alpha-text-control--toggle" hidden>
<span>Compare</span>
<button id="alpha-text-compare-toggle" class="alpha-nav-btn alpha-text-compare-toggle" type="button" aria-pressed="false">Off</button>
<div id="alpha-text-settings-popover" class="alpha-text-settings-popover" hidden aria-hidden="true">
<div class="alpha-text-settings-popover-inner">
<div class="alpha-text-settings-popover-head">
<strong>Reader Settings</strong>
<button type="button" class="alpha-text-settings-close" aria-label="Close settings">×</button>
</div>
<label class="alpha-text-control" for="alpha-text-compare-select" hidden>
<span>Compare With</span>
<select id="alpha-text-compare-select" class="alpha-text-select" aria-label="Select comparison translation"></select>
</label>
<label class="alpha-text-control" for="alpha-text-work-select">
<span>Work</span>
<select id="alpha-text-work-select" class="alpha-text-select" aria-label="Select text work"></select>
</label>
<label class="alpha-text-control" for="alpha-text-section-select">
<span>Section</span>
<select id="alpha-text-section-select" class="alpha-text-select" aria-label="Select text section"></select>
</label>
</div>
<div class="alpha-text-reader-panel alpha-text-controls alpha-text-controls--heading">
<div class="alpha-text-control alpha-text-control--toggle alpha-text-reader-toggle-control">
<span>Reader</span>
<div class="alpha-text-reader-toggle-list">
<div class="alpha-text-reader-toggle-list">
<label class="alpha-text-reader-toggle" for="alpha-text-show-verse-heads">
<input id="alpha-text-show-verse-heads" type="checkbox" checked>
<span>Show headings and letter/word stats</span>
@@ -1180,6 +1211,30 @@
</div>
</div>
</div>
</div>
<div class="alpha-text-heading-tools">
<div class="alpha-text-controls alpha-text-controls--heading">
<label class="alpha-text-control" for="alpha-text-translation-select" hidden>
<span>Translation</span>
<select id="alpha-text-translation-select" class="alpha-text-select" aria-label="Select text translation"></select>
</label>
<div id="alpha-text-compare-toggle-control" class="alpha-text-control alpha-text-control--toggle" hidden>
<span>Compare</span>
<button id="alpha-text-compare-toggle" class="alpha-nav-btn alpha-text-compare-toggle" type="button" aria-pressed="false">Off</button>
</div>
<label class="alpha-text-control" for="alpha-text-compare-select" hidden>
<span>Compare With</span>
<select id="alpha-text-compare-select" class="alpha-text-select" aria-label="Select comparison translation"></select>
</label>
<label class="alpha-text-control" for="alpha-text-work-select">
<span>Work</span>
<select id="alpha-text-work-select" class="alpha-text-select" aria-label="Select text work"></select>
</label>
<label class="alpha-text-control" for="alpha-text-section-select">
<span>Section</span>
<select id="alpha-text-section-select" class="alpha-text-select" aria-label="Select text section"></select>
</label>
</div>
<form id="alpha-text-local-search-form" class="alpha-text-search-controls alpha-text-search-controls--detail alpha-text-search-controls--heading">
<label class="alpha-text-control" for="alpha-text-local-search-input">
<span>Search This Source</span>
@@ -1353,49 +1408,11 @@
<div id="calendar"></div>
</section>
<div id="now-panel">
<iframe id="now-sky-layer" aria-hidden="true" scrolling="no" allow="geolocation"></iframe>
<div class="now-panel-controls">
<label class="now-panel-toggle" for="now-overlay-toggle">
<input id="now-overlay-toggle" type="checkbox" checked />
<span>Show Overlay</span>
</label>
</div>
<div class="now-panel-square">
<div class="now-section now-section-hour">
<div class="now-title">Current Planetary Hour</div>
<img id="now-hour-card" class="now-card" alt="Current planetary hour card" />
<div id="now-hour" class="now-primary now-primary-hour">--</div>
<div id="now-hour-tarot" class="now-tarot">--</div>
<div class="now-countdown-row">
<span id="now-countdown" class="now-countdown-value">--</span>
<span id="now-hour-next" class="now-countdown-next">> --</span>
</div>
</div>
<div class="now-section now-section-moon">
<div class="now-title">Moon Phase</div>
<img id="now-moon-card" class="now-card" alt="Current moon phase card" />
<div id="now-moon" class="now-primary now-primary-moon">--</div>
<div id="now-moon-tarot" class="now-tarot">--</div>
<div class="now-countdown-row">
<span id="now-moon-countdown" class="now-countdown-value">--</span>
<span id="now-moon-next" class="now-countdown-next">> --</span>
</div>
</div>
<div class="now-section now-section-decan">
<div class="now-title">Current Decan (Sun)</div>
<img id="now-decan-card" class="now-card" alt="Current decan card" />
<div id="now-decan" class="now-primary now-primary-decan">--</div>
<div id="now-decan-tarot" class="now-tarot">--</div>
<div class="now-countdown-row">
<span id="now-decan-countdown" class="now-countdown-value">--</span>
<span id="now-decan-next" class="now-countdown-next">> --</span>
</div>
</div>
<div class="now-stats-section">
<div class="now-stats-title">Planet Positions</div>
<div id="now-stats-planets" class="now-stats-planets">--</div>
<div id="now-stats-sabian" class="now-stats-sabian">--</div>
<div id="home-welcome">
<div class="kabbalah-placeholder" style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center">
<div class="kabbalah-placeholder-card">
<strong>Welcome to TaroTime</strong>
<div class="planet-text">Select a section from the top menu, or visit <strong>Astronomy &gt; Sky</strong> for the live sky view.</div>
</div>
</div>
</div>
@@ -1405,7 +1422,7 @@
<script src="node_modules/html2canvas/dist/html2canvas.min.js"></script>
<script src="app/astro-calcs.js"></script>
<script src="app/app-config.js?v=20260529-access-gating-01"></script>
<script src="app/data-service.js?v=20260601-now-polling-03"></script>
<script src="app/data-service.js?v=20260722-fetch-timeout"></script>
<script src="app/calendar-events.js"></script>
<script src="app/card-images.js?v=20260527-tarot-deck-gallery-01"></script>
<script src="app/ui-tarot-lightbox.js?v=20260608-tarot-lightbox-mobile-help-04"></script>
@@ -1453,7 +1470,7 @@
<script src="app/ui-alphabet-detail.js?v=20260531-greek-gematria-04"></script>
<script src="app/ui-alphabet-kabbalah.js"></script>
<script src="app/ui-alphabet.js?v=20260424-detail-inline-links-02"></script>
<script src="app/ui-alphabet-text.js?v=20260720-reader-extra"></script>
<script src="app/ui-alphabet-text.js?v=20260723-word-highlight"></script>
<script src="app/ui-zodiac-references.js"></script>
<script src="app/ui-zodiac.js?v=20260529-access-gating-02"></script>
<script src="app/ui-quiz-bank-builtins-domains.js"></script>
@@ -1471,14 +1488,14 @@
<script src="app/ui-tarot-spread.js"></script>
<script src="app/ui-tarot-frame.js?v=20260424-frame-export-01"></script>
<script src="app/ui-settings.js?v=20260603-detail-text-scale-01"></script>
<script src="app/ui-chrome.js?v=20260720-export-reader-panel"></script>
<script src="app/ui-navigation.js?v=20260628-numbers-theory-nav-02"></script>
<script src="app/ui-chrome.js?v=20260721-export-polish"></script>
<script src="app/ui-navigation.js?v=20260721-sky-nav"></script>
<script src="app/ui-calendar-formatting.js?v=20260307b"></script>
<script src="app/ui-calendar-visuals.js?v=20260307b"></script>
<script src="app/ui-home-calendar.js?v=20260415-stellarium-toggle-01"></script>
<script src="app/ui-section-state.js?v=20260531-now-polling-02"></script>
<script src="app/app-runtime.js?v=20260531-now-polling-02"></script>
<script src="app.js?v=20260628-numbers-theory-nav-02"></script>
<script src="app/ui-home-calendar.js?v=20260722-sky-lifecycle"></script>
<script src="app/ui-section-state.js?v=20260721-sky-section"></script>
<script src="app/app-runtime.js?v=20260722-sky-cleanup"></script>
<script src="app.js?v=20260721-sky-section"></script>
<script src="app/navigation-detail-test-harness.js?v=20260401-universal-detail-02"></script>
</body>
</html>