Restore FAQ button at top-right.

Adds a top-right FAQ button in the hero while keeping a footer FAQ button, both opening the same modal.
2025-12-26 20:28:23 +00:00
parent b0c1b49d2a
commit 839d40447f
2 changed files with 11 additions and 1 deletions
@@ -67,6 +67,7 @@
        .hero {
            text-align: center;
            margin: 0 0 calc(var(--spacing-unit) * 4) 0;
+            position: relative;
        }
        .hero h1 {
            color: var(--color-accent-primary);
@@ -94,6 +95,11 @@
            box-shadow: var(--shadow-sm);
            border-color: rgba(255,255,255,0.22);
        }
+        .faq-top {
+            position: absolute;
+            top: 0;
+            right: 0;
+        }

        /* FAQ modal */
        .modal-backdrop {
@@ -938,6 +944,7 @@
 <body>
    <div class="container">
        <div class="hero">
+            <button id="faqBtn" class="faq-link faq-top" type="button">FAQ</button>
            <h1>MOTIF</h1>
            <p class="tagline"><strong>Procedural music generated from MIDI structure</strong></p>
        </div>
@@ -1035,7 +1042,7 @@
    </div>

    <div class="footer">
-        <button id="faqBtn" class="faq-link" type="button">FAQ</button>
+        <button id="faqBtnFooter" class="faq-link" type="button">FAQ</button>
    </div>

    <div id="faqModalBackdrop" class="modal-backdrop" role="dialog" aria-modal="true" aria-labelledby="faqTitle">