update matrix screenshots and put second nextcloud screenshot in a co…

…llapsible

docs/k8s_apps/matrix.md

@@ -2,10 +2,28 @@
 
 `smol-k8s-lab` deploys a matrix synapse server, element (a web frontend), and a turn server (voice server).
 
-<a href="../../assets/images/screenshots/matrix_screenshot.png">
-<img src="../../assets/images/screenshots/matrix_screenshot.png" alt="screenshot of the Argo CD web interface showing the matrix app of apps in tree view mode, which shows the following children: persistence app, external secrets appset, postgres appset, s3 provider appset, s3 pvc app set, and matrix web app set.">
+<a href="../../assets/images/screenshots/matrix.png">
+<img src="../../assets/images/screenshots/matrix.png" alt="screenshot of the Argo CD web interface showing the matrix app of apps in tree view mode, which shows the following children: external secrets appset, postgres appset, matrix PVC appset, s3 provider appset, s3 pvc app set, and matrix web app set.">
 </a>
 
+<details>
+  <summary>Matrix helm chart app in Argo CD</summary>
+
+  <a href="../../assets/images/screenshots/matrix-web-app.png">
+    <img src="../../assets/images/screenshots/matrix-web-app.png" alt="screenshot of the Argo CD web interface showing the matrix web app in tree view mode.">
+  </a>
+
+</details>
+
+<details>
+  <summary>Matrix networking view in Argo CD</summary>
+
+  <a href="../../assets/images/screenshots/matrix-networking.png">
+    <img src="../../assets/images/screenshots/matrix-networking.png" alt="screenshot of the Argo CD web interface showing the matrix web app in tree view mode.">
+  </a>
+
+</details>
+
 The main variable you need to worry about when setting up matrix is your `hostname`.
 
 ## Sensitive values

docs/k8s_apps/nextcloud.md

@@ -1,14 +1,17 @@
 [Nextcloud](https://nextcloud.com/) is an Open Source and self hosted personal cloud which acts as a replacement for Google Drive/Google Photos/iCloud Drive. We can deploy it for you as a featured Argo CD app ([small-hack/argocd-apps/nextcloud](https://github.com/small-hack/argocd-apps/tree/main/nextcloud)) on Kubernetes. Here's an example of the full nextcloud app of apps in Argo CD's web interface:
 
 <a href="../../assets/images/screenshots/nextcloud.png">
-<img src="../../assets/images/screenshots/nextcloud.png" alt="screenshot of the Argo CD web interface showing the nextcloud app of apps in tree view mode, which shows the following child apps: before starting scripts, external secrets appset, maintenance mode cron appset, postgres appset, nextcloud PVC appset, s3 provider appset, s3 pvc app set, nextcloud web app set, and install nexcloud apps post install hook job. Each of these appsets then deploys a similar named app and the job deploys a pod of the same name.">
+  <img src="../../assets/images/screenshots/nextcloud.png" alt="screenshot of the Argo CD web interface showing the nextcloud app of apps in tree view mode, which shows the following child apps: before starting scripts, external secrets appset, maintenance mode cron appset, postgres appset, nextcloud PVC appset, s3 provider appset, s3 pvc app set, nextcloud web app set, and install nexcloud apps post install hook job. Each of these appsets then deploys a similar named app and the job deploys a pod of the same name.">
 </a>
 
-Here's the actual nextcloud helm chart app in Argo CD:
+<details>
+  <summary>Nextcloud Argo CD helm chart app</summary>
 
-<a href="../../assets/images/screenshots/nextcloud-web-app.png">
-<img src="../../assets/images/screenshots/nextcloud-web-app.png" alt="screenshot of the Argo CD web interface showing the nextcloud-web-app helm chart app and all of its resources in tree view mode.">
-</a>
+  <a href="../../assets/images/screenshots/nextcloud-web-app.png">
+    <img src="../../assets/images/screenshots/nextcloud-web-app.png" alt="screenshot of the Argo CD web interface showing the nextcloud-web-app helm chart app and all of its resources in tree view mode.">
+  </a>
+
+</details>
 
 Part of the `smol-k8s-lab` init process is that we will put the following into your Bitwarden vault:
 

docs/tui/help_screen.md

@@ -1,6 +1,6 @@
 ## Using the TUI
 
-`smol-k8s-lab` uses the [textual](https://www.textualize.io/) framework to create an interactive graphical interface in the terminal. 
+`smol-k8s-lab` uses the [textual](https://www.textualize.io/) framework to create an interactive graphical interface in the terminal.
 
 To get tips on how to navigate the TUI you can press `?` from within the TUI to get a help screen that looks like this:
 
@@ -13,8 +13,8 @@ Some helpful tips:
 
 | key binding   | description |
 |:-------------:|:------------|
-| ++'?'++       | display the help screen | 
-| ++c++         | display the TUI config screen | 
+| ++'?'++       | display the help screen |
+| ++c++         | display the TUI config screen |
 | ++f++         | show or hide the footer with key hints |
 | ++n++         | on the start screen, n will create a "new" cluster. All other screens this is "next" screen |
 | ++b++ / ++escape++ / ++q++ | Back a screen. If on the start screen, these quit the application |