Corrected typos, added other features to /features. Only the Zoning D…

…istrict Info improvement is missing from both.
NYCPlanning · May 6, 2024 · 2b07fba · 2b07fba
1 parent e4f73e9
commit 2b07fba
Show file tree

Hide file tree

Showing 2 changed files with 97 additions and 2 deletions.
diff --git a/app/templates/components/slideshow-contents.hbs b/app/templates/components/slideshow-contents.hbs
@@ -12,7 +12,7 @@
   {{else if (eq @slideNumber 3)}}
     <div class="slide" style="background-color: lightgreen;">
       <p><strong>Select two tax lots</strong> for side-by-side comparison</p>
-      <img src="/img/slideshow/side-by-side.gif" alt="A video showing the sidebar toggle functionality" />
+      <img src="/img/slideshow/side-by-side.gif" alt="A video showing the tax lot comparison functionality" />
     </div>
   {{else if (eq @slideNumber 4)}}
     <div class="slide" style="background-color: hotpink;">
@@ -22,7 +22,7 @@
   {{else if (eq @slideNumber 5)}}
     <div class="slide" style="background-color: cornflowerblue;">
       <p><strong>Bookmark your selected layers</strong> to return to later</p>
-      <img src="/img/slideshow/bookmark-layer-sets.gif" alt="A video showing the all layer bookmark functionality" />
+      <img src="/img/slideshow/bookmark-layer-sets.gif" alt="A video showing the layer bookmark functionality" />
     </div>
   {{else if (eq @slideNumber 6)}}
     <div class="slide" style="background-color: gold;">

diff --git a/app/templates/features.hbs b/app/templates/features.hbs
@@ -27,6 +27,101 @@
     </div>
   </div>
 
+  <h2 class="header-medium">
+    Compare Tax Lots
+  </h2>
+  <div class="grid-x">
+    <div class="cell medium-3 feature-image-cell">
+      <a href="/img/slideshow/side-by-side.gif" target="_blank">
+        <img class="feature-image" src="/img/slideshow/side-by-side.gif" alt="A video showing the tax lot comparison functionality" />
+      </a>
+    </div>
+    <div class="cell medium-9">
+      <p>
+        Select two tax lots for side-by-side comparison.
+      </p>
+    </div>
+  </div>
+
+  <h2 class="header-medium">
+    Bookmark Sets of Layers
+  </h2>
+  <div class="grid-x">
+    <div class="cell medium-3 feature-image-cell">
+      <a href="/img/slideshow/bookmark-layer-sets.gif" target="_blank">
+        <img class="feature-image" src="/img/slideshow/bookmark-layer-sets.gif" alt="A video showing the layer bookmark functionality" />
+      </a>
+    </div>
+    <div class="cell medium-9">
+      <p>
+        Bookmark your selected layers to return to later.
+      </p>
+    </div>
+  </div>
+
+  <h2 class="header-medium">
+    Access Relevant Links
+  </h2>
+  <div class="grid-x">
+    <div class="cell medium-3 feature-image-cell">
+      <a href="/img/slideshow/relevant-links.gif" target="_blank">
+        <img class="feature-image" src="/img/slideshow/relevant-links.gif" alt="A video showing the relevant links functionality" />
+      </a>
+    </div>
+    <div class="cell medium-9">
+      <p>
+        Get the information you need faster by using the new links to sites related to the selected tax lot.
+      </p>
+    </div>
+  </div>
+
+<h2 class="header-medium">
+    Improved Measurement Tools
+  </h2>
+  <div class="grid-x">
+    <div class="cell medium-3 feature-image-cell">
+      <a href="/img/slideshow/multiple-measurements.gif" target="_blank">
+        <img class="feature-image" src="/img/slideshow/multiple-measurements.gif" alt="A video showing the multiple measurement functionality" />
+      </a>
+    </div>
+    <div class="cell medium-9">
+      <p>
+        Sum the area or distance of multiple measurements.
+      </p>
+    </div>
+  </div>
+
+  <h2 class="header-medium">
+    Hide the sidebar
+  </h2>
+  <div class="grid-x">
+    <div class="cell medium-3 feature-image-cell">
+      <a href="/img/slideshow/toggle-sidebar.gif" target="_blank">
+        <img class="feature-image" src="/img/slideshow/toggle-sidebar.gif" alt="A video showing the sidebar toggle functionality" />
+      </a>
+    </div>
+    <div class="cell medium-9">
+      <p>
+        See more of the map by hiding the layers menu.
+      </p>
+    </div>
+  </div>
+
+  <h2 class="header-medium">
+    Turn Off Layers
+  </h2>
+  <div class="grid-x">
+    <div class="cell medium-3 feature-image-cell">
+      <a href="/img/slideshow/toggle-all-layers-off.gif" target="_blank">
+        <img class="feature-image" src="/img/slideshow/toggle-all-layers-off.gif" alt="A video showing the all layer toggle button functionality" />
+      </a>
+    </div>
+    <div class="cell medium-9">
+      <p>
+        Turn off all layers with the click of a button.
+      </p>
+    </div>
+  </div>
   <hr />
 
   <h1>