<!doctype html>

<html lang=β€œ{{ page.lang | default: site.lang | default: ”enβ€œ }}”>

<head>

<meta charset="utf-8">
{% if page.title.size > 0 %}
    <title>{{ page.title }}</title>
{% else %}
    <title>{{ site.title }}</title>
{% endif %}
{% if page.excerpt.size > 0 %}
    <meta name="description" content="{{ page.excerpt | remove: '<p>' | remove: '</p>' | strip_html | truncate: 160 | strip }}">
{% else %}
    <meta name="description" content="{{ site.description  | strip }}">
{% endif %}
{% if site.author.size > 0 %}
<meta name="author" content="{{ site.author }}">
{% endif %}
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- JS and CSS are fetch now to prevent FOUC -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ "assets/alpha-one.css" | relative_url }}">

<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

{% if site.favicon_png.size > 0 %}

<link rel="icon" type="image/png" href="{{ site.favicon_png | absolute_url }}">

{% endif %}

<link rel="canonical" href="{{ page.url | absolute_url }}">

{% comment %}

<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | absolute_url }}">

{% endcomment %} </head>

<body>

<!-- style is inlined to prevent FOUC on slow connections -->
<nav class="navbar navbar-default" style="background-color: #0072ad;">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{{ site.baseurl }}/" >{{ site.title }}</a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                {% if site.header_link_1_label.size > 0 %}
                    <li>
                        <a href="{{ site.header_link_1_href | relative_url }}"> {{ site.header_link_1_label }} </a>
                    </li>
                {% endif %}
                {% if site.header_link_2_label.size > 0 %}
                    <li>
                        <a href="{{ site.header_link_2_href | relative_url }}"> {{ site.header_link_2_label }} </a>
                    </li>
                {% endif %}

{% comment %}

{% if site.linkedin_username.size > 0 %}
<li>
    <a href="https://www.linkedin.com/in/{{site.linkedin_username}}" target="_blank">
        <i class="fa fa-linkedin-square"></i>
    </a>
</li>
{% endif %}
{% if site.github_username.size > 0 %}
<li>
    <a href="https://github.com/{{site.github_username}}/" target="_blank">
        <i class="fa fa-github-square"></i>
    </a>
</li>
{% endif %}
{% if site.twitter_username.size > 0 %}
<li>
    <a href="https://twitter.com/{{site.twitter_username}}" target="_blank">
        <i class="fa fa-twitter-square"></i>
    </a>
</li>
{% endif %}

{% endcomment %}

            </ul>
        </div>
    </div>
</nav>