instructor-screneshare: Add screenshare guide background image

rkdarst · rkdarst · commit 7f063e3d5537 · 2025-09-04T14:15:12.000+03:00
diff --git a/img/screenshare/screenshare-size-guide.png b/img/screenshare/screenshare-size-guide.png
diff --git a/img/screenshare/screenshare-size-guide.svg b/img/screenshare/screenshare-size-guide.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1920"
+   height="1080"
+   viewBox="0 0 507.99999 285.75"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed, 2023-07-21)"
+   sodipodi:docname="screenshare-size-guide.svg"
+   inkscape:export-filename="screenshare-size-guide.png"
+   inkscape:export-xdpi="173.4"
+   inkscape:export-ydpi="173.4"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="2.6105556"
+     inkscape:cx="951.90466"
+     inkscape:cy="259.90636"
+     inkscape:window-width="1642"
+     inkscape:window-height="903"
+     inkscape:window-x="3378"
+     inkscape:window-y="850"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer2"
+     inkscape:export-bgcolor="#ffffff00" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="background">
+    <rect
+       style="fill:#3b4448;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       id="rect60"
+       width="508"
+       height="285.75"
+       x="-4.7370661e-15"
+       y="1.0776961e-14" />
+    <rect
+       style="fill:#76848f;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       id="rect59"
+       width="222.25"
+       height="285.75"
+       x="0"
+       y="0"
+       rx="0"
+       ry="0" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#67757e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264582;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       id="rect61-8"
+       width="0.52916664"
+       height="13.229166"
+       x="232.56874"
+       y="63.5" />
+    <rect
+       style="fill:#67757e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264582;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       id="rect61-0"
+       width="0.52916664"
+       height="13.229166"
+       x="243.15208"
+       y="63.5" />
+    <rect
+       style="fill:#67757e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264582;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       id="rect61-0-6"
+       width="0.52916664"
+       height="13.229166"
+       x="253.73541"
+       y="63.5" />
+  </g>
+</svg>
diff --git a/instructor-screenshare.md b/instructor-screenshare.md
@@ -23,6 +23,13 @@ else to take it over, or wait for the view to switch to Notes**.  When
 you stop screensharing, the window reverts to "gallery" or "active
 speaker" view which appears directly on stream, which isn't ideal.
 
+:::{figure} img/screenshare/screenshare-size-guide.png
+
+This image can be used as a desktop background to align "share portion
+of screen".  The lighter grey part is what can be shared at our
+portrait-mode ratio.  Beware and adjust if the title bar covers part
+of the light grey area.
+:::
 
 
 ## Screen share examples
