site update to address accessibility issues, part 1

nasa-jpl · Aug 28, 2024 · 5723bea · 5723bea
1 parent e2aeca8
commit 5723bea
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 27 deletions.
diff --git a/.gitignore b/.gitignore
@@ -18,3 +18,5 @@ hugo.linux
 # React app build files
 /static/mappin-build/
 /static/app/
+
+/.quarto/
diff --git a/config.toml b/config.toml
@@ -1,7 +1,8 @@
 baseURL                          = "https://nasa-jpl.github.io/itslive-web/"   # Your domain name. Must end with "/"
 theme                            = "introduction"
-DefaultContentLanguage           = "en"                    # Default language for multilingual sites
+defaultContentLanguage           = "en"                    # Default language for multilingual sites
 publishDir                       = "public"
+title                            = "ITS_LIVE a NASA MEaSURES program | NASA JPL"
 # googleAnalytics                 = ""                     # https://gohugo.io/templates/internal/#google-analytics
 
 

diff --git a/content/home/about.md b/content/home/about.md
@@ -3,7 +3,7 @@ title: "Overview"
 weight: 2
 ---
 <div class="columns">
-   <div class="column is-one-third has-text-centered"><img class="img-responsive avatar" src="https://its-live.jpl.nasa.gov/home/img/home/greenland_hue5f169c67dfeb26055ce37f5b7cdc671_86442_320x0_resize_box_3.png" alt="img/home/greenland.png"></div>
+   <div class="column is-one-third has-text-centered"><img class="img-responsive avatar" src="https://its-live.jpl.nasa.gov/home/img/home/greenland_hue5f169c67dfeb26055ce37f5b7cdc671_86442_320x0_resize_box_3.png" alt="Image of an ITS_LIVE velocity mosaic produced by AutoRIFT"></div>
    <div class="markdown column align-left">
       <p>Satellite observations reveal how the world’s glaciers have responded to recent changes in climate, and can inform predictions of future sea level rise. To enable the next generation of ice sheet models and process-based studies, ITS_LIVE provides a decades-long, high-resolution record of global ice velocity and elevation change. The cloud-based ITS_LIVE architecture continually processes and synthesizes new data from multiple optical, radar, and laser satellite sensors, resulting in a high-resolution, low-latency product that can be used for scientific studies within days of data collection.</p>
       <ul>

diff --git a/content/home/access.md b/content/home/access.md
@@ -10,7 +10,7 @@ Web app to explore and download annual velocity mosaics and image pair data.
 <div class="columns">
   <div class="column">
     <a href="https://nsidc.org/apps/itslive/" target="_blank" class="custom-image">
-      <img src="images/webapp.jpg" />
+      <img src="images/webapp.jpg" alt="Screen of the NSIDC data portal"/>
     </a>
   </div>
   <div class="column"></div>
