gnome-help: Update shell-exit.page to GNOME 43 user menu UI

See #164

6 files changed, 45 insertions, 6 deletions

diff --git a/gnome-help/C/figures/shell-exit-classic-expanded.png b/gnome-help/C/figures/shell-exit-classic-expanded.png
new file mode 100644
index 00000000..7da0ec96
--- /dev/null
+++ b/gnome-help/C/figures/shell-exit-classic-expanded.png
diff --git a/gnome-help/C/figures/shell-exit-expanded.png b/gnome-help/C/figures/shell-exit-expanded.png
new file mode 100644
index 00000000..ce0cd61f
--- /dev/null
+++ b/gnome-help/C/figures/shell-exit-expanded.png
diff --git a/gnome-help/C/figures/system-lock-screen-symbolic.svg b/gnome-help/C/figures/system-lock-screen-symbolic.svg
new file mode 100644
index 00000000..e12554e1
--- /dev/null
+++ b/gnome-help/C/figures/system-lock-screen-symbolic.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 8 1 c -2.199219 0 -4 1.800781 -4 4 v 2 c -1.109375 0 -2 0.890625 -2 2 v 5 c 0 0.554688 0.445312 1 1 1 h 10 c 0.554688 0 1 -0.445312 1 -1 v -5 c 0 -1.109375 -0.890625 -2 -2 -2 v -2 c 0 -2.199219 -1.800781 -4 -4 -4 z m 0 2 c 1.125 0 2 0.875 2 2 v 2 h -4 v -2 c 0 -1.125 0.875 -2 2 -2 z m 0 0" fill="#2e3436"/>
+</svg>
diff --git a/gnome-help/C/figures/system-shutdown-symbolic.svg b/gnome-help/C/figures/system-shutdown-symbolic.svg
new file mode 100644
index 00000000..65c9855e
--- /dev/null
+++ b/gnome-help/C/figures/system-shutdown-symbolic.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 8 0 c -0.550781 0 -1 0.449219 -1 1 v 5 c 0 0.550781 0.449219 1 1 1 s 1 -0.449219 1 -1 v -5 c 0 -0.550781 -0.449219 -1 -1 -1 z m -3.136719 1.816406 c -0.128906 0.015625 -0.253906 0.058594 -0.367187 0.125 c -2.734375 1.582032 -4.074219 4.816406 -3.257813 7.871094 c 0.820313 3.050781 3.59375 5.183594 6.75 5.1875 c 3.160157 0.003906 5.941407 -2.121094 6.765625 -5.167969 c 0.828125 -3.050781 -0.5 -6.289062 -3.230468 -7.878906 c -0.476563 -0.28125 -1.089844 -0.121094 -1.367188 0.359375 c -0.132812 0.226562 -0.171875 0.5 -0.105469 0.757812 c 0.070313 0.257813 0.234375 0.476563 0.464844 0.609376 c 1.957031 1.140624 2.902344 3.441406 2.3125 5.628906 c -0.59375 2.183594 -2.570313 3.695312 -4.832031 3.691406 c -2.265625 -0.003906 -4.238282 -1.519531 -4.824219 -3.707031 s 0.363281 -4.488281 2.324219 -5.621094 c 0.476562 -0.277344 0.640625 -0.886719 0.363281 -1.363281 c -0.132813 -0.230469 -0.347656 -0.398438 -0.605469 -0.464844 c -0.125 -0.035156 -0.257812 -0.042969 -0.390625 -0.027344 z m 0 0" fill="#2e3436"/>
+</svg>
diff --git a/gnome-help/C/shell-exit.page b/gnome-help/C/shell-exit.page
index b0c7bee3..29f1e034 100644
--- a/gnome-help/C/shell-exit.page
+++ b/gnome-help/C/shell-exit.page
@@ -62,6 +62,19 @@
 <section id="logout">
   <title>Log out or switch users</title>
 
