docs: use content tabs to show screenshots

jinnovation · Jun 9, 2024 · ffa4647 · ffa4647
1 parent 66dd6f1
commit ffa4647
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -28,10 +28,23 @@ With Kele, you can:
 See [How-Tos > Usage](./how-tos/usage.md) for more details on what's possible
 with Kele.
 
-![](./img/demo.gif)
-![](./img/menu-bar.png)
-![](./img/kele-list.png)
-![](./img/doom-modeline.png)
+## Screenshots
+
+=== End-to-end
+
+    ![](./img/demo.gif)
+
+=== Menu bar integration
+
+    ![](./img/menu-bar.png)
+
+=== Resource listing
+
+    ![](./img/kele-list.png)
+
+=== `doom-modeline` integration
+
+    ![](./img/doom-modeline.png)
 
 !!! tip