Refactor layout and styles in CSS; remove unused car SVG from assets

templates/index.html

@@ -24,13 +24,9 @@
           <small>TeslaCam Archive</small>
         </div>
       </div>
-    </header>
-
-    <!-- Main Layout: single column, centered -->
-    <div class="layout">
       <!-- Region filter bar -->
       <nav class="region-bar" id="regionBar">
-        <span class="region-label">Shortcuts:</span>
+        <span class="region-label">Jump:</span>
         <button
           class="region-btn"
           id="firstBtn"
@@ -40,36 +36,12 @@
           Start
         </button>
       </nav>
+    </header>
 
+    <!-- Main Layout: single column, centered -->
+    <div class="layout">
       <!-- Video Player -->
       <section class="player-panel">
-        <div class="video-stage">
-          {% set src = "src='" ~ default_url ~ "'" if default_url else '' %} {%
-          set hidden = 'hidden' if not default_url else '' %}
-          <video
-            id="player"
-            controls
-            preload="metadata"
-            playsinline
-            {{src}}
-          ></video>
-          <canvas id="noiseCanvas" class="noise-canvas"></canvas>
-          <div class="video-badge" id="videoBadge">
-            <span class="dot"></span><span id="badgeText">Front</span>
-          </div>
-          <div class="video-placeholder" id="videoPlaceholder" {{hidden}}>
-            <svg
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="1.5"
-            >
-              <rect x="2" y="6" width="14" height="12" rx="2" />
-              <path d="M16 10l6-3v10l-6-3" />
-            </svg>
-            <div>No front camera footage found</div>
-          </div>
-        </div>
         {% set phidden = 'hidden' if not default_url else '' %}
         <div class="now-playing" id="nowPlaying" {{phidden}}>
           <button
@@ -112,6 +84,33 @@
             </svg>
           </button>
         </div>
+        <div class="video-stage">
+          {% set src = "src='" ~ default_url ~ "'" if default_url else '' %} {%
+          set hidden = 'hidden' if not default_url else '' %}
+          <video
+            id="player"
+            controls
+            preload="metadata"
+            playsinline
+            {{src}}
+          ></video>
+          <canvas id="noiseCanvas" class="noise-canvas"></canvas>
+          <div class="video-badge" id="videoBadge">
+            <span class="dot"></span><span id="badgeText">Front</span>
+          </div>
+          <div class="video-placeholder" id="videoPlaceholder" {{hidden}}>
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.5"
+            >
+              <rect x="2" y="6" width="14" height="12" rx="2" />
+              <path d="M16 10l6-3v10l-6-3" />
+            </svg>
+            <div>No front camera footage found</div>
+          </div>
+        </div>
       </section>
 
       <!-- Camera Angle Selector: 3-column grid around Model Y graphic -->
@@ -135,15 +134,6 @@
               <span class="cs-btn-label">{{ cam.display }}</span>
             </button>
             {% if cam.key=='front' %}
-            <!-- Model Y Top-Down SVG -->
-            <div class="car-graphic" aria-hidden="true">
-              <img
-                src="{{ url_for('static', filename='img/car.svg') }}"
-                alt="Model Y Top-Down View"
-                height="400"
-                width="200"
-              />
-            </div>
             {% endif %} {% endfor %}
           </div>
           {% endfor %}