+  <if:choose>
+    <if:when test="!platform:gnome-classic">
+      <media type="image" src="figures/shell-exit-expanded.png" width="250" style="floatend floatright" if:test="!target:mobile">
+        <p>User menu</p>
+      </media>
+    </if:when>
+    <if:when test="platform:gnome-classic">
+      <media type="image" src="figures/shell-exit-classic-expanded.png" width="250" style="floatend floatright" if:test="!target:mobile">
+        <p>User menu</p>
+      </media>
+    </if:when>
+  </if:choose>
+
   <p>To let other users use your computer, you can either log out, or leave
   yourself logged in and just switch users. If you switch users, all of
   your applications will continue running, and everything will be where you
@@ -69,7 +82,11 @@
 
   <p>To <gui>Log Out</gui> or <gui>Switch User</gui>, click the
   <link xref="shell-introduction#systemmenu">system menu</link> on the right
-  side of the top bar, expand <gui>Power Off / Log Out</gui>, and select the correct option.</p>
+  side of the top bar, click the
+    <media type="image" its:translate="no" src="figures/system-shutdown-symbolic.svg">
+      Shutdown
+    </media>
+  button, and select the correct option.</p>
 
   <note if:test="!platform:gnome-classic">
     <p>The <gui>Log Out</gui> and <gui>Switch User</gui> entries only appear in
@@ -98,7 +115,11 @@
   automatically after a certain amount of time.</p>
 
   <p>To lock your screen, click the system menu on the right side of the top
-  bar and select <gui>Lock</gui> from the menu.</p>
+  bar and click the
+    <media type="image" its:translate="no" src="figures/system-lock-screen-symbolic.svg">
+      Lock
+    </media>
+  button.</p>
 
   <p>When your screen is locked, other users can log in to their own accounts
   by clicking <gui>Log in as another user</gui> at the bottom right of the login
@@ -121,8 +142,11 @@
   suspend.</p>
 
   <p>To suspend your computer manually, click the system menu on the right side
-  of the top bar, expand <gui>Power Off / Log Out</gui>, and select
-  <gui>Suspend</gui>.</p>
+  of the top bar, click the
+    <media type="image" its:translate="no" src="figures/system-shutdown-symbolic.svg">
+      Shutdown
+    </media>
+  button, and select <gui>Suspend</gui>.</p>
 
 </section>
 
@@ -134,8 +158,11 @@
   <title>Power off or restart</title>
 
   <p>If you want to power off your computer entirely, or do a full restart,
-  click the system menu on the right side of the top bar, expand <gui>Power Off
-  / Log Out</gui>, and select either <gui>Restart…</gui> or <gui>Power Off…</gui>.</p>
+  click the system menu on the right side of the top bar, click the
+    <media type="image" its:translate="no" src="figures/system-shutdown-symbolic.svg">
+      Shutdown
+    </media>
+  button, and select either <gui>Restart…</gui> or <gui>Power Off…</gui>.</p>
 
   <p>If there are other users logged in, you may not be allowed to power off or
   restart the computer because this will end their sessions.  If you are an
diff --git a/gnome-help/Makefile.am b/gnome-help/Makefile.am
index d3ba2995..9998b95c 100644
--- a/gnome-help/Makefile.am
+++ b/gnome-help/Makefile.am
@@ -91,12 +91,16 @@ HELP_MEDIA = \
 	figures/shell-appts-classic.png \
 	figures/shell-appts.png \
 	figures/shell-exit-classic.png \
+	figures/shell-exit-classic-expanded.png \
+	figures/shell-exit-expanded.png \
 	figures/shell-exit.png \
 	figures/shell-top-bar-classic.png \
 	figures/shell-top-bar.png \
 	figures/shell-window-list-classic.png \
 	figures/shell-workspaces.png \
+	figures/system-lock-screen-symbolic.svg \
 	figures/system-run-symbolic.svg \
+	figures/system-shutdown-symbolic.svg \
 	figures/tile-a11y.svg \
 	figures/tile-files.svg \
 	figures/tile-hardware.svg \