Merge pull request #100 from TaskarCenterAtUW/fix/2026-06-30/3969-fix-image-comparison-sliders

fix(docs): fix broken image comparison sliders

Author: uw-amy-bordenave

CHANGELOG.md

@@ -6,6 +6,12 @@ Changes to the TCAT Wiki are documented here.
 
 This project adheres to [Semantic Versioning](https://semver.org/) and [Conventional Commits](https://www.conventionalcommits.org/).
 
+## v12.4.1 (2026-06-30)
+
+### Fixes
+
+- **Docs**: Fix broken image comparison sliders
+
 ## v12.4.0 (2026-06-30)
 
 ### Features

docs/accessmap/user-manual/interface.md

@@ -201,14 +201,14 @@ At the bottom of the sidebar (below the profile panel), the **Trip options** sec
 
 <div class="only-light">
 <img-comparison-slider>
-  <img class="off-glb" slot="first" src="../../../resources/images/accessmap/user-manual/interface/time-open-light.png" alt="Route through building when open" />
-  <img class="off-glb" slot="second" src="../../../resources/images/accessmap/user-manual/interface/time-closed-light.png" alt="Route around building when closed" />
+  <img class="off-glb" slot="first" src="../../resources/images/accessmap/user-manual/interface/time-open-light.png" alt="Route through building when open" />
+  <img class="off-glb" slot="second" src="../../resources/images/accessmap/user-manual/interface/time-closed-light.png" alt="Route around building when closed" />
 </img-comparison-slider>
 </div>
 <div class="only-dark">
 <img-comparison-slider>
-  <img class="off-glb" slot="first" src="../../../resources/images/accessmap/user-manual/interface/time-open-dark.png" alt="Route through building when open" />
-  <img class="off-glb" slot="second" src="../../../resources/images/accessmap/user-manual/interface/time-closed-dark.png" alt="Route around building when closed" />
+  <img class="off-glb" slot="first" src="../../resources/images/accessmap/user-manual/interface/time-open-dark.png" alt="Route through building when open" />
+  <img class="off-glb" slot="second" src="../../resources/images/accessmap/user-manual/interface/time-closed-dark.png" alt="Route around building when closed" />
 </img-comparison-slider>
 </div>
 

docs/opensidewalks/tasking-manager/tutorial/osw-in-osmustm/mapping-guide.md

@@ -94,14 +94,14 @@ The default background imagery in most locations is **Bing Maps Aerial**. If the
 
 <div class="only-light">
 <img-comparison-slider>
-    <img class="off-glb" slot="first" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/06-aerial-bing-light.png" alt="Rapid editor displaying Bing Maps Aerial background imagery, showing an aerial view of an intersection with existing sidewalk and crossing features." />
-    <img class="off-glb" slot="second" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/07-aerial-mapbox-light.png" alt="The same intersection as the left panel, this time displaying Mapbox Satellite background imagery, which may show higher or lower resolution depending on the area." />
+    <img class="off-glb" slot="first" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/06-aerial-bing-light.png" alt="Rapid editor displaying Bing Maps Aerial background imagery, showing an aerial view of an intersection with existing sidewalk and crossing features." />
+    <img class="off-glb" slot="second" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/07-aerial-mapbox-light.png" alt="The same intersection as the left panel, this time displaying Mapbox Satellite background imagery, which may show higher or lower resolution depending on the area." />
 </img-comparison-slider>
 </div>
 <div class="only-dark">
 <img-comparison-slider>
-    <img class="off-glb" slot="first" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/06-aerial-bing-dark.png" alt="Rapid editor displaying Bing Maps Aerial background imagery, showing an aerial view of an intersection with existing sidewalk and crossing features." />
-    <img class="off-glb" slot="second" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/07-aerial-mapbox-dark.png" alt="The same intersection as the left panel, this time displaying Mapbox Satellite background imagery, which may show higher or lower resolution depending on the area." />
+    <img class="off-glb" slot="first" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/06-aerial-bing-dark.png" alt="Rapid editor displaying Bing Maps Aerial background imagery, showing an aerial view of an intersection with existing sidewalk and crossing features." />
+    <img class="off-glb" slot="second" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/07-aerial-mapbox-dark.png" alt="The same intersection as the left panel, this time displaying Mapbox Satellite background imagery, which may show higher or lower resolution depending on the area." />
 </img-comparison-slider>
 </div>
 
@@ -113,14 +113,14 @@ Different aerial imagery layers are often shifted slightly from one to another,
 
 <div class="only-light">
 <img-comparison-slider>
-    <img class="off-glb" slot="first" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/08-alignment-bing-light.png" alt="Rapid editor showing existing sidewalk and road features visibly offset from the Bing aerial imagery, with the Imagery Offset control showing 0,0." />
-    <img class="off-glb" slot="second" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/09-alignment-mapbox-light.png" alt="The same view after switching to Mapbox imagery and adjusting the offset, with the sidewalk and road features now correctly aligned to the imagery." />
+    <img class="off-glb" slot="first" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/08-alignment-bing-light.png" alt="Rapid editor showing existing sidewalk and road features visibly offset from the Bing aerial imagery, with the Imagery Offset control showing 0,0." />
+    <img class="off-glb" slot="second" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/09-alignment-mapbox-light.png" alt="The same view after switching to Mapbox imagery and adjusting the offset, with the sidewalk and road features now correctly aligned to the imagery." />
 </img-comparison-slider>
 </div>
 <div class="only-dark">
 <img-comparison-slider>
-    <img class="off-glb" slot="first" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/08-alignment-bing-dark.png" alt="Rapid editor showing existing sidewalk and road features visibly offset from the Bing aerial imagery, with the Imagery Offset control showing 0,0." />
-    <img class="off-glb" slot="second" src="../../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/09-alignment-mapbox-dark.png" alt="The same view after switching to Mapbox imagery and adjusting the offset, with the sidewalk and road features now correctly aligned to the imagery." />
+    <img class="off-glb" slot="first" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/08-alignment-bing-dark.png" alt="Rapid editor showing existing sidewalk and road features visibly offset from the Bing aerial imagery, with the Imagery Offset control showing 0,0." />
+    <img class="off-glb" slot="second" src="../../../../resources/images/opensidewalks/tasking-manager/tutorials/osw-in-osmustm/mapping-guide/09-alignment-mapbox-dark.png" alt="The same view after switching to Mapbox imagery and adjusting the offset, with the sidewalk and road features now correctly aligned to the imagery." />
 </img-comparison-slider>
 </div>