Added initial class to prevent animations on plain pages

src/documents/script.js

@@ -9,6 +9,7 @@ $(document).ready(function(){
         $("body").animate({
           scrollTop: 0
         }, 400);
+        container.removeClass("initial-load");
         container.addClass("is-exiting");
         smoothState.restartCSSAnimations();
       }

src/documents/styles.css.scss

@@ -74,6 +74,9 @@ body{
     @at-root .animations#{&}{
       animation-name: slideInUp;
     }
+    @at-root .animations.initial-load#{&}{
+      animation-name: none;
+    }
     background-color: white;
     color: black;
     flex-grow: 1;
@@ -99,6 +102,9 @@ body{
     @at-root .animations#{&}{
       animation-name: fadeInUp;
     }
+    @at-root .animations.initial-load#{&}{
+      animation-name: none;
+    }
     >#headerimg{
       width: 100%;
       height: calc(100vh - 165px + 50px);

src/layouts/core.html.ejs

@@ -23,7 +23,7 @@
           <% }) %>
         </div>
       </div>
-      <div id="content" class="animations<% if(document.addclass){ %> <%= document.addclass %><% } %>" data-slug="<%- document.slug %>">
+      <div id="content" class="animations<% if(document.addclass){ %> <%= document.addclass %><% } %> initial-load" data-slug="<%- document.slug %>">
         <meta data-menu="<%= document.url.split("/")[1] %>" data-slug="<%- document.slug %>" />
         <%- content.replace("-split-", "") %>
       </div>