updated gui
This commit is contained in:
129
index.html
129
index.html
@@ -5,6 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Tarot Time!</title>
|
||||
<link rel="icon" href="data:,">
|
||||
<link rel="stylesheet" href="node_modules/@toast-ui/calendar/dist/toastui-calendar.min.css?v=20260309-home-calendar-fix">
|
||||
<link rel="stylesheet" href="node_modules/@fontsource/noto-sans-hebrew/hebrew-400.css">
|
||||
<link rel="stylesheet" href="node_modules/@fontsource/noto-sans-hebrew/hebrew-700.css">
|
||||
<link rel="stylesheet" href="node_modules/@fontsource/noto-serif/greek-400.css">
|
||||
@@ -15,15 +16,16 @@
|
||||
<link rel="stylesheet" href="node_modules/@fontsource/amiri/arabic-400.css">
|
||||
<link rel="stylesheet" href="node_modules/@fontsource/amiri/arabic-700.css">
|
||||
<link rel="stylesheet" href="node_modules/@fontsource/noto-naskh-arabic/arabic-400.css">
|
||||
<link rel="stylesheet" href="app/styles.css">
|
||||
<link rel="stylesheet" href="app/styles.css?v=20260309-alphabet-reverse-01">
|
||||
</head>
|
||||
<body>
|
||||
<div class="topbar">
|
||||
<strong>Tarot Time!</strong>
|
||||
<button id="open-home" class="topbar-home-button" type="button" aria-pressed="true">Tarot Time!</button>
|
||||
<div class="topbar-actions">
|
||||
<div class="topbar-dropdown" aria-label="Calendar menu">
|
||||
<button id="open-calendar" class="settings-trigger" type="button" aria-pressed="false" aria-haspopup="menu" aria-controls="calendar-subpages" aria-expanded="false">Calendar ▾</button>
|
||||
<div id="calendar-subpages" class="topbar-dropdown-menu" role="menu" aria-label="Calendar subpages">
|
||||
<button id="open-calendar-timeline" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Timeline</button>
|
||||
<button id="open-calendar-months" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Months</button>
|
||||
<button id="open-holidays" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Holidays</button>
|
||||
</div>
|
||||
@@ -53,7 +55,12 @@
|
||||
<button id="open-kabbalah-cube" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Cube</button>
|
||||
</div>
|
||||
</div>
|
||||
<button id="open-alphabet" class="settings-trigger" type="button" aria-pressed="false">Alphabet</button>
|
||||
<div class="topbar-dropdown" aria-label="Alphabet menu">
|
||||
<button id="open-alphabet" class="settings-trigger" type="button" aria-pressed="false" aria-haspopup="menu" aria-controls="alphabet-subpages" aria-expanded="false">Alphabet ▾</button>
|
||||
<div id="alphabet-subpages" class="topbar-dropdown-menu" role="menu" aria-label="Alphabet subpages">
|
||||
<button id="open-alphabet-letters" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Letter Page</button>
|
||||
</div>
|
||||
</div>
|
||||
<button id="open-numbers" class="settings-trigger" type="button" aria-pressed="false">Numbers</button>
|
||||
<button id="open-quiz" class="settings-trigger" type="button" aria-pressed="false">Quiz</button>
|
||||
<button id="open-gods" class="settings-trigger" type="button" aria-pressed="false">Gods</button>
|
||||
@@ -617,27 +624,39 @@
|
||||
</section>
|
||||
|
||||
<section id="alphabet-section" hidden>
|
||||
<section class="alpha-special-top" aria-label="Alphabet special tools">
|
||||
<div class="planet-meta-card alpha-gematria-card">
|
||||
<strong>Gematria Calculator</strong>
|
||||
<div class="alpha-gematria-controls">
|
||||
<label class="alpha-gematria-field" for="alpha-gematria-cipher">
|
||||
<span>Cipher</span>
|
||||
<div class="alpha-lookup-shell">
|
||||
<section class="alpha-special-top" aria-label="Alphabet special tools">
|
||||
<div class="planet-meta-card alpha-gematria-card">
|
||||
<strong>Gematria Lookup</strong>
|
||||
<div class="alpha-gematria-toolbar">
|
||||
<label class="alpha-gematria-toggle" for="alpha-gematria-reverse">
|
||||
<input id="alpha-gematria-reverse" type="checkbox">
|
||||
<span>Reverse lookup</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="alpha-gematria-controls">
|
||||
<label class="alpha-gematria-field alpha-gematria-field-cipher" for="alpha-gematria-cipher">
|
||||
<span id="alpha-gematria-cipher-label">Cipher</span>
|
||||
<select id="alpha-gematria-cipher" class="alpha-gematria-cipher" aria-label="Gematria cipher"></select>
|
||||
</label>
|
||||
<label class="alpha-gematria-field" for="alpha-gematria-input">
|
||||
<span>Text</span>
|
||||
<span id="alpha-gematria-input-label">Text</span>
|
||||
<textarea id="alpha-gematria-input" class="alpha-gematria-input" placeholder="Type or paste text"></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div id="alpha-gematria-result" class="alpha-gematria-result">Total: --</div>
|
||||
<div id="alpha-gematria-breakdown" class="alpha-gematria-breakdown">Type text to calculate.</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="alpha-gematria-matches" class="alpha-gematria-matches" aria-live="polite" hidden></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="alphabet-letters-section" hidden>
|
||||
<div class="planet-layout">
|
||||
<aside class="planet-list-panel">
|
||||
<div class="planet-list-header">
|
||||
<strong>Alphabet Database</strong>
|
||||
<strong>Alphabet Letter Database</strong>
|
||||
<span id="alpha-letter-count" class="planet-list-count">--</span>
|
||||
</div>
|
||||
<div class="alpha-tabs">
|
||||
@@ -669,6 +688,7 @@
|
||||
<div id="alpha-detail-sub" class="planet-detail-type">Select a letter to explore</div>
|
||||
</div>
|
||||
<div id="alpha-detail-body" class="planet-meta-grid"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
@@ -812,46 +832,57 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="timeline-section" hidden>
|
||||
<div id="month-strip" aria-hidden="true"></div>
|
||||
<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-section">
|
||||
<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 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-section">
|
||||
<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 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>
|
||||
<div class="now-section">
|
||||
<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 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">Current Planet Positions & Sabian Symbol</div>
|
||||
<div id="now-stats-sabian" class="now-stats-sabian">--</div>
|
||||
<div id="now-stats-planets" class="now-stats-planets">--</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="now-stats-section">
|
||||
<div class="now-stats-title">Current Planet Positions & Sabian Symbol</div>
|
||||
<div id="now-stats-sabian" class="now-stats-sabian">--</div>
|
||||
<div id="now-stats-planets" class="now-stats-planets">--</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="month-strip" aria-hidden="true"></div>
|
||||
<div id="calendar"></div>
|
||||
<script src="node_modules/@toast-ui/calendar/dist/toastui-calendar.min.js"></script>
|
||||
<script src="node_modules/suncalc/suncalc.js"></script>
|
||||
<script src="node_modules/astronomy-engine/astronomy.browser.min.js"></script>
|
||||
@@ -919,12 +950,12 @@
|
||||
<script src="app/ui-tarot-spread.js"></script>
|
||||
<script src="app/ui-settings.js?v=20260309-gate"></script>
|
||||
<script src="app/ui-chrome.js"></script>
|
||||
<script src="app/ui-navigation.js"></script>
|
||||
<script src="app/ui-navigation.js?v=20260309-home-button"></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"></script>
|
||||
<script src="app/ui-section-state.js"></script>
|
||||
<script src="app/ui-section-state.js?v=20260309-home-button"></script>
|
||||
<script src="app/app-runtime.js?v=20260309-gate"></script>
|
||||
<script src="app.js?v=20260309-gate"></script>
|
||||
<script src="app.js?v=20260309-now-toggle"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user