Darnah Flood data story (#372)

* initial push of Darnah Flood data story

* added Daniel satellite image and medicane prose

* renamed daniel image file

* added more prose blocks

* added static figures of flood extent and building detection

* Created data.mdx for HLS pre- and post-flood

* syntax issues with data

* fixing blocks in data catalog

* fixing coords on HLS

* test

* changed dataset ID

* Added scrollytelling timeline of Daniel

* test data config

* changed asset_bidx

* further bidx editing

* more bidx edits

* added GPM data

* Added GPM data to scrollytelling

* test update to darnah scrolly dates

Testing whether adjusting the datetime= code adjusts the date in the scrollytelling feature

* testing darnah scrollytelling dates

additional testing

* testing scrolly dates pt. 2 sept 2

testing 2023-02-09 dates to see if data shows in preview

* Optimize images

* new dataset- GPM IMERG turned into daily cogs for entire storm life.

* updated scrollytelling with new dataset for GPM IMERG

* fixed author order/added authors and disclaimer to old stories

---------

Co-authored-by: Jerika Christman <[email protected]>
Co-authored-by: Hanbyul Jo <[email protected]>

datasets/darnah-flood.data.mdx

@@ -0,0 +1,146 @@
+---
+id: darnah-flood
+name: 'Darnah, Libya Flood'
+description: "HLS (SWIR FalseColor composites) imagery supporting the Darnah Flood Story"
+media:
+  src: ::file ./darnah-flood-background.jpg
+  alt: Aerial view over the Wadi Darnah River post-flood in Derna, Libya on September 14, 2023.
+  author:
+    name: Marwan Alfaituri (Reuters)
+    url: https://abcnews.go.com/International/casualties-libya-floods-avoided-world-meteorological-organization-chief/story?id=103200104
+taxonomy:
+  - name: Topics
+    values:
+      - EIS
+  - name: Source
+    values:
+      - UAH
+
+layers:
+  - id: darnah-flood
+    stacCol: darnah-flood
+    name: HLS SWIR FalseColor Composite
+    type: raster
+    description: 'HLS falsecolor composite imagery using S30 Bands 12, 8A, and 4, over Darnah, Libya.'
+    zoomExtent:
+      - 0
+      - 20
+    sourceParams:
+      rescale:
+        - 0,5000
+      resampling: bilinear
+      asset_bidx: cog_default|1,2,3
+    compare:
+      datasetId: darnah-flood
+      layerId: darnah-flood
+      mapLabel: |
+        ::js ({ dateFns, datetime, compareDatetime }) => {
+          return `${dateFns.format(datetime, 'DD LLL yyyy')}`;        
+        }
+
+  - id: darnah-gpm-daily
+    stacCol: darnah-gpm-daily
+    name: GPM Accumulated Rainfall
+    type: raster
+    description: 'Accumulated Rainfall (mm) over the eastern Mediterranean Sea from Medicane Daniel (4 - 16 September, 2023).'
+    initialDatetime: newest
+    zoomExtent:
+      - 0
+      - 20
+
+    sourceParams:
+      colormap_name: inferno
+      nodata: 0
+      resampling: bilinear
+      bidx: 1
+      rescale:
+        - 0.1
+        - 500
+
+    legend:
+      type: gradient
+      min: "0.1 mm"
+      max: "500 mm"
+      stops:
+        - '#08041d'
+        - '#1f0a46'
+        - '#52076c'
+        - '#f57c16'
+        - '#f7cf39'
+
+---
+
+<Block>
+<Prose>
+## Overview
+
+On Monday, September 11, 2023, the city of Darnah, Libya experienced the [deadliest flood disaster of the 21st century](https://www.google.com/url?q=https://www.aa.com.tr/en/environment/floods-in-libya-s-derna-worst-disaster-in-21st-century/2992617&sa=D&source=docs&ust=1709231595507737&usg=AOvVaw3MuRygRSSxtExzI_shVddG), and Africa’s deadliest flood ever recorded. A storm in the Mediterranean Sea dubbed ‘Medicane Daniel’ moved over northeastern Libya on the evening of the 10th, dumping prolific rain over the desert the morning of the 11th. A record 16” of rainfall was measured in 24 hours at the city of Al-Bayda, Libya (just west of Derna) from ‘Medicane’ Daniel. Two dams upstream of Darnah collapsed during the heavy rains leading to approximately [25% of the city being destroyed](https://www.google.com/url?q=https://www.reuters.com/world/africa/more-than-1000-bodies-recovered-libyan-city-after-floods-minister-2023-09-12/&sa=D&source=docs&ust=1709231595509452&usg=AOvVaw083l0kMybsbbwT18u4SVTm). The first dam broke around 3:00 AM local time on September 11th, and the second followed suit shortly thereafter, which exacerbated the death toll greatly. The International Committee of the Red Cross (ICRC) reported that proceeding the dam bursts, a wave as high as 23 feet (7 meters) rushed towards the city. With a population of 120,000, the major city of Darnah saw massive destruction, with entire districts of the city being washed away.Nearly 1,000 buildings are estimated to have been completely destroyed as well as 5 major bridges that connect the west and east sides of the city. The United Nations Office for the Coordination of Humanitarian Affairs initially reported a death toll currently sits at 11,300 with another 10,100 reported missing. This estimate was later revised to [3,958 fatalities](https://www.aljazeera.com/news/2023/9/18/libya-floods-conflicting-death-tolls-greek-aid-workers-die-in-crash) on September 18.
+
+</Prose>
+</Block>
+
+
+<Block>
+<Prose>
+## Scientific Research
+
+
+The primary dataset employed in analyzing the Darnah flood, alongside Integrated Multi-Satellite Retrivals for the Global Precipitation Measurement Mission (GPM IMERG) data, is a three-band HLS composite image created from the shortwave infrared, narrow near-infrared, and red bands of pre and post-flood HLS data, supplemented with total rainfall data from GPM taken from 5 to 16 September 2023. These scenes were acquired on September 7 and 22, 2023. The SWIR false color composite visually illustrates the extent of the greenup resulting from heavy rainfall leading to the flood, while GPM's total rainfall data provides insight into precipitation patterns associated with Medicane Daniel over the eastern Mediterranean region.
+
+These datasets support ongoing scientific research and analysis of the Darnah flood and its aftermath. They aid in assessing the flood's impact on local land cover, vegetation extent, sediment loading, and precipitation patterns. Furthermore, they facilitate the monitoring of long-term environmental recovery and ecosystem resilience, as well as evaluating the effectiveness of flood mitigation and dam rebuilding efforts upstream of Darnah.
+
+</Prose>
+
+<Figure>
+  <Map
+    center={[22.6408, 32.7616]}
+    zoom={12}
+    datasetId='darnah-flood'
+    layerId='darnah-flood'
+    dateTime='2023-09-22'
+  />
+  <Caption
+    attrAuthor='NASA'
+    attrUrl='https://nasa.gov/'
+  >
+    SWIR False color HLS imagery showing the destroyed area of Darnah, Libya along the Wadi Darnah River on 22 September 2023.
+  </Caption>
+</Figure>
+
+</Block>
+
+<Block>
+<Prose>
+## Interpreting the Data
+
+The HLS  and GPM datasets concerning the Darnah Flood should be interpreted with careful consideration of temporal, spatial, and environmental factors.
+
+Temporal Aspects: The HLS SWIR FalseColor composite images were taken at 10:30 AM LST on September 7 and 22, 2023, corresponding to pre- and post-flood times. The GPM total rainfall data is a summed daily rainfall accumulation product that spans from September 5 to 16, 2023.
+
+Spatial Aspects: All three bands used from the HLS dataset are at 30-meter resolution, providing detailed spatial information. GPM's total rainfall data covers the entire eastern Mediterranean region, offering insights into the broader spatial distribution of precipitation associated with Medicane Daniel, and is at 0.1 by 0.1 degree spatial resolution.
+
+Environmental Aspects: When interpreting the data, it is crucial to consider the local topography and land cover. Darnah, situated along the southern coast of the Mediterranean Sea, experiences rapidly rising terrain to its south and lies within the Saharan Desert region.
+</Prose>
+</Block>
+
+<Block>
+<Prose>
+
+## Additional Resources
+
+* [Harmonized Landsat-Sentinel](https://hls.gsfc.nasa.gov/)
+
+* [European Commission Report 9/13/2023](https://upload.wikimedia.org/wikipedia/commons/2/2c/ECDM_20230913_FL_Libya.pdf)
+
+</Prose>
+</Block>
+
+<Block>
+<Prose>
+
+## Data Story
+
+* [The Deadliest Flood of the 21st Century](https://www.earthdata.nasa.gov/dashboard/stories/darnah-flood)
+
+</Prose>
+</Block>