[+] update Gallery section in documentation

docs/gallery/dashboards.md

@@ -0,0 +1,63 @@
+# Dashboards
+
+Dashboards are a collection of visualizations that are displayed in a single page. They are useful for monitoring and analyzing data.
+
+Health Check
+![Health Check](health_check.png){data-gallery="dashboards"}
+
+Global Health
+![Global Health](global_health.png){data-gallery="dashboards"}
+
+Biggest Tables Treemap
+![Biggest Tables](biggest_relations_treemap.png){data-gallery="dashboards"}
+
+Checkpointer, Background Writer, I/O statistics
+![Checkpointer Background Writer I/O stats](checkpointer_bgwriter.png){data-gallery="dashboards"}
+
+Indexes Overview
+![Indexes Overview](index_overview.png){data-gallery="dashboards"}
+
+Database Overview With Time Lag Comparison
+![Database Overview With Time Lag Comparison](db_overview_time_lag_comparison.png){data-gallery="dashboards"}
+
+Database Overview for Developers (Unprivileged)
+![Database Overview for Developers (Unprivileged)](overview_developer.png){data-gallery="dashboards"}
+
+Global Databases Overview
+![Global Databases Overview](overview.png){data-gallery="dashboards"}
+
+Change Events
+![Change Events](change_events.png){data-gallery="dashboards"}
+
+PostgreSQL Versions Overview
+![PostgreSQL Versions Overview](postres_versions_overview.png){data-gallery="dashboards"}
+
+Recommendations
+![Recommendations](recommendations.png){data-gallery="dashboards"}
+
+Replication Lag
+![Replication Lag](replication_lag.png){data-gallery="dashboards"}
+
+Server Log Events
+![Server Log Events](server_log_events.png){data-gallery="dashboards"}
+
+Realtime Execution Plans
+![Realtime Execution Plans](show_plans_realtime.png){data-gallery="dashboards"}
+
+Stat Activity Realtime
+![Stat Activity Realtime](stat_activity_realtime.png){data-gallery="dashboards"}
+
+Stat Statements SQL Search
+![Stat Statements SQL Search](stat_statements_sql_search.png){data-gallery="dashboards"}
+
+Stat Statements Top Visual
+![Stat Statements Top Visual](stat_statements_top_visual.png){data-gallery="dashboards"}
+
+Stat Statements Top
+![Stat Statements Top](stat_statements_top.png){data-gallery="dashboards"}
+
+System Statistics
+![System Statistics](system_stats_psutil.png){data-gallery="dashboards"}
+
+Tables Top
+![Tables Top](tables_top.png){data-gallery="dashboards"}

docs/gallery/webui.md

@@ -0,0 +1,16 @@
+# Web User Interface
+
+The Web User Interface (WebUI) allows you to interact with the pgwatch and control monitored sources, metrics and presets
+definitions, and view and logs.
+
+Sources
+![Sources](webui_sources_grid.png){data-gallery="webui"}
+
+Metrics
+![Metrics](webui_metrics_grid.png){data-gallery="webui"}
+
+Presets
+![Presets](webui_presets_grid.png){data-gallery="webui"}
+
+Logs
+![Logs](webui_logs.png){data-gallery="webui"}   

mkdocs.yml

@@ -70,7 +70,9 @@ nav:
     - Security: reference/security.md
     - Kubernetes: reference/kubernetes.md
     - Environment Variables: reference/env_variables.md
-  - Gallery: gallery/gallery.md
+  - Gallery: 
+    - Dashboards: gallery/dashboards.md
+    - Web UI: gallery/webui.md
   - Developer: 
     - Documentation: developer/godoc.md
     - Contributing: developer/contributing.md
@@ -86,4 +88,5 @@ markdown_extensions:
       pygments_lang_class: true
   - pymdownx.inlinehilite
   - pymdownx.snippets
-  - pymdownx.superfences
+  - pymdownx.superfences
+  - attr_list