fix non loading of animation.js

Author: linuxjava7

_includes/layouts/base.njk

@@ -87,30 +87,7 @@
             </p>
         </footer>
 
-        <script>
-          document.addEventListener("DOMContentLoaded", function () {
-            const allElements = document.querySelectorAll(
-              'main h1, main h2, main h3, main h4, main h5, main h6, main p, main li, main .card'
-            );
-
-            let staggerIndex = 0;
-
-            allElements.forEach((el) => {
-              if (el.classList.contains("card")) {
-                el.classList.add("appear");
-                el.style.animationDelay = `${staggerIndex * 150}ms`;
-                el.style.animationDuration = "800ms";
-                staggerIndex++;
-              }
-              else if (!el.closest('.card')) {
-                el.classList.add("appear");
-                el.style.animationDelay = `${staggerIndex * 150}ms`;
-                el.style.animationDuration = "800ms";
-                staggerIndex++;
-              }
-            });
-          });
-        </script>
+        <script>{% include "javascript/animation.js" %}</script>
 
         <!-- This page `{{ page.url }}` was built on {% currentBuildDate %} -->
         <script type="module" src="{% getBundleFileUrl "js" %}"></script>