small fade-in

Author: toddwords

public/outside.js

@@ -343,7 +343,7 @@ $('#shell').bind('scroll', function()
 $(window).on("load", function() {
 // $(".hide-content").fadeIn(2000);
 // $(".loader-content").fadeOut(200);
-// $(".hide-content").fadeIn(200);
+$(".hide-content").fadeIn(200);
 
 // setTimeout(function() {
 //        $('.website-grid').addClass('grid-hide')

public/styles.css

@@ -1871,7 +1871,7 @@ img {
 }
 
 .hide-content {
-  /* display: none; */
+  display: none;
 }
 
 .show {
@@ -3396,6 +3396,14 @@ section.stacked-4 {
             o-transition: all .2s ease-in-out;
           }
 
+          .classpage-image {
+            opacity:0;
+          }
+
+          .classpage-image.loaded {
+            opacity:1;
+          }
+
            #carousel-images figure:first-child {
               /* width: calc(50vw - var(--body-margin)*2) !important; */
               height: 50vh !important;

public/templates/programs/class-concurrent.hbs

@@ -154,7 +154,7 @@ src="https://www.facebook.com/tr?id=702080505718294&ev=PageView&noscript=1"
 
 
 
-          <img id="class-image" src="{{bannerImage}}">
+          <img id="class-image"  src="{{bannerImage}}">
           {{#if workshop}}
           <div class="details">
             <div class="labels">Format</div>