[libadwaita/wip/exalm/screenshots-2: 21/23] doc: Refresh visual index

[Alexander Mikhaylenko <alexm src gnome org>]

commit fa63d164f832038edb684db4df741ef10e4496d0
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon Dec 20 20:36:13 2021 +0500

    doc: Refresh visual index

 doc/images/list.png    | Bin 34980 -> 0 bytes
 doc/libadwaita.toml.in |   1 -
 doc/visual-index.md    | 206 +++++++++++++++++++++++++++++++++++++++++++++++--
 3 files changed, 200 insertions(+), 7 deletions(-)
---
diff --git a/doc/libadwaita.toml.in b/doc/libadwaita.toml.in
index f546618e..2dcd4a73 100644
--- a/doc/libadwaita.toml.in
+++ b/doc/libadwaita.toml.in
@@ -114,7 +114,6 @@ content_images = [
   "images/leaflet-wide-dark.png",
   "images/linked-controls.png",
   "images/linked-controls-dark.png",
-  "images/list.png",
   "images/navigation-sidebar.png",
   "images/navigation-sidebar-dark.png",
   "images/osd.png",
diff --git a/doc/visual-index.md b/doc/visual-index.md
index 03a26c40..bd4de604 100644
--- a/doc/visual-index.md
+++ b/doc/visual-index.md
@@ -3,9 +3,203 @@ Slug: visual-index
 
 # Visual Index
 
-[![avatar](avatar.png)](class.Avatar.html)
-[![header-bar](header-bar.png)](class.HeaderBar.html)
-[![list](list.png)](class.ActionRow.html)
-[![preferences-window](preferences-window.png)](class.PreferencesWindow.html)
-[![view-switcher](view-switcher.png)](class.ViewSwitcher.html)
-[![view-switcher-bar](view-switcher-bar.png)](class.ViewSwitcherBar.html)
+## Display
+
+### Status Page
+
+[<picture>
+  <source srcset="status-page-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="status-page.png" alt="status-page">
+</picture>](class.StatusPage.html)
+
+### Toast Overlay
+
+[<picture>
+  <source srcset="toast-overlay-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="toast-overlay.png" alt="toast-overlay">
+</picture>](class.ToastOverlay.html)
+
+### Avatar
+
+[<picture>
+  <source srcset="avatar-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="avatar.png" alt="avatar">
+</picture>](class.Avatar.html)
+
+## Boxed Lists
+
+### Action Row
+
+[<picture>
+  <source srcset="action-row-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="action-row.png" alt="action-row">
+</picture>](class.ActionRow.html)
+
+### Combo Row
+
+[<picture>
+  <source srcset="combo-row-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="combo-row.png" alt="combo-row">
+</picture>](class.ComboRow.html)
+
+### Expander Row
+
+[<picture>
+  <source srcset="expander-row-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="expander-row.png" alt="expander-row">
+</picture>](class.ExpanderRow.html)
+
+## Preferences
+
+### Preferences Group
+
+[<picture>
+  <source srcset="preferences-group-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="preferences-group.png" alt="preferences-group">
+</picture>](class.PreferencesGroup.html)
+
+### Preferences Page
+
+[<picture>
+  <source srcset="preferences-page-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="preferences-page.png" alt="preferences-page">
+</picture>](class.PreferencesPage.html)
+
+### Preferences Window
+
+[<picture>
+  <source srcset="preferences-window-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="preferences-window.png" alt="preferences-window">
+</picture>](class.PreferencesWindow.html)
+
+## Navigation
+
+### Carousel
+
+[<picture>
+  <source srcset="carousel-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="carousel.png" alt="carousel">
+</picture>](class.Carousel.html)
+
+[<picture>
+  <source srcset="carousel-indicator-dots-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="carousel-indicator-dots.png" alt="carousel-indicator-dots">
+</picture>](class.CarouselIndicatorDots.html)
+
+[<picture>
+  <source srcset="carousel-indicator-lines-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="carousel-indicator-lines.png" alt="carousel-indicator-lines">
+</picture>](class.CarouselIndicatorLines.html)
+
+### View Switcher
+
+[<picture>
+  <source srcset="view-switcher-title-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="view-switcher-title.png" alt="view-switcher-title">
+</picture>](class.ViewSwitcherTitle.html)
+
+[<picture>
+  <source srcset="view-switcher-bar-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="view-switcher-bar.png" alt="view-switcher-bar">
+</picture>](class.ViewSwitcherBar.html)
+
+### Tab Bar
+
+[<picture>
+  <source srcset="tab-bar-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="tab-bar.png" alt="tab-bar">
+</picture>](class.TabBar.html)
+
+## Adaptive Containers
+
+### Clamp
+
+[<picture>
+  <source srcset="clamp-wide-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="clamp-wide.png" alt="clamp-wide">
+</picture>
+<picture>
+  <source srcset="clamp-narrow-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="clamp-narrow.png" alt="clamp-narrow">
+</picture>](class.Clamp.html)
+
+See also: [class@Adw.ClampLayout], [class@Adw.ClampScrollable]
+
+### Leaflet
+
+[<picture>
+  <source srcset="leaflet-wide-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="leaflet-wide.png" alt="leaflet-wide">
+</picture>
+<picture>
+  <source srcset="leaflet-narrow-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="leaflet-narrow.png" alt="leaflet-narrow">
+</picture>](class.Leaflet.html)
+
+### Flap
+
+[<picture>
+  <source srcset="flap-wide-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="flap-wide.png" alt="flap-wide">
+</picture>
+<picture>
+  <source srcset="flap-narrow-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="flap-narrow.png" alt="flap-narrow">
+</picture>](class.Flap.html)
+
+### Squeezer
+
+[<picture>
+  <source srcset="squeezer-wide-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="squeezer-wide.png" alt="squeezer-wide">
+</picture>
+<picture>
+  <source srcset="squeezer-narrow-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="squeezer-narrow.png" alt="squeezer-narrow">
+</picture>](class.Squeezer.html)
+
+## Helpers
+
+### Window Title
+
+[<picture>
+  <source srcset="window-title-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="window-title.png" alt="window-title">
+</picture>](class.WindowTitle.html)
+
+### Header Bar
+
+[<picture>
+  <source srcset="header-bar-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="header-bar.png" alt="header-bar">
+</picture>](class.HeaderBar.html)
+
+### Window
+
+[<picture>
+  <source srcset="window-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="window.png" alt="window">
+</picture>](class.Window.html)
+
+See also: [class@Adw.ApplicationWindow]
+
+### Split Button
+
+[<picture>
+  <source srcset="split-button-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="split-button.png" alt="split-button">
+</picture>](class.SplitButton.html)
+
+### Button Content
+
+[<picture>
+  <source srcset="button-content-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="button-content.png" alt="button-content">
+</picture>](class.ButtonContent.html)
+
+### Bin
+
+[<picture>
+  <source srcset="bin-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="bin.png" alt="bin">
+</picture>](class.Bin.html)