Homepage tile edits - add sanctsound (#253)

* Homepage tile edits * SanctSound text
ioos · Apr 21, 2022 · cd527a7 · cd527a7
1 parent ddc40b9
commit cd527a7
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 16 deletions.
diff --git a/public/css/main.css b/public/css/main.css
@@ -357,7 +357,6 @@ button#search-data-button.btn.btn-default.open span::before
   }
 
   a.grid-item.ioos-eds .tile-wrap h1,
-  a.grid-item.glider-dac .tile-wrap h1,
   a.grid-item.atn .tile-wrap h1 {
     margin-top: 13%;
   }
@@ -404,20 +403,14 @@ button#search-data-button.btn.btn-default.open span::before
   }
 
   .grid-item.ioos-eds .tile-wrap h1,
-  .grid-item.sensor-map .tile-wrap h1,
-  .grid-item.glider-dac .tile-wrap h1 {
+  .grid-item.sensor-map .tile-wrap h1 {
     font-size:  26px;
   }
 
   a.mbon {
     background-size     : cover;
   }
 
-  a.glider-dac {
-    background-size     : 100%;
-    background-position : 0 -32px;
-  }
-
   a.grid-item.twoxone.data-demo-center {
     background-size: 125%;
   }
@@ -516,8 +509,15 @@ a.grid-item {
 
 a.glider-dac {
   background-image      : url("/images/glider.png");
-  background-size       : 134%;
-  background-position-y : -55px;
+  background-size       : 150%;
+  background-position-y : -20px;
+  background-position-x : -20px;
+}
+
+a.sanct-sound {
+  background-image      : url("/images/sanct-sound.png");
+  background-size       : 100%;
+  background-position-y : -35px;
 }
 
 a.sensor-map {
@@ -582,8 +582,10 @@ a.data-discovery {
 }
 
 a.regional-associations {
-  background-image    : url("/images/r-a-tile-3.jpg");
-  background-size     : 100%;
+    background-image: url("/images/r-a-tile-3.jpg");
+    background-size: 110%;
+    background-position-y: -13px;
+    background-position-x: -23px;
 }
 
 a.metrics span.glyphicon-signal,

diff --git a/public/images/sanct-sound.png b/public/images/sanct-sound.png
diff --git a/views/index.html b/views/index.html
@@ -41,20 +41,25 @@
               <h1>IOOS Model Viewer</h1>
             </div>
           </a>
+          <a class="grid-item onexone sanct-sound" href="#" target="_blank">
+            <div class="tile-wrap">
+              <h1>Sanctuary Soundscape <br />(SanctSound)</h1>
+            </div>
+          </a>
           <a class="grid-item onexone metrics orange" href="//ioos.noaa.gov/about/ioos-by-the-numbers/" target="_blank">
             <div class="tile-wrap">
               <h1>IOOS By The Numbers</h1>
               <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
             </div>
           </a>
-          <a class="grid-item onexone regional-associations orange" href="/regions">
+          <a class="grid-item onexone glider-dac" href="https://gliders.ioos.us/">
             <div class="tile-wrap">
-              <h1>Regional Associations</h1>
+              <h1>Profiling Gliders</h1>
             </div>
           </a>
-          <a class="grid-item twoxone glider-dac" href="https://gliders.ioos.us/">
+          <a class="grid-item onexone regional-associations orange" href="/regions">
             <div class="tile-wrap">
-              <h1>Profiling Gliders</h1>
+              <h1>Regional Associations</h1>
             </div>
           </a>
           <a class="grid-item twoxone data-discovery aqua" href="https://data.ioos.us">