Browse Source

Persistent Debug overlay, Slider modifications and all.

refactor/modularize
RUSHIL AMBARISH KADU 9 months ago
parent
commit
2075b9f028
  1. 12
      steps/index.html

12
steps/index.html

@ -123,6 +123,12 @@
Load JSON data to start visualization Load JSON data to start visualization
</p> </p>
</div> </div>
<!-- START: Add the new Radar Info Overlay here -->
<div id="radar-info-overlay"
class="absolute top-1 left-2 z-10 bg-black bg-opacity-60 text-white font-mono text-xs p-2 rounded-md hidden">
<!-- Content will be added by JavaScript -->
</div>
<!-- END: Add the new Radar Info Overlay here -->
<div class="absolute bottom-2 left-1/2 -translate-x-1/2 flex items-center justify-center gap-4"> <div class="absolute bottom-2 left-1/2 -translate-x-1/2 flex items-center justify-center gap-4">
<div id="ego-speed-display" <div id="ego-speed-display"
class="bg-black bg-opacity-60 text-white text-sm px-3 py-1.5 rounded-md hidden font-mono"></div> class="bg-black bg-opacity-60 text-white text-sm px-3 py-1.5 rounded-md hidden font-mono"></div>
@ -203,6 +209,12 @@
<p id="video-placeholder" class="text-gray-500 dark:text-gray-400 text-lg"> <p id="video-placeholder" class="text-gray-500 dark:text-gray-400 text-lg">
Load a video file Load a video file
</p> </p>
<!-- START: Add the new Video Info Overlay here -->
<div id="video-info-overlay"
class="absolute top-1 left-2 z-10 bg-black bg-opacity-60 text-white font-mono text-xs p-2 rounded-md hidden">
<!-- Content will be added by JavaScript -->
</div>
<!-- END: Add the new Video Info Overlay here -->
<div id="debug-overlay" <div id="debug-overlay"
class="absolute top-0 left-0 bg-black bg-opacity-60 text-white p-2 font-mono text-xs hidden w-full"></div> class="absolute top-0 left-0 bg-black bg-opacity-60 text-white p-2 font-mono text-xs hidden w-full"></div>
</div> </div>

Loading…
Cancel
Save