<!DOCTYPE html> <html lang=“{{ page.lang | default: site.lang | default: 'en' }}”>

{%- include head.html -%}

<body>

  <!-- necessary as specifying collection order in _config.yml is not possible in Jekyll 3 -->
  {% assign sorted_sections = site.sections | sort: 'order' %}

  <!-- navbar -->
  <nav class="nav-bar" aria-label="Navigation Bar">
    {% for section in sorted_sections %}
      {% if section.anchor %}
        <a class="nav-item" href="{{ section.anchor  | prepend: '#' | relative_url }}">
          {{ section.title | markdownify | strip_html }}
        </a>
      {% endif %}
    {% endfor %}
  </nav>

  <main class="container-fluid">
    <!-- intro -->
    <div class="row">
      <div class="intro col-sm-8" aria-label="Intro">
        <div class="intro-title">{{ site.intro_title | markdownify }}</div>
        <div class="intro-content">{{ site.intro_content | markdownify }}</div>
        {%- if site.github_url -%}
          <a href="{{ site.github_url }}" class="fa fa-github" title="GitHub profile"></a>
        {%- endif -%}
        {%- if site.stack_overflow_url -%}
          <a href="{{ site.stack_overflow_url }}" class="fa fa-stack-overflow" title="Stack Overflow profile"></a>
        {%- endif -%}
        {%- if site.linkedin_url -%}
          <a href="{{ site.linkedin_url }}" class="fa fa-linkedin" title="LinkedIn profile"></a>
        {%- endif -%}
        {%- if site.facebook_url -%}
          <a href="{{ site.facebook_url }}" class="fa fa-facebook" title="Facebook profile"></a>
        {%- endif -%}
        {%- if site.twitter_url -%}
          <a href="{{ site.twitter_url }}" class="fa fa-twitter" title="Twitter profile"></a>
        {%- endif -%}
        {%- if site.youtube_url -%}
          <a href="{{ site.youtube_url }}" class="fa fa-youtube" title="YouTube profile"></a>
        {%- endif -%}
        {%- if site.email -%}
          <a href="mailto:{{ site.email }}" class="fa fa-envelope" title="Email"></a>
        {%- endif -%}
      </div>
    </div>

    <!-- sections -->
    {% for section in sorted_sections %}
    <div class="section row" aria-label="Sections">
      <div id="{{ section.anchor }}" class="section-title col-sm-5">{{ section.title | markdownify }}</div>
      <div class="section-content col-sm-7">{{ section.content | markdownify }}</div>
    </div>
    {% endfor %}
  </main>

  <!-- footer -->
  {%- include footer.html -%}

</body>

<!-- dark mode -->
{%- include dark_mode.html -%}

</html>