<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

  {# <title>Floorcraft Designs</title> #}
  {% if craft.app.request.hostInfo ~ craft.app.request.url == siteUrl or entry.type.handle|default("") == "homepage" %}
  {% set title = currentSite.name %}
  {% set url = siteUrl %}
  {% else %}
  {% set title = entry.title|default(craft.app.request.pathInfo) ~ " - " ~ currentSite.name %}
  {% set url = entry.url|default(siteUrl) %}
  {% endif %}

  {% set description = entry.description|default(seo.description) %}
  {% set keywords = entry.keywords|default(seo.keywords) %}
  {% set prevImage = entry.previewImage.one()|default(seo.previewImage.one()) %}
  {# {% set title = entry.title|default(craft.app.request.pathInfo) ~ " - " ~ currentSite.name %} #}
  <!-- Google search preview -->
  <meta name="description" content="{{ description }}">
  <meta name="keywords" content="{{ keywords }}">
  <title>{{title}}</title>

  <!-- Social preview -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="{{title}}" />
  <meta property="og:description" content="{{description}}" />
  <meta property="og:url" content="{{url}}" />
  <meta property="og:image" content="" />

  <meta name="twitter:card" content="">
  <meta name="twitter:site" content="{{siteUrl}}">
  <meta name="twitter:creator" content="">
  <meta name="twitter:title" content="{{title}}">
  <meta name="twitter:description" content="{{description}}">
  <meta name="twitter:image" content="">

  <!-- FAVICON -->
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#212B3A">
  {# <meta name="msapplication-TileColor" content="#2d89ef"> #}
  <meta name="theme-color" content="#212B3A">

  <!-- Links -->
  <link href="/css/main.css?v={{version}}" rel="stylesheet">
  <!-- <link href="/css/main.css" rel="stylesheet"> -->
  <!-- <link href="/css/main.min.css" rel="stylesheet"> -->
  <link type="text/plain" href="/humans.txt" rel="author">
  <link rel="stylesheet" href="https://use.typekit.net/qfp2hwm.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

  <!-- Load JS -->
  <script>
    loadjs = function () {
      var l = function () {},
        c = {},
        f = {},
        u = {};

      function s(e, n) {
        if (e) {
          var t = u[e];
          if (f[e] = n, t)
            for (; t.length;) t[0](e, n), t.splice(0, 1)
        }
      }

      function o(e, n) {
        e.call && (e = {
          success: e
        }), n.length ? (e.error || l)(n) : (e.success || l)(e)
      }

      function h(t, r, i, c) {
        var s, o, e = document,
          n = i.async,
          f = (i.numRetries || 0) + 1,
          u = i.before || l,
          a = t.replace(/^(css|img)!/, "");
        c = c || 0, /(^css!|\.css$)/.test(t) ? (s = !0, (o = e.createElement("link")).rel = "stylesheet", o.href =
          a) : /(^img!|\.(png|gif|jpg|svg)$)/.test(t) ? (o = e.createElement("img")).src = a : ((o = e
          .createElement(
            "script")).src = t, o.async = void 0 === n || n), !(o.onload = o.onerror = o.onbeforeload = function (
          e) {
          var n = e.type[0];
          if (s && "hideFocus" in o) try {
            o.sheet.cssText.length || (n = "e")
          } catch (e) {
            n = "e"
          }
          if ("e" == n && (c += 1) < f) return h(t, r, i, c);
          r(t, n, e.defaultPrevented)
        }) !== u(t, o) && e.head.appendChild(o)
      }

      function t(e, n, t) {
        var r, i;
        if (n && n.trim && (r = n), i = (r ? t : n) || {}, r) {
          if (r in c) throw "LoadJS";
          c[r] = !0
        }! function (e, r, n) {
          var t, i, c = (e = e.push ? e : [e]).length,
            s = c,
            o = [];
          for (t = function (e, n, t) {
              if ("e" == n && o.push(e), "b" == n) {
                if (!t) return;
                o.push(e)
              }--c || r(o)
            }, i = 0; i < s; i++) h(e[i], t, n)
        }(e, function (e) {
          o(i, e), s(r, e)
        }, i)
      }
      return t.ready = function (e, n) {
        return function (e, t) {
          e = e.push ? e : [e];
          var n, r, i, c = [],
            s = e.length,
            o = s;
          for (n = function (e, n) {
              n.length && c.push(e), --o || t(c)
            }; s--;) r = e[s], (i = f[r]) ? n(r, i) : (u[r] = u[r] || []).push(n)
        }(e, function (e) {
          o(n, e)
        }), t
      }, t.done = function (e) {
        s(e, [])
      }, t.reset = function () {
        c = {}, f = {}, u = {}
      }, t.isDefined = function (e) {
        return e in c
      }, t
    }();
  </script>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-158735603-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-158735603-1');
  </script>

</head>