Added demo

apps/timelapse.py

@@ -14,8 +14,7 @@ def uploaded_file_to_gdf(data):
 
     _, file_extension = os.path.splitext(data.name)
     file_id = str(uuid.uuid4())
-    file_path = os.path.join(tempfile.gettempdir(),
-                             f"{file_id}{file_extension}")
+    file_path = os.path.join(tempfile.gettempdir(), f"{file_id}{file_extension}")
 
     with open(file_path, "wb") as file:
         file.write(data.getbuffer())
@@ -35,11 +34,13 @@ def app():
 
     st.title("Create Landsat Timelapse")
 
-    st.markdown("""
+    st.markdown(
+        """
         An interactive web app for creating timelapse of annual Landsat imagery (1984-2021) for any location around the globe. 
         The app was built using [streamlit](https://streamlit.io), [geemap](https://geemap.org), and [Google Earth Engine](https://earthengine.google.com). 
         See a [video demo](https://youtu.be/VVRK_-dEjR4).
-    """)
+    """
+    )
 
     row1_col1, row1_col2 = st.columns([2, 1])
 
@@ -47,6 +48,9 @@ def app():
         m = geemap.Map(basemap="HYBRID", plugin_Draw=True, draw_export=True)
         m.add_basemap("ROADMAP")
 
+        with st.expander("See a video demo"):
+            st.video("https://youtu.be/VVRK_-dEjR4")
+
         data = st.file_uploader(
             "Draw a small ROI on the map, click the Export button to save it, and then upload it here. Customize timelapse parameters and then click the Submit button 😇👇",
             type=["geojson"],
@@ -107,11 +111,9 @@ def app():
             with st.expander("Customize timelapse"):
 
                 speed = st.slider("Frames/sec:", 1, 30, 10)
-                progress_bar_color = st.color_picker(
-                    "Progress bar color:", "#0000ff")
+                progress_bar_color = st.color_picker("Progress bar color:", "#0000ff")
                 years = st.slider(
-                    "Start and end year:", 1984, today.year, (
-                        1984, today.year - 1)
+                    "Start and end year:", 1984, today.year, (1984, today.year - 1)
                 )
                 months = st.slider("Start and end month:", 1, 12, (5, 10))
                 font_size = st.slider("Font size:", 10, 50, 30)
@@ -171,6 +173,5 @@ def app():
 
                 geemap.reduce_gif_size(out_gif)
 
-                empty_text.text(
-                    "Right click the image to save it to your computer👇")
+                empty_text.text("Right click the image to save it to your computer👇")
                 empty_image.image(out_gif)