update frame

This commit is contained in:
2026-04-01 19:26:38 -07:00
parent efe5017740
commit 6c3100b5c9
5 changed files with 303 additions and 75 deletions

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=20260401-tarot-frame-12">
<link rel="stylesheet" href="app/styles.css?v=20260402-frame-center-05">
</head>
<body>
<div class="topbar">
@@ -313,7 +313,7 @@
<div class="tarot-frame-header">
<div>
<h2 class="tarot-frame-title">Tarot Frame</h2>
<p class="tarot-frame-copy">Arrange all 78 tarot cards inside one master 18x18 grid, then switch between the Frames and House of Cards presets without leaving the page.</p>
<p class="tarot-frame-copy">Arrange all 78 tarot cards inside one master 14x14 grid, then switch between the Frames and House of Cards presets without leaving the page. Use the shared settings panel to change the grid zoom for any layout.</p>
</div>
<div class="tarot-frame-actions">
<button id="tarot-frame-settings-toggle" class="tarot-frame-action-btn tarot-frame-settings-toggle" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="tarot-frame-settings-panel">Settings</button>
@@ -329,13 +329,23 @@
</button>
</div>
<div id="tarot-frame-settings-panel" class="tarot-frame-settings-panel" role="dialog" aria-label="Tarot Frame settings" hidden>
<label class="tarot-frame-field" for="tarot-frame-grid-zoom">
<span>Grid Zoom</span>
<select id="tarot-frame-grid-zoom">
<option value="0">100%</option>
<option value="1">120%</option>
<option value="2">140%</option>
<option value="3">170%</option>
<option value="4">200%</option>
</select>
</label>
<label class="tarot-frame-toggle" for="tarot-frame-show-info">
<input id="tarot-frame-show-info" type="checkbox" checked>
<span>Display Info</span>
</label>
<div id="tarot-frame-house-settings" class="tarot-frame-settings-group" hidden>
<div class="tarot-frame-settings-heading">House Layout Settings</div>
<div class="tarot-frame-settings-note">These controls mirror the old House of Cards view and only apply while that layout is active.</div>
<div id="tarot-frame-house-settings" class="tarot-frame-settings-group">
<div class="tarot-frame-settings-heading">Card Display Settings</div>
<div class="tarot-frame-settings-note">These controls apply to every Frame layout. Top settings affect major arcana, and lower settings affect minor and court cards.</div>
<label class="tarot-frame-toggle" for="tarot-frame-house-top-cards-visible">
<input id="tarot-frame-house-top-cards-visible" type="checkbox" checked>
<span>Show top card images</span>
@@ -1108,7 +1118,7 @@
<script src="app/data-service.js?v=20260319-word-dictionary-01"></script>
<script src="app/calendar-events.js"></script>
<script src="app/card-images.js?v=20260309-gate"></script>
<script src="app/ui-tarot-lightbox.js?v=20260328-lightbox-settings-01"></script>
<script src="app/ui-tarot-lightbox.js?v=20260402-lightbox-pinch-zoom-01"></script>
<script src="app/ui-tarot-house.js?v=20260401-house-top-date-01"></script>
<script src="app/ui-tarot-relations.js"></script>
<script src="app/ui-now-helpers.js?v=20260314-now-planets-grid-01"></script>
@@ -1168,7 +1178,7 @@
<script src="app/ui-numbers-detail.js"></script>
<script src="app/ui-numbers.js"></script>
<script src="app/ui-tarot-spread.js"></script>
<script src="app/ui-tarot-frame.js?v=20260401-tarot-frame-11"></script>
<script src="app/ui-tarot-frame.js?v=20260402-frame-center-05"></script>
<script src="app/ui-settings.js?v=20260309-gate"></script>
<script src="app/ui-chrome.js?v=20260328-topbar-settings-01"></script>
<script src="app/ui-navigation.js?v=20260401-tarot-frame-01"></script>
@@ -1177,7 +1187,7 @@
<script src="app/ui-home-calendar.js"></script>
<script src="app/ui-section-state.js?v=20260401-tarot-frame-01"></script>
<script src="app/app-runtime.js?v=20260309-gate"></script>
<script src="app.js?v=20260401-tarot-frame-02"></script>
<script src="app.js?v=20260402-global-zoom-01"></script>
<script src="app/navigation-detail-test-harness.js?v=20260401-universal-detail-02"></script>
</body>
</html>