moving js scripts to page bottom

moacirmoda · renzon · commit 64a0a4e6b82c · 2020-06-18T12:23:10.000-03:00
diff --git a/pythonpro/core/static/js/python-birds/main.js b/pythonpro/core/static/js/python-birds/main.js
@@ -1,10 +1,39 @@
 // SMOOTH SCROLL
-$('a[href^="#"]').on('click', function(event) {
+$('a[href^="#"]').on('click', function (event) {
   var target = $(this.getAttribute('href'));
   if (target.length) {
     event.preventDefault();
-    $('html, body').stop().animate( {
+    $('html, body').stop().animate({
       scrollTop: target.offset().top - 100
     }, 900);
   }
 });
+
+$(document).ready(function () {
+  $('.owl-carousel').owlCarousel({
+    autoPlay: 3000,
+    loop: true,
+    margin: 10,
+    responsiveClass: true,
+    dots: true,
+    responsive: {
+      0: {
+        items: 1,
+        nav: true
+      },
+      600: {
+        items: 3,
+        nav: false
+      },
+      1000: {
+        items: 3,
+        nav: true,
+      }
+    }
+  })
+});
+
+$('.popup-vimeo').magnificPopup({
+  src: 'https://vimeo.com/398972182',
+  type: 'iframe'
+});
diff --git a/pythonpro/core/templates/core/base.html b/pythonpro/core/templates/core/base.html
@@ -10,25 +10,6 @@
     
     <link rel="icon" type="image/png" href="{% static 'img/favicon.png' %}" />
 
-    {% block scripts %}
-    <script type="application/javascript" src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
-    <script type="application/javascript" src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
-    
-    <script src="{% static 'js/sentry.5.3.0.min.js' %}" crossorigin="anonymous"></script>
-    <script type="application/javascript">
-        Sentry.init({ dsn: '{{ SENTRY_DSN }}' });
-    </script>
-    
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-44718512-1"></script>
-    {#    Google Tag Manager#}
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','{{GOOGLE_TAG_MANAGER_ID}}');</script>
-    {#     End Google Tag Manager#}
-    {% endblock %}
-
     {% block styles %}
     <link rel="stylesheet" href="{% static 'css/custom.css' %}"/>
     <link rel="stylesheet" href="{% static 'css/default.css' %}"/>
@@ -156,6 +137,24 @@ <h3 class="mt-3">Entre em contato</h3>
 </footer>
 {% endblock footer %}
 
+<script src="{% static 'js/sentry.5.3.0.min.js' %}" crossorigin="anonymous"></script>
+<script type="application/javascript">
+    Sentry.init({ dsn: '{{ SENTRY_DSN }}' });
+</script>
+
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-44718512-1"></script>
+{#    Google Tag Manager#}
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','{{GOOGLE_TAG_MANAGER_ID}}');</script>
+{#     End Google Tag Manager#}
+
+{% block scripts %}
+    <script type="application/javascript" src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
+    <script type="application/javascript" src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
+{% endblock %}
 
 </body>
 </html>
diff --git a/pythonpro/core/templates/core/lead_landing_page.html b/pythonpro/core/templates/core/lead_landing_page.html
@@ -43,45 +43,11 @@
   <meta property="og:image" content="{% static 'img/python-birds/card-python-de-graca.png' %}" />
 {% endblock %}
 
-
-{% block scripts %}{{ block.super }}
+{% block scripts %}
   <script src="{% static 'js/python-birds/jquery.min.js' %}"></script>
   <script src="{% static 'js/python-birds/owl.carousel.min.js' %}"></script>
   <script src="{% static 'js/python-birds/magnific-popup.min.js' %}"></script>
   <script src="{% static 'js/python-birds/main.js' %}"></script>
-
-  <script>
-    $(document).ready(function(){
-      $('.owl-carousel').owlCarousel({
-        autoPlay: 3000,
-        loop: true,
-        margin: 10,
-        responsiveClass: true,
-        dots: true,
-        responsive:{
-          0:{
-            items: 1,
-            nav: true
-          },
-          600:{
-            items: 3,
-            nav: false
-          },
-          1000:{
-            items: 3,
-            nav: true,
-          }
-        }
-      })
-    });
-  </script>
-
-  <script>
-    $('.popup-vimeo').magnificPopup({
-      src: 'https://vimeo.com/398972182',
-      type: 'iframe'
-    });
-  </script>
 {% endblock %}
 
 {% block body %}
