update about information

app/ui.R

@@ -9,6 +9,8 @@ ui <- page_navbar(
   ),
   nav_panel(
     "Home",
+    layout_columns(
+      col_widths = c(6, 6),
       card(
         HTML(
           '
@@ -28,7 +30,7 @@ ui <- page_navbar(
 
         <h6>Methodology Innovations</h6>
 
-      <p>Our platform incorporates several methodological innovations over previously used cost normalization formulas:
+        <p>Our platform incorporates several methodological innovations over previously used cost normalization formulas:</p>
 
         <ul>
           <li><b>Radius of Maximum Wind (RMW) Data:</b> Using landfalling RMWs to identify impacted coastal counties.</li>
@@ -41,6 +43,33 @@ ui <- page_navbar(
         </ul>
         '
         )
+      ),
+      card(
+        HTML(
+          '
+        <h4>How to Use This App</h4>
+
+        <h6>1. Find a Storm &mdash; Storm Selector</h6>
+        <p>Browse and filter the full storm database. Use the search bar to find a storm by name, or narrow results by year range, available data types, and normalized cost or fatality thresholds. Click a row to preview storm statistics, then press <b>Load Storm</b> to explore it in detail.</p>
+
+        <h6>2. Explore Storm Data &mdash; Storm Explorer</h6>
+        <p>Once a storm is loaded, four analysis tabs become available:</p>
+        <ul>
+          <li><b>Track:</b> Interactive map of the storm\'s full HURDAT2 track with meteorological observations and a time-series chart of windspeed and pressure.</li>
+
+          <li><b>Cost Normalization:</b> View MMH24 and MMP24 normalized damage indices and losses over time for each landfall. Toggle between index and dollar values, linear and log scale, and individual landfalls.</li>
+
+          <li><b>Human Factors:</b> Animated county-level map showing population and housing unit growth in the affected area from the storm year through 2024.</li>
+
+          <li><b>Fatality Map:</b> State-level direct fatality breakdown by cause, with a category pie chart and state-by-cause heatmap.</li>
+        </ul>
+
+        <h6>Data Availability</h6>
+        <p>All storms include HURDAT2 track data. Cost normalization and fatality data are available for a subset of storms, indicated by the <span class="badge bg-success">Cost</span> and <span class="badge bg-danger">Fatality</span> badges in the Storm Selector.</p>
+        '
+        )
+      )
+      # TODO: contact us information
     )
   ),
   nav_panel(
@@ -359,12 +388,10 @@ ui <- page_navbar(
   nav_menu(
     "Data",
     nav_panel("What We Track"),
-    nav_panel("Sources"),
     nav_panel("Export")
   ),
   nav_menu(
     "About",
-    nav_panel("Contact Us"),
     nav_panel("Our Studies"),
     nav_panel("MMH/MMP Methodology")
   )