@@ -26,9 +26,9 @@ Repository: [https://github.com/nasa-jpl/its_live](https://github.com/nasa-jpl/i
   <div class="column">
     <p>
     Click the binder link below to browse the data now <br><br>
-     <a href="https://itslive-dashboard.labs.nsidc.org/" target="_blank"><img src="https://img.shields.io/badge/Launch-Voilà-lightblue?atyle=plastic&logo=jupyter" class="custom-image"/></a><br>
-    <a href="https://mybinder.org/v2/gh/nasa-jpl/its_live/main?urlpath=lab/tree/notebooks" target="_blank"><img src="https://img.shields.io/badge/Launch-Binder-lightgreen?atyle=plastic&logo=jupyter" class="custom-image"/></a><br>
-  <a href="https://www.youtube.com/watch?v=G7E7rE5npvg" target="_blank"><img src="images/youtube-screen.jpg"></a>
+     <a href="https://itslive-dashboard.labs.nsidc.org/" target="_blank"><img src="https://img.shields.io/badge/Launch-Voilà-lightblue?atyle=plastic&logo=jupyter" class="custom-image" alt="Voila-based dashboard"/></a><br>
+    <a href="https://mybinder.org/v2/gh/nasa-jpl/its_live/main?urlpath=lab/tree/notebooks" target="_blank"><img src="https://img.shields.io/badge/Launch-Binder-lightgreen?atyle=plastic&logo=jupyter" class="custom-image" alt="MyBinder notebook"/></a><br>
+  <a href="https://www.youtube.com/watch?v=G7E7rE5npvg" target="_blank"><img src="images/youtube-screen.jpg" alt="Youtube tutorial"></a>
    </p>
   </div>
   <div class="column"></div>

diff --git a/content/home/documentation.md b/content/home/documentation.md
@@ -21,7 +21,7 @@ Have any questions? Ask the ITS_LIVE community on [GITTER](https://gitter.im/its
 
 ### Open source tools
 
-<p><a href="https://github.com/leiyangleon/autoRIFT"> autoRIFT</a>:<i> A highly accurate and efficeint algorithm for finding the pixel displacement between two radar or optical images</i> </p>
+<p><a href="https://github.com/leiyangleon/autoRIFT"> autoRIFT</a>:<i> A highly accurate and efficient algorithm for finding the pixel displacement between two radar or optical images</i> </p>
 <p><a href="https://github.com/nsidc/NSIDC-Data-Tutorials/blob/main/notebooks/itslive/itslive-notebook.ipynb"> NSIDC notebook</a>:<i> A Jupyter notebook to search and download ITS_LIVE scene-pair velocity.</i> </p>
 <p><a href="https://github.com/chadagreene/ITS_LIVE"> Chad Greene's Matlab collection</a>:<i> A set of Matlab functions for accessing, analyzing, and plotting ITS_LIVE velocity data. These functions are intended to streamline the process of loading ITS_LIVE mosaics, interpolating, generating flowlines, and creating maps of ice flow.</i> </p>
  <p><a href="https://staging.nsidc.org/apps/itslive-search/docs"> ITS_LIVE API</a>:<i> An API for searching ITS_LIVE scene-pair velocities.</i> </p>

diff --git a/content/home/people.md b/content/home/people.md
@@ -13,37 +13,37 @@ JPL, Caltech
 
 <div class="columns">
   <div class="column">
-    <img src="images/people/MarkFahnestock.jpg">
+    <img src="images/people/MarkFahnestock.jpg" alt="Headshot photo of Mark Fahnestock">
     Mark Fahnestock<br>
     Geophysical Institute, UAF
   </div>
   <div class="column">
-    <img src="images/people/TedScambos.jpg">
+    <img src="images/people/TedScambos.jpg" alt="Headshot photo of Ted Scambos">
     Ted Scambos<br>
     ESOC, CU Boulder
   </div>
   <div class="column">
-    <img src="images/people/ChadGreene.jpg">
+    <img src="images/people/ChadGreene.jpg" alt="Headshot photo of Chad Greene">
     Chad Greene<br>
     JPL, Caltech
   </div>
   <div class="column">
-    <img src="images/people/JoeKennedy.jpg">
+    <img src="images/people/JoeKennedy.jpg" alt="Headshot photo of Joe Kennedy">
     Joe Kennedy<br>
     ASF, UAF
   </div>
   <div class="column">
-    <img src="images/people/MariaLiukis.jpg">
+    <img src="images/people/MariaLiukis.jpg" alt="Headshot photo of Maria Liukis">
     Maria Liukis<br>
     JPL, Caltech
   </div>
   <div class="column">
-    <img src="images/people/LuisLopez.jpg">
+    <img src="images/people/LuisLopez.jpg" alt="Headshot photo of Luis Lopez">
     Luis López<br>
     NSIDC, CU Boulder
   </div>
   <div class="column">
-    <img src="images/people/JohanNilsson.jpg">
+    <img src="images/people/JohanNilsson.jpg" alt="Headshot photo of Johan Nilsson">
     Johan Nilsson<br>
     JPL, Caltech
   </div>
@@ -57,27 +57,27 @@ JPL, Caltech
    <br>
   </div>
   <div class="column">
-    <img src="images/people/AlexGoodman.jpg">
+    <img src="images/people/AlexGoodman.jpg" alt="Headshot photo of Alex Goodman">
     Alex Goodman<br>
     JPL, Caltech
   </div>
   <div class="column">
-    <img src="images/people/YangLei.jpg">
+    <img src="images/people/YangLei.jpg" alt="Headshot photo of Yang Lei">
     Yang Lei<br>
     GPS, Caltech
   </div>
   <div class="column">
-    <img src="images/people/PiyushAgram.jpg">
+    <img src="images/people/PiyushAgram.jpg" alt="Headshot photo of Piyush Agram">
     Piyush Agram<br>
     Descartes Labs
   </div>
   <div class="column">
-    <img src="images/people/DanielCheng.jpg">
+    <img src="images/people/DanielCheng.jpg" alt="Headshot photo of Daniel Cheng">
     Daniel Cheng<br>
     JPL, Caltech
   </div>
     <div class="column">
-    <img src="images/people/AnshulSinghvi.jpg">
+    <img src="images/people/AnshulSinghvi.jpg"  alt="Headshot photo of Anshul Singhvi">
     Anshul Singhvi<br>
     JPL, Caltech
   </div>
@@ -94,22 +94,22 @@ JPL, Caltech
    <br>
   </div>
   <div class="column">
-    <img src="images/people/AmauryDehecq.jpg">
+    <img src="images/people/AmauryDehecq.jpg" alt="Headshot photo of Amaury Dehecq">
     Amaury Dehecq<br>
     IRD
   </div>
   <div class="column">
-    <img src="images/people/FernandoPaolo.jpg">
+    <img src="images/people/FernandoPaolo.jpg" alt="Headshot photo of Fernando Paolo">
     Fernando Paolo<br>
     Global Fishing Watch
   </div>
   <div class="column">
-    <img src="images/people/CatherineWalker.jpg">
+    <img src="images/people/CatherineWalker.jpg" alt="Headshot photo of Catherine Walker">
     Catherine Walker<br>
     WHOI
   </div>
   <div class="column">
-    <img src="images/people/FranzMeyer.jpg">
+    <img src="images/people/FranzMeyer.jpg" alt="Headshot photo of Franz Meyer">
     Franz Meyer<br>
     Geophysical Institute, UAF
   </div>
@@ -129,12 +129,12 @@ JPL, Caltech
    <br>
   </div>
   <div class="column">
-    <img src="images/people/NoelGourmelen.jpg">
+    <img src="images/people/NoelGourmelen.jpg" alt="Headshot photo of Noel Gourmelen">
     Noel Gourmelen<br>
     U. Edinburgh
   </div>
   <div class="column">
-    <img src="images/people/HamishPritchard.jpg">
+    <img src="images/people/HamishPritchard.jpg" alt="Headshot photo of Hamish Pritchard">
     Hamish Pritchard<br>
     British Antarctic Survey
   </div>

diff --git a/layouts/partials/head/metadata.html b/layouts/partials/head/metadata.html
@@ -14,8 +14,8 @@
 {{ if .Site.Params.description }}
 <meta name="description" content="{{ .Site.Params.description }}">{{ end }}
 <title>
-  {{ .Title | humanize | title }}{{ if ne .Title .Site.Title }} - {{ .Site.Title | markdownify }}{{ end }}
+  {{ .Title | title }}{{ if ne .Title .Site.Title }} - {{ .Site.Title | markdownify }}{{ end }}
 </title>
 <!-- RSS -->
 {{ with .OutputFormats.Get "RSS" }}
-<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="{{ $.Site.Title }}" />{{ end }}
+<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="{{ $.Site.Title }}" />{{ end }}