diff --git a/api/flockyou.py b/api/flockyou.py index 29ee510..c7d36ac 100644 --- a/api/flockyou.py +++ b/api/flockyou.py @@ -932,7 +932,7 @@ if __name__ == '__main__': print("Press Ctrl+C to stop the server") try: - socketio.run(app, debug=False, host='0.0.0.0', port=5000, allow_unsafe_werkzeug=True) + socketio.run(app, debug=False, host='0.0.0.0', port=5000) except KeyboardInterrupt: print("\nShutting down server...") # Clean up connections diff --git a/api/templates/index.html b/api/templates/index.html index 6498bfb..b33447c 100644 --- a/api/templates/index.html +++ b/api/templates/index.html @@ -34,6 +34,7 @@ justify-content: space-between; align-items: center; width: 100%; + gap: 1rem; } .header-left { @@ -41,6 +42,12 @@ align-items: center; } + .header-right { + display: flex; + align-items: center; + gap: 1rem; + } + .header h1 { font-size: 1.6rem; margin: 0; @@ -55,9 +62,8 @@ text-shadow: 0 0 10px rgba(236, 72, 153, 0.5); letter-spacing: 2px; margin: 0; - position: absolute; - top: 1rem; - right: 2rem; + white-space: nowrap; + flex-shrink: 0; } .controls { @@ -71,8 +77,23 @@ display: flex; align-items: center; gap: 0.5rem; + position: relative; } + .device-control-group { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .header-buttons { + display: flex; + align-items: center; + gap: 1rem; + } + + + .control-group label { font-weight: 600; color: #e0e0e0; @@ -850,24 +871,31 @@ .header-content { flex-direction: column; gap: 1rem; + align-items: stretch; } - .header-left { - justify-content: center; + .flock-you-title { + font-size: 1.2rem; + text-align: center; + order: -1; } .controls { flex-direction: column; align-items: stretch; gap: 1rem; + width: 100%; } + .device-control-group, .control-group { + width: 100%; justify-content: space-between; } - .status { + .header-buttons { justify-content: center; + width: 100%; } .detection-details { @@ -879,10 +907,12 @@
-

FLOCK-YOU

+

FLOCK-YOU

+
-
+
+
@@ -910,19 +941,11 @@
- -
-
-
- Sniffer Disconnected -
-
-
- GPS Disconnected -
- - -
+
+ +
+ +
@@ -1214,27 +1237,21 @@ function updateFlockStatus(connected) { const indicator = document.getElementById('flockStatus'); - const text = document.getElementById('flockStatusText'); if (connected) { indicator.classList.add('active'); - text.textContent = 'Sniffer Connected'; } else { indicator.classList.remove('active'); - text.textContent = 'Sniffer Disconnected'; } } function updateGpsStatus(connected) { const indicator = document.getElementById('gpsStatus'); - const text = document.getElementById('gpsStatusText'); if (connected) { indicator.classList.add('active'); - text.textContent = 'GPS Connected'; } else { indicator.classList.remove('active'); - text.textContent = 'GPS Disconnected'; } }