goyimnose/TaroTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update ui and add new audio components

Browse Source
This commit is contained in:
Nose
2026-03-14 00:45:15 -07:00
parent aa3f23c92c
commit 843c2fe96f
13 changed files with 2458 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
index.html
View File

@@ -16,7 +16,7 @@
<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?v=20260312-house-cube-01">
<link rel="stylesheet" href="app/styles.css?v=20260314-audio-circle-01">
</head>
<body>
<div class="topbar">
@@ -39,6 +39,13 @@
<button id="open-zodiac" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Zodiac</button>
</div>
</div>
<div class="topbar-dropdown" aria-label="Audio menu">
<button id="open-audio" class="settings-trigger" type="button" aria-pressed="false" aria-haspopup="menu" aria-controls="audio-subpages" aria-expanded="false">Audio ▾</button>
<div id="audio-subpages" class="topbar-dropdown-menu" role="menu" aria-label="Audio subpages">
<button id="open-audio-circle" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Circle</button>
<button id="open-audio-notes" class="settings-trigger topbar-sub-trigger" type="button" role="menuitem">Notes</button>
</div>
</div>
<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">
@@ -455,6 +462,50 @@
</section>
</div>
</section>
<section id="audio-notes-section" hidden>
<div class="planet-layout">
<aside class="planet-list-panel">
<div class="planet-list-header">
<strong>Audio &gt; Notes</strong>
<span id="audio-note-count" class="planet-list-count">--</span>
</div>
<div class="audio-note-intro planet-text">Browse the 12 equal-tempered pitch classes with reference frequencies anchored to A4 = 440 Hz.</div>
<div class="dataset-search-wrap">
<input id="audio-note-search-input" class="dataset-search-input" type="search" placeholder="Search note names, aliases, intervals" aria-label="Search audio notes">
<button id="audio-note-search-clear" class="dataset-search-clear" type="button" aria-label="Clear audio note search" disabled>×</button>
</div>
<div id="audio-note-list" class="planet-card-list" role="listbox" aria-label="Audio notes"></div>
</aside>
<section class="planet-detail-panel" aria-live="polite">
<div class="planet-detail-heading">
<h2 id="audio-note-detail-name">--</h2>
<div id="audio-note-detail-sub" class="planet-detail-type">Select a note to explore</div>
<div id="audio-note-detail-summary" class="planet-detail-summary">--</div>
</div>
<div id="audio-note-detail-body" class="audio-note-detail-stack"></div>
</section>
</div>
</section>
<section id="audio-circle-section" hidden>
<div class="audio-circle-layout">
<aside class="audio-circle-stage-panel">
<div class="planet-list-header">
<strong>Audio &gt; Circle</strong>
<span class="planet-list-count">12 Keys</span>
</div>
<div class="audio-circle-intro planet-text">The Circle of Fifths orders keys by perfect fifth motion. Tap any key to hear its tonic and inspect its clockwise and counter-clockwise neighbors.</div>
<div id="audio-circle-stage" class="audio-circle-stage" aria-label="Circle of Fifths"></div>
</aside>
<section class="planet-detail-panel audio-circle-detail-panel" aria-live="polite">
<div class="planet-detail-heading">
<h2 id="audio-circle-detail-name">Circle of Fifths</h2>
<div id="audio-circle-detail-sub" class="planet-detail-type">Select a key to explore its tonic, relative minor, and neighbors</div>
<div id="audio-circle-detail-summary" class="planet-detail-summary">--</div>
</div>
<div id="audio-circle-detail-body" class="audio-circle-detail-stack"></div>
</section>
</div>
</section>
<section id="iching-section" hidden>
<div class="planet-layout">
<aside class="planet-list-panel">
@@ -737,6 +788,18 @@
</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>
@@ -965,8 +1028,8 @@
<script src="app/ui-tarot-lightbox.js?v=20260312-compare-zoom-01"></script>
<script src="app/ui-tarot-house.js?v=20260312-house-cube-01"></script>
<script src="app/ui-tarot-relations.js"></script>
<script src="app/ui-now-helpers.js"></script>
<script src="app/ui-now.js"></script>
<script src="app/ui-now-helpers.js?v=20260314-now-planets-grid-01"></script>
<script src="app/ui-now.js?v=20260314-now-planets-grid-01"></script>
<script src="app/ui-natal.js"></script>
<script src="app/tarot-database-builders.js"></script>
<script src="app/tarot-database-assembly.js"></script>
@@ -987,6 +1050,8 @@
<script src="app/ui-planets.js"></script>
<script src="app/ui-cycles.js"></script>
<script src="app/ui-elements.js"></script>
<script src="app/ui-audio-notes.js?v=20260314-audio-notes-02"></script>
<script src="app/ui-audio-circle.js?v=20260314-audio-circle-01"></script>
<script src="app/ui-iching-references.js"></script>
<script src="app/ui-iching.js"></script>
<script src="app/ui-rosicrucian-cross.js"></script>
@@ -1004,7 +1069,7 @@
<script src="app/ui-alphabet-detail.js?v=20260309-enochian-api"></script>
<script src="app/ui-alphabet-kabbalah.js"></script>
<script src="app/ui-alphabet.js?v=20260308b"></script>
<script src="app/ui-alphabet-text.js?v=20260312-source-search-01"></script>
<script src="app/ui-alphabet-text.js?v=20260314-text-compare-01"></script>
<script src="app/ui-zodiac-references.js"></script>
<script src="app/ui-zodiac.js"></script>
<script src="app/ui-quiz-bank-builtins-domains.js"></script>
@@ -1021,13 +1086,13 @@
<script src="app/ui-numbers.js"></script>
<script src="app/ui-tarot-spread.js"></script>
<script src="app/ui-settings.js?v=20260309-gate"></script>
<script src="app/ui-chrome.js?v=20260312-menu-unify-01"></script>
<script src="app/ui-navigation.js?v=20260312-house-cube-01"></script>
<script src="app/ui-chrome.js?v=20260314-mobile-menu-overlay-01"></script>
<script src="app/ui-navigation.js?v=20260314-audio-circle-01"></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?v=20260312-house-cube-01"></script>
<script src="app/ui-section-state.js?v=20260314-audio-circle-01"></script>
<script src="app/app-runtime.js?v=20260309-gate"></script>
<script src="app.js?v=20260312-house-cube-01"></script>
<script src="app.js?v=20260314-audio-circle-01"></script>
</body>
</html>