Update

pages/00_app.py

@@ -0,0 +1,40 @@
+import solara
+
+@solara.component
+def Page():
+    with solara.Column():
+        solara.Title("Home Geo")
+       
+        with solara.Sidebar():
+            with solara.Card("I am in the sidebar"):
+                solara.Markdown("This is the sidebar at the home page!")
+
+        solara.Info("I'm in the main content area, put your main content here")
+
+        with solara.Card("Agro Lima - Geodashboard"):
+            markdown = """       
+            ### Introduction
+
+            The project seeks to create an AI system to promote the consumption of nutritious vegetables in Lima, 
+            improving public health and supporting local farmers. It uses data analytics and an interactive chatbot 
+            to optimize production and distribution.
+
+            - GitHub: <https://github.com/marvinjqs>
+    
+
+            ![](https://geosat.space/wp-content/uploads/2024/02/Washington-Crops-latest-satellite-imagery.gif)
+
+            """
+
+            solara.Markdown(markdown)
+
+# Configurar el layout para la página con barra lateral
+@solara.component
+def Layout(children):
+    with solara.Row():  # Organizar como fila
+        with solara.Column(width=200):  # Barra lateral con pestañas en columna
+            solara.Button("Markdown Editor", on_click=lambda: solara.routing.push("/02-markdown-editor"))
+        with solara.Column():  # Contenido principal
+            children()  # Mostrar el contenido de la página actual
+
+solara.run(Page, layout=Layout)

pages/00_home.py

@@ -1,27 +0,0 @@
-import solara
-
-@solara.component
-def Page():
-    solara.Title("")
-       
-    with solara.Sidebar():
-        solara.Markdown("This is the sidebar at the home page!")
-        
-    with solara.Column(align="center"):
-        markdown = """
-        ## Agro Lima - Geodashboard
-        
-        ### Introduction
-
-         The project seeks to create an AI system to promote the consumption of nutritious vegetables in Lima, 
-        improving public health and supporting local farmers. It uses data analytics and an interactive chatbot 
-        to optimize production and distribution.
-
-        - GitHub: <https://github.com/marvinjqs>
- 
-
-        ![](https://geosat.space/wp-content/uploads/2024/02/Washington-Crops-latest-satellite-imagery.gif)
-
-        """
-
-        solara.Markdown(markdown)

pages/01_home.py

@@ -0,0 +1,40 @@
+import solara
+
+@solara.component
+def Page():
+    with solara.Column():
+        solara.Title("Home Geo")
+       
+        with solara.Sidebar():
+            with solara.Card("I am in the sidebar"):
+                solara.Markdown("This is the sidebar at the home page!")
+
+        solara.Info("I'm in the main content area, put your main content here")
+
+        with solara.Card("Agro Lima - Geodashboard"):
+            markdown = """       
+            ### Introduction
+
+            The project seeks to create an AI system to promote the consumption of nutritious vegetables in Lima, 
+            improving public health and supporting local farmers. It uses data analytics and an interactive chatbot 
+            to optimize production and distribution.
+
+            - GitHub: <https://github.com/marvinjqs>
+    
+
+            ![](https://geosat.space/wp-content/uploads/2024/02/Washington-Crops-latest-satellite-imagery.gif)
+
+            """
+
+            solara.Markdown(markdown)
+
+# Configurar el layout para la página con barra lateral
+@solara.component
+def Layout(children):
+    with solara.Row():  # Organizar como fila
+        with solara.Column(width=200):  # Barra lateral con pestañas en columna
+            solara.Button("Markdown Editor", on_click=lambda: solara.routing.push("/02-markdown-editor"))
+        with solara.Column():  # Contenido principal
+            children()  # Mostrar el contenido de la página actual
+
+solara.run(Page, layout=Layout)

pages/{01_leafmap.py → 02_leafmap.py}

@@ -37,3 +37,14 @@ def Page():
         )
         solara.Text(f"Zoom: {zoom.value}")
         solara.Text(f"Center: {center.value}")
+
+# Configurar el layout para la página con barra lateral
+@solara.component
+def Layout(children):
+    with solara.Row():  # Organizar como fila
+        with solara.Column(width=200):  # Barra lateral con pestañas en columna
+            solara.Button("Markdown Editor", on_click=lambda: solara.routing.push("/02-markdown-editor"))
+        with solara.Column():  # Contenido principal
+            children()  # Mostrar el contenido de la página actual
+
+solara.run(Page, layout=Layout)

pages/{02_geemap.py → 03_geemap.py}

@@ -64,3 +64,15 @@ def Page():
         )
         solara.Text(f"Zoom: {zoom.value}")
         solara.Text(f"Center: {center.value}")
+
+
+# Configurar el layout para la página con barra lateral
+@solara.component
+def Layout(children):
+    with solara.Row():  # Organizar como fila
+        with solara.Column(width=200):  # Barra lateral con pestañas en columna
+            solara.Button("Markdown Editor", on_click=lambda: solara.routing.push("/02-markdown-editor"))
+        with solara.Column():  # Contenido principal
+            children()  # Mostrar el contenido de la página actual
+
+solara.run(Page, layout=Layout)