From 1075be6e241dfa6b2653cff66ab2dc09da09230e Mon Sep 17 00:00:00 2001
From: Chris Frankland-Wright <christopherjfrankland@googlemail.com>
Date: Tue, 12 Aug 2025 16:06:38 +0100
Subject: [PATCH] hide sections

---
 static/index.html | 120 +++++++++++++++++++++++-----------------------
 1 file changed, 60 insertions(+), 60 deletions(-)

diff --git a/static/index.html b/static/index.html
index 7178fb9..92a02b3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -62,71 +62,71 @@
                     <h2>Controls</h2>
                 </div>
                 <div class="collapsible-content" id="controls-content">
-                <div class="control-group">
-                    <label for="hw-offset">Hardware Offset (ms):</label>
-                    <input type="number" id="hw-offset" name="hw-offset">
+                    <!--    <div class="control-group">
+        <label for="hw-offset">Hardware Offset (ms):</label>
+        <input type="number" id="hw-offset" name="hw-offset">
+    </div>
+    <div class="control-group">
+        <input type="checkbox" id="auto-sync-enabled" name="auto-sync-enabled" style="vertical-align: middle;">
+        <label for="auto-sync-enabled" style="vertical-align: middle;">Enable Auto Sync</label>
+    </div> -->
+                    <div class="control-group">
+                        <label>Timeturner Offset</label>
+                        <div style="display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start;">
+                            <div style="display: flex; flex-direction: column;">
+                                <label for="offset-h">Hours</label>
+                                <input type="number" id="offset-h" style="width: 60px;">
+                            </div>
+                            <div style="display: flex; flex-direction: column;">
+                                <label for="offset-m">Minutes</label>
+                                <input type="number" id="offset-m" style="width: 60px;">
+                            </div>
+                            <div style="display: flex; flex-direction: column;">
+                                <label for="offset-s">Seconds</label>
+                                <input type="number" id="offset-s" style="width: 60px;">
+                            </div>
+                            <div style="display: flex; flex-direction: column;">
+                                <label for="offset-f">Frames</label>
+                                <input type="number" id="offset-f" style="width: 60px;">
+                            </div>
+                            <div style="display: flex; flex-direction: column;">
+                                <label for="offset-ms">Milliseconds</label>
+                                <input type="number" id="offset-ms" style="width: 60px;">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="control-group">
+                        <button id="save-config">Save Config</button>
+                        <button id="manual-sync">Manual Sync</button>
+                        <span id="sync-message"></span>
+                    </div>
+                    <!--<div class="control-group">
+                        <label>Nudge Clock (ms):</label>
+                        <button id="nudge-down">-</button>
+                        <input type="number" id="nudge-value" style="width: 60px;">
+                        <button id="nudge-up">+</button>
+                        <span id="nudge-message"></span>
+                    </div> -->
+                    <div class="control-group">
+                        <label for="date-input">Set System Date:</label>
+                        <input type="text" id="date-input" placeholder="YYYY-MM-DD" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">
+                        <button id="set-date">Set Date</button>
+                        <span id="date-message"></span>
+                    </div>
                 </div>
-                <div class="control-group">
-                    <input type="checkbox" id="auto-sync-enabled" name="auto-sync-enabled" style="vertical-align: middle;">
-                    <label for="auto-sync-enabled" style="vertical-align: middle;">Enable Auto Sync</label>
-                </div>
-                <div class="control-group">
-                    <label>Timeturner Offset</label>
-                    <div style="display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start;">
-                        <div style="display: flex; flex-direction: column;">
-                            <label for="offset-h">Hours</label>
-                            <input type="number" id="offset-h" style="width: 60px;">
+    </div>
+
+    <!-- Logs -->
+                    <div class="card full-width collapsible-card">
+                        <div class="toggle-header" id="logs-toggle">
+                            <img src="assets/timeturner_logs.png" class="toggle-icon" alt="Logs Icon">
+                            <h2>Logs</h2>
                         </div>
-                        <div style="display: flex; flex-direction: column;">
-                            <label for="offset-m">Minutes</label>
-                            <input type="number" id="offset-m" style="width: 60px;">
-                        </div>
-                        <div style="display: flex; flex-direction: column;">
-                            <label for="offset-s">Seconds</label>
-                            <input type="number" id="offset-s" style="width: 60px;">
-                        </div>
-                        <div style="display: flex; flex-direction: column;">
-                            <label for="offset-f">Frames</label>
-                            <input type="number" id="offset-f" style="width: 60px;">
-                        </div>
-                        <div style="display: flex; flex-direction: column;">
-                            <label for="offset-ms">Milliseconds</label>
-                            <input type="number" id="offset-ms" style="width: 60px;">
+                        <div class="collapsible-content" id="logs-content">
+                            <pre id="logs" class="log-box"></pre>
                         </div>
                     </div>
                 </div>
-                 <div class="control-group">
-                    <button id="save-config">Save Config</button>
-                    <button id="manual-sync">Manual Sync</button>
-                    <span id="sync-message"></span>
-                </div>
-                <div class="control-group">
-                    <label>Nudge Clock (ms):</label>
-                    <button id="nudge-down">-</button>
-                    <input type="number" id="nudge-value" style="width: 60px;">
-                    <button id="nudge-up">+</button>
-                    <span id="nudge-message"></span>
-                </div>
-                <div class="control-group">
-                    <label for="date-input">Set System Date:</label>
-                    <input type="text" id="date-input" placeholder="YYYY-MM-DD" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">
-                    <button id="set-date">Set Date</button>
-                    <span id="date-message"></span>
-                </div>
-                </div>
-            </div>
-
-            <!-- Logs -->
-            <div class="card full-width collapsible-card">
-                <div class="toggle-header" id="logs-toggle">
-                    <img src="assets/timeturner_logs.png" class="toggle-icon" alt="Logs Icon">
-                    <h2>Logs</h2>
-                </div>
-                <div class="collapsible-content" id="logs-content">
-                    <pre id="logs" class="log-box"></pre>
-                </div>
-            </div>
-        </div>
         <footer>
             <p>
                 Built by Chris Frankland-Wright and John Rogers | Have Blue Broadcast Media |