source/_inc/head_open.liquid

{% assign options = options | split: ' ' %}
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    {% if redirect -%}
    <meta http-equiv="refresh" content="500; url={{ redirect | url }}">
    {%- endif %}
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="{{ description | strip_html }}">
    {% if keywords != null -%}
    <meta name="keywords" content="{{ keywords | join: "," }}" />
    {%- endif %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title | strip_html }}</title>
    <link rel="author" href="humans.txt" />
    <link rel="alternate" type="application/rss+xml"
          title="RSS Feed for {{ title | strip_html }}"
          href="{{ '/feed/rss.xml' | url }}" />

    <!-- Disable tap highlight on IE -->
    <meta name="msapplication-tap-highlight" content="no">

    <!-- Progressive Web App -->
    <meta name="theme-color" content="white">
    <link rel="manifest" href="{{ '/manifest.json' | url }}">

    <!-- Add to home screen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="{{ '/images/icons/desktop/android-chrome-192x192.png' | url }}">
    <link rel="icon" sizes="512x512" href="{{ '/images/icons/desktop/android-chrome-512x512.png' | url }}">

    <!-- Add to home screen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="A zUIx website">
    <link rel="apple-touch-icon-precomposed" href="{{ '/images/icons/desktop/apple-touch-icon.png' | url }}">
    <link rel="mask-icon" href="{{ '/images/icons/desktop/safari-pinned-tab.svg' | url }}" color="#5bbad5">

    <!-- Tile color for Windows -->
    <meta name="msapplication-TileImage" content="{{ '/images/icons/desktop/mstile-150x150.png' | url }}">
    <meta name="msapplication-TileColor" content="#ffc40d">

    <!-- Place favicon.ico in the root directory -->
    <link rel="icon" type="image/png" sizes="32x32" href="{{ '/images/icons/desktop/favicon-32x32.png' | url }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ '/images/icons/desktop/favicon-16x16.png' | url }}">

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="https://www.example.com/">
    -->

    <link rel="preload" as="style" href="{{ '/css/fla/flex-layout-attribute.min.css' | url }}" />
    <link rel="stylesheet" href="{{ '/css/fla/flex-layout-attribute.min.css' | url }}" />
    <link rel="preload" as="style" href="{{ '/css/animate.min.css' | url }}" />
    <link rel="stylesheet" href="{{ '/css/animate.min.css' | url }}" />

    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap">

    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap">

    <!-- custom style -->
    <style>
        .rotate{
            animation: loading 3s linear infinite;
        }
        @keyframes loading {
            0% {
                transform: rotate(0);
            }
            100% {
                transform: rotate(360deg);
            }
        }
    </style>

{% if options contains 'mdl' %}
    <link rel="preload" as="style" href="{{ '/js/mdl/material.custom-theme.min.css' | url }}">
    <link rel="stylesheet" href="{{ '/js/mdl/material.custom-theme.min.css' | url }}">
    <link rel="preload" as="script" href="{{ '/js/mdl/material.min.js' | url }}">
    <script src="{{ '/js/mdl/material.min.js' | url }}" async></script>
{% endif %}

{% if options contains 'highlight' %}
    <link rel="preload" as="style" href="{{ '/css/prism.css' | url }}" />
    <link rel="stylesheet" href="{{ '/css/prism.css' | url }}" />
{% endif %}

    <!-- zuix.js https://github.com/zuixjs/zuix -->
    <link rel="preload" as="script" href="{{ '/js/zuix/zuix.min.js' | url }}">
    <link rel="preload" as="script" href="{{ '/config.js' | url }}">
    <script src="{{ '/js/zuix/zuix.min.js' | url }}"></script>
    <script src="{{ '/config.js' | url }}"></script>
    
{% if app.cookiesConsent == true %}
    <!-- Cookies consent -->
    {% include "fragments/cookies-consent.liquid"  %}
{% endif %}