[Docs] Improve consent visibility (#7619)

* [Docs] Improve consent visibility * Optimize resource loading for a better user experience (LCP)
treeverse · Apr 2, 2024 · 9545cd5 · 9545cd5
1 parent 314966b
commit 9545cd5
Show file tree

Hide file tree

Showing 6 changed files with 87 additions and 3,836 deletions.
diff --git a/docs/_includes/head_custom.html b/docs/_includes/head_custom.html
@@ -1,25 +1,27 @@
 <!-- Google Tag Manager Head -->
 <!-- type="text/plain" is intentional for cookie consent support -->
-<script type="text/plain" data-cookiecategory="analytics">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+<script type="text/plain" data-category="analytics">(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','GTM-KTZBZW9');</script>
 <!-- End Google Tag Manager Head -->
 <meta property="og:image" content="{{ site.baseurl }}{{ site.image }}">
+<link rel="preload" href="/assets/fonts/Rene Bieder - Galano Grotesque.otf" as="font" type="font/otf" crossorigin>
+<link rel="preload" href="/assets/fonts/Rene Bieder - Galano Grotesque Medium.otf" as="font" type="font/otf" crossorigin>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/fontawesome.min.css" integrity="sha512-giQeaPns4lQTBMRpOOHsYnGw1tGVzbAIHUyHRgn7+6FmiEgGGjaG0T2LZJmAPMzRCl+Cug0ItQ2xDZpTmEc+CQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/cookieconsent.css" media="print" onload="this.media = 'all'" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css">
+<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/cookieconsent.css" />
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
+<script type="module" src="{{ site.baseurl }}/assets/js/cookieconsent-init.js"></script>
 <script src="{{ site.baseurl }}/assets/js/copy-code.js"></script>
 <script>
     $(function () {
         $(".tabs").tabs();
     });
 </script>
 <script src="{{ site.baseurl }}/assets/js/feedback.js"></script>
-<link href="https://data-folks.masto.host/@lakeFS" rel="me">
-<script defer src="{{ site.baseurl }}/assets/js/cookieconsent.js"></script>
-<script defer src="{{ site.baseurl }}/assets/js/cookieconsent-init.js"></script>
+<link href="https://data-folks.masto.host/@lakeFS" rel="me">
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -8,6 +8,7 @@
 {% include head.html %}
 {% include mermaid_setup.html %}
 <body>
+<img src="/assets/img/cookies.png" style="display: none;">
 {% include gtag_frame.html %}
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
     <symbol id="svg-link" viewBox="0 0 24 24">