<head>
    <meta charset="utf-8">

    <!-- Dynamic meta title -->
    <title>
    {% if page.layout == 'usecase' %}
        {{ page.company }} &bull; &bull; {{ page.industry }} &bull; &bull; {{ site.name }}
    {% elsif page.title %}
        {{ page.title }} &bull; &bull; {{ site.name }}
    {% else %}
        {{ site.name }} &bull; &bull; {{ site.description }}
    {% endif %}
    </title>

    <!-- Dynamic meta description -->
    {% if page.description %}
        <meta name="description" content="{{ page.description }}">
    {% elsif page.front_page %}
        <meta name="description" content="{{ site.description }}">
    {% else %}
        <meta name="description" content="{{ page.excerpt | strip_html | strip_newlines }}" />
    {% endif %}

    <!-- Mobile meta stuff -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="cleartype" content="on">

    <!-- Typekit advanced async snippet -->
    <script>
        (function(d) {
            var config = {
            kitId: '{{ site.typekitID }}',
            scriptTimeout: 3000,
            async: true
        },
        h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
        })(document);
    </script>

    <!-- CSS -->
    <link rel="stylesheet" href="/assets/css/bigchain.min.css">

    <!-- Canonical URL -->
    <link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html','' }}">

    <!-- Apple  -->
    <meta name="apple-mobile-web-app-title" content="{{ site.name }}">

    <!-- Touch Icons  -->
    <link rel="apple-touch-icon-precomposed" href="/assets/img/apple-touch-icon-precomposed-180x180.png" sizes="180x180">
    <link rel="icon" type="image/png" href="/assets/img/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/assets/img/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/assets/img/favicon-96x96.png" sizes="96x96">
    <link rel="mask-icon" href="/assets/img/favicon-glyph.svg" color="#074354">

    <!-- Win 8/8.1  -->
    <meta name="msapplication-TileImage" content="{{ site.url }}/assets/img/TileImage-144x144.png"/>
    <meta name="msapplication-TileColor" content="#074354"/>

    <!-- Android Lollipop theme color -->
    <meta name="theme-color" content="#074354">

    <!-- OpenGraph -->
    {% include opengraph.html %}

    <!-- Twitter Cards -->
    {% include twittercards.html %}

    <!-- Prevent search indexing for some pages or non-production builds -->
    {% if jekyll.environment != 'production' or page.sitemap == false  %}
    <meta name="robots" content="noindex, nofollow">
    {% endif %}

    <!-- Google Search Console verification -->
    <meta name="google-site-verification" content="W78RKvWHp0dn7gE6CDevllN3Vq6yawxMUWAKDhRPIY0" />

</head>
