Merge pull request #222 from kellydesent/video-portal-tile

video portal tile
ioos · Apr 14, 2020 · dbdd3f7 · dbdd3f7
2 parents 9fd7b1f + 8f51ce3
commit dbdd3f7
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/public/css/main.css b/public/css/main.css
@@ -390,7 +390,11 @@ button#search-data-button.btn.btn-default.open span::before
   }
 
   a.grid-item.ocean-acidification .tile-wrap h1 {
-    margin-top: 16%;
+    margin-top: 38%;
+  }
+
+  a.grid-item.video-portal .tile-wrap h1 {
+    margin-top: 38%;
   }
 
   .grid-item.ioos-eds .tile-wrap h1,
@@ -538,14 +542,19 @@ a.osmc {
 
 a.ocean-acidification {
   background-image    : url("/images/ocean-acidification.png");
-  background-size     : 125%;
+  background-size     : 230%;
 }
 
 a.atn {
   background-image    : url("/images/ATN.png");
   background-size     : 125%;
 }
 
+a.video-portal {
+  background-image    : url("/images/video_portal.png");
+  background-size     : 134%;
+}
+
 a.metrics span.glyphicon-signal,
 a.comt span.glyphicon-th,
 a.data-discovery span.glyphicon-search,

diff --git a/public/images/video_portal.png b/public/images/video_portal.png
diff --git a/views/index.html b/views/index.html
@@ -105,11 +105,16 @@ <h1>Compliance Checker</h1>
               <h1>NOAA Observing System Monitoring Center</h1>
             </div>
           </a>
-          <a class="grid-item twoxone ocean-acidification" href="//oa.ioos.us">
+          <a class="grid-item onexone ocean-acidification" href="//oa.ioos.us">
             <div class="tile-wrap">
               <h1>Ocean Acidification</h1>
             </div>
           </a>
+          <a class="grid-item onexone video-portal" href="https://video.ioos.us/">
+            <div class="tile-wrap">
+              <h1>Video Portal</h1>
+            </div>
+          </a>
         </div>
       <!-- </div> -->
     </div>