Home Explore Help
Register Sign In
realitylab
/
MARKTPLATZ
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

font preload, better compression

Juan Carlos 5 years ago
parent
360b64c880
commit
31a3c4025b
2 changed files with 27 additions and 15 deletions
Split View Show Diff Stats
  1. 17 13
      marktplatz/templates/marktplatz/product_overview.html
  2. 10 2
      project_base/templates/base_generic.html

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

@@ -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
View File 

@@ -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 %}