Преглед изворни кода

font preload, better compression

Juan Carlos пре 5 година
родитељ
комит
31a3c4025b

+ 17 - 13
marktplatz/templates/marktplatz/product_overview.html

@@ -2,9 +2,11 @@
 {% load tags %}
 {% load countries %}
 {% load static %}
+{% load compress %}
 {% load crispy_forms_tags %}
 
 {% block script %}
+{% compress js inline %}
 <script>
 $(document).ready(function(){
 
@@ -62,7 +64,7 @@ $(document).ready(function(){
 });
 
 </script>
-
+{% endcompress %}
 
 <style media="screen">
   .card-columns .mab-card {
@@ -466,25 +468,27 @@ $(document).ready(function(){
 
 
 {% if request.user_agent.browser.family != 'Safari'  %}
-<script>
+  {% compress js inline %}
+    <script>
 
-  $(".flipper").click (function(elem){
+      $(".flipper").click (function(elem){
 
-     let toggler = this.getAttribute("data-flip-card");
-     $("#" + toggler ).toggleClass('is-flipped');
-     $("#" + toggler + " .mab-card-face" ).toggleClass('toogle-overflow');
+         let toggler = this.getAttribute("data-flip-card");
+         $("#" + toggler ).toggleClass('is-flipped');
+         $("#" + toggler + " .mab-card-face" ).toggleClass('toogle-overflow');
 
-  });
+      });
 
-  $(".flipper-wrapper").click (function(elem){
+      $(".flipper-wrapper").click (function(elem){
 
-     let toggler = this.getAttribute("data-flip-card");
-     $("#" + toggler ).toggleClass('is-flipped');
-     $("#" + toggler + " .mab-card-face" ).toggleClass('toogle-overflow');
+         let toggler = this.getAttribute("data-flip-card");
+         $("#" + toggler ).toggleClass('is-flipped');
+         $("#" + toggler + " .mab-card-face" ).toggleClass('toogle-overflow');
 
-  });
+      });
 
-</script>
+    </script>
+  {% endcompress %}
 {% endif %}
 
 </div>

+ 10 - 2
project_base/templates/base_generic.html

@@ -1,4 +1,5 @@
 {% load fullurl %}
+{% load static %}
 {% load compress %}
 <!DOCTYPE html>
 <html lang="de">
@@ -7,7 +8,6 @@
     <meta charset="UTF-8">
     <title>{% block title %} {{ config.WEBSITE_TITEL }} {% endblock %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    {% load static %}
     <link rel="icon" href="{% static 'favicon.ico'%}">
     <link rel="apple-touch-icon" href="{% static 'favicon.ico'%}">
     {% compress css %}
@@ -22,6 +22,13 @@
     <script src="{% static 'jquery.min.js' %}"></script>
     {% endcompress %}
 
+    <link rel="preload" href="{% static 'css/NeuzeitGro-Reg/font.woff2' %}" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="{% static 'css/NeuzeitGro-Reg/font.woff' %}" as="font" type="font/woff" crossorigin>
+    <link rel="preload" href="{% static 'css/NeuzeitGro-Bla/font.woff2' %}" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="{% static 'css/NeuzeitGro-Bla/font.woff' %}" as="font" type="font/woff" crossorigin>
+
+
+    {% compress css inline %}
     <style media="screen">
       .mab-navbar {
 
@@ -181,7 +188,8 @@
         cursor: pointer;
       }
     </style>
-
+    {% endcompress %}
+    
     {% block script %}
 
     {% endblock %}