Updates to join page: added screenshots, updated formatting, updated text

join.qmd

@@ -1,37 +1,69 @@
 ---
-title: "Joining the Working Groups"
+title: "Joining the Discussion Groups"
 ---
 
-We facilitate the four working groups through Matrix "rooms". By means of free discussion, members can collaborate on one (or more!) of the working group topics.
+We facilitate discussions through Matrix "rooms". By means of open participation and free discussion, members can collaborate on one (or multiple) of the working group topics.
 
-### Step 1: Install Matrix
+## Installing and joining Matrix
 
-The easiest way to access Matrix is through Element.
+1.  Download and install Matrix. The easiest way to access Matrix is through Element.
 
--   Option A: [Download Element for desktop access](https://element.io/download).
+    -   Option A: [Download Element for desktop access](https://element.io/download). Select the appropriate operating system (Mac, Windows, or Linux).
+
+        ![](join/1_Download.png){width="436"}
 
     -   Option B: [Web access](https://app.element.io/).
 
-### Step 2: Create an account
+        ![](join/1_Web.png){width="436"}
 
-To register, you may use either your email, existing Github, Google, Gitlab, Facebook or Apple account.
+2.  Open the Element App on your device
 
-### Step 3: Join the WASHWeb lobby & working groups
+3.  Click create an account
 
-Join any of the groups you are interested in by clicking the corresponding links below:
+    ![](join/2_Create.png){width="400"}
 
--   [General WASHWeb Lobby](https://matrix.to/#/#wash-web-lobby:autonomic.zone)
+4.  Register your account at matrix.org or use GitHub, Google, GitLab, Facebook or Apple to log in
 
--   [Social Justice](https://matrix.to/#/#washweb-social-justice:matrix.org)
+    ![](join/3_Account.png){width="356"}
 
--   [Using Data Better](https://matrix.to/#/#washweb-using-data-better:matrix.org)
+5.  Verify your account by opening the link sent in the email from matrix.org. In the browser where the link opens, you can automatically log in to an Element session. **Make sure to keep the session open.**
 
--   [Systems Thinking](https://matrix.to/#/#washweb-systems:matrix.org)
+6.  Go back to the Element (Desktop) App
 
--   [Accountability: 4Ws](https://matrix.to/#/#accountability-4ws:matrix.org)
+7.  Sign in to your new account
 
-**New to Matrix?** [Here's a great guide to get you started](https://static.element.io/pdfs/element-user-guide.pdf).
+8.  Click on verify with another device
 
-## Stay updated!
+    ![](join/Verify.png){width="366"}
 
-[Linkedin](https://www.linkedin.com/company/washweb/)
+9.  Go back to the browser with the open element session from *step 5*. Verify the session on your app.
+
+10. Go back to your Element (Desktop) App
+
+11. Open Security & Privacy settings by clicking on your logo in the top left
+
+12. Click on Set up a Secure Backup
+
+13. Generate a Security Key and store it somewhere safe, like a password manager. This will allow you to verify future sessions by using Security Keys
+
+14. You're in - now you can start exploring!
+
+## Find WASHWeb on Matrix
+
+1.  First, join the general WASHWeb room by clicking the logo below.
+
+[![](join/WASHWeb.png){fig-align="center" width="131"}](https://matrix.to/#/#wash-web-lobby:autonomic.zone)
+
+2.  After joining the general WASHWeb room, you can choose to join specific working groups by clicking the logos below.
+
+[![](join/UsingDataBetter.png){fig-align="center" width="300"}](https://matrix.to/#/%23washweb-using-data-better:matrix.org)
+
+![](join/Social Justice.png){fig-align="center" width="300"}
+
+[![](join/SystemsThinking.png){fig-align="center" width="300"}](https://matrix.to/#/%23washweb-systems:matrix.org)
+
+[![](join/Accountability.png){fig-align="center" width="300"}](https://matrix.to/#/%23accountability-4ws:matrix.org)
+
+## **Element User Guide**
+
+[Here's another great guide to get you started](https://static.element.io/pdfs/element-user-guide.pdf).