Update app.py

app.py

@@ -31,7 +31,7 @@ california_med_centers = [
 
 # Initialize session state
 if 'car_position' not in st.session_state:
-    st.session_state.car_position = [37.7631, -122.4576]  # Default start: UCSF
+    st.session_state.car_position = [37.7631, -122.4576]
 if 'is_moving' not in st.session_state:
     st.session_state.is_moving = False
 if 'start' not in st.session_state:
@@ -45,7 +45,7 @@ if 'elapsed_time' not in st.session_state:
 
 # Distance calculation (Haversine in miles)
 def calculate_distance(lat1, lon1, lat2, lon2):
-    R = 3958.8  # Earth radius in miles
+    R = 3958.8
     lat1_rad, lon1_rad = math.radians(lat1), math.radians(lon1)
     lat2_rad, lon2_rad = math.radians(lat2), math.radians(lon2)
     dlat = lat2_rad - lat1_rad
@@ -54,7 +54,7 @@ def calculate_distance(lat1, lon1, lat2, lon2):
     c = 2 * math.atan2(math.sqrt(a), math.sqrt(1 - a))
     return R * c
 
-# Create map with hovercar
+# Create map
 def create_map():
     m = folium.Map(location=st.session_state.car_position, zoom_start=13, tiles="CartoDB Positron")
     marker_cluster = MarkerCluster().add_to(m)
@@ -67,7 +67,7 @@ def create_map():
     folium.Marker(
         location=st.session_state.car_position,
         popup='Hovercar',
-        icon=folium.Icon(color='purple', icon='rocket', prefix='fa')  # Rocket for hovercar
+        icon=folium.Icon(color='purple', icon='rocket', prefix='fa')
     ).add_to(m)
     return m
 
@@ -79,37 +79,22 @@ def move_car():
     st.session_state.car_position[0] += lat_step
     st.session_state.car_position[1] += lon_step
 
-# Calculate speed (mph) and ETA
+# Calculate speed and ETA
 total_distance = calculate_distance(st.session_state.start[1], st.session_state.start[2],
                                     st.session_state.destination[1], st.session_state.destination[2])
-steps = 50  # Number of steps for the trip
-step_time = 0.5  # Seconds per step
-total_time = steps * step_time  # Total seconds for the trip
-speed = total_distance / (total_time / 3600)  # mph (distance / hours)
+steps = 50
+step_time = 0.5
+total_time = steps * step_time
+speed = total_distance / (total_time / 3600)
 
-# Layout: Two columns
-left_col, right_col = st.columns([2, 1])
+# Layout: 75% left, 25% right
+left_col, right_col = st.columns([3, 1])
 
-# Left column: Map and stats
+# Left column: Map (9x16 landscape)
 with left_col:
     st.markdown("### 🚀 Hovercar Command Center 🛸")
     m = create_map()
-    folium_static(m, width=800, height=600)  # Adjusted map size
-
-    # Display stats
-    remaining_distance = calculate_distance(
-        st.session_state.car_position[0], st.session_state.car_position[1],
-        st.session_state.destination[1], st.session_state.destination[2]
-    )
-    st.write(f"**Start**: {st.session_state.start[0]} ({st.session_state.start[1]:.4f}, {st.session_state.start[2]:.4f})")
-    st.write(f"**Destination**: {st.session_state.destination[0]} ({st.session_state.destination[1]:.4f}, {st.session_state.destination[2]:.4f})")
-    st.write(f"**Total Distance**: {total_distance:.1f} miles")
-    st.write(f"**Remaining Distance**: {remaining_distance:.1f} miles")
-    st.write(f"**Speed**: {speed:.1f} mph")
-    st.write(f"**ETA**: {total_time:.1f} seconds")
-    if st.session_state.is_moving:
-        elapsed = st.session_state.elapsed_time
-        st.write(f"**Elapsed Time**: {elapsed:.1f} seconds")
+    folium_static(m, width=720, height=1280)  # 9:16 ratio scaled to fit
 
     # Controls
     col1, col2, col3 = st.columns(3)
@@ -129,33 +114,51 @@ with left_col:
             st.session_state.elapsed_time = 0
             st.rerun()
 
-# Right column: Start and destination selection
+# Right column: Stats and two sub-columns for buttons
 with right_col:
-    st.markdown("### 🎯 Navigation Controls")
+    st.markdown("### 📡 Mission Status")
+    remaining_distance = calculate_distance(
+        st.session_state.car_position[0], st.session_state.car_position[1],
+        st.session_state.destination[1], st.session_state.destination[2]
+    )
+    st.write(f"**Start**: {st.session_state.start[0]} ({st.session_state.start[1]:.4f}, {st.session_state.start[2]:.4f})")
+    st.write(f"**Destination**: {st.session_state.destination[0]} ({st.session_state.destination[1]:.4f}, {st.session_state.destination[2]:.4f})")
+    st.write(f"**Total Distance**: {total_distance:.1f} miles")
+    st.write(f"**Remaining Distance**: {remaining_distance:.1f} miles")
+    st.write(f"**Speed**: {speed:.1f} mph")
+    st.write(f"**ETA**: {total_time:.1f} seconds")
+    if st.session_state.is_moving:
+        elapsed = st.session_state.elapsed_time
+        st.write(f"**Elapsed Time**: {elapsed:.1f} seconds")
+
+    # Two sub-columns for start and destination
+    start_col, dest_col = st.columns(2)
     
-    st.write("**🚦 Set Start Point**")
-    for center in california_med_centers:
-        if st.button(f"📍 {center[0]}", key=f"start_{center[0]}"):
-            st.session_state.start = center
-            st.session_state.car_position = [center[1], center[2]]
-            st.session_state.is_moving = False
-            st.session_state.start_time = None
-            st.session_state.elapsed_time = 0
-            st.rerun()
+    with start_col:
+        st.write("**🚦 Start Points**")
+        for center in california_med_centers:
+            if st.button(f"📍 {center[0]}", key=f"start_{center[0]}"):
+                st.session_state.start = center
+                st.session_state.car_position = [center[1], center[2]]
+                st.session_state.is_moving = False
+                st.session_state.start_time = None
+                st.session_state.elapsed_time = 0
+                st.rerun()
 
-    st.write("**🏁 Set Destination**")
-    for center in california_med_centers:
-        if st.button(f"🎯 {center[0]}", key=f"dest_{center[0]}"):
-            st.session_state.destination = center
-            st.session_state.is_moving = False
-            st.session_state.start_time = None
-            st.session_state.elapsed_time = 0
-            st.rerun()
+    with dest_col:
+        st.write("**🏁 Destinations**")
+        for center in california_med_centers:
+            if st.button(f"🎯 {center[0]}", key=f"dest_{center[0]}"):
+                st.session_state.destination = center
+                st.session_state.is_moving = False
+                st.session_state.start_time = None
+                st.session_state.elapsed_time = 0
+                st.rerun()
 
 # Movement logic
 if st.session_state.is_moving:
     move_car()
     if st.session_state.start_time:
         st.session_state.elapsed_time = time.time() - st.session_state.start_time
-    time.sleep(0.5)  # Pause for smoothness
+    time.sleep(0.5)
     st.rerun()