<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<head>
	<script type="text/javascript">var _sf_startpt = (new Date()).getTime()</script>
	<meta charset="utf-8">
	<!--[if IE]><meta content='IE=8' http-equiv='X-UA-Compatible' /><![endif]-->

	<title>{{ site.data.course.title|strip_html }}{% if page.title %} | {{ page.title|strip_html }}{% endif %}</title>
  {% if site.data.course.description %}<meta name="description" content="{{ site.data.course.description | strip_html}}">{% endif %}
  <meta name="author" content="{{ site.github.owner_name }}">

  <meta property="og:title" content="{{ site.data.course.title }}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ site.github.url }}" />

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<link rel="apple-touch-icon" sizes="180x180" href="{{ "/assets/img/favicon/apple-touch-icon.png" | prepend: site.baseurl }}">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ "/assets/img/favicon/favicon-32x32.png" | prepend: site.baseurl }}">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ "/assets/img/favicon/favicon-16x16.png" | prepend: site.baseurl }}">
  <link rel="manifest" href="{{ "/assets/img/favicon/site.webmanifest" | prepend: site.baseurl }}">
  <link rel="mask-icon" href="{{ "/assets/img/favicon/safari-pinned-tab.svg" | prepend: site.baseurl }}" color="#002855">
  <meta name="msapplication-TileColor" content="#ffc40d">
  <meta name="theme-color" content="#ffffff">

  <script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>

  <script src="https://kit.fontawesome.com/f5e37be872.js" crossorigin="anonymous"></script>

	<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/p2pustrap-custom.css" />
	<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/site.css" />
  {% if page.extra_css %}
    {% for css in page.extra_css %}
    <link rel="stylesheet" href="{{ site.baseurl }}{{ css }}" />
    {% endfor %}
  {% endif %}

	<link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/favicon.ico">
	<script type="text/javascript" src="{{ site.baseurl }}/assets/js/modernizr-2.6.2.min.js"></script>
</head>
<body {% if page.itemtype %}itemscope itemtype="{{ page.itemtype }}"{% endif %}
      class="d-flex flex-column min-vh-100">

{% include navigation.html %}

{{ content }}

{% include footer.html %}

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="{{site.baseurl}}/assets/js/init.js"></script>
<script src="{{site.baseurl}}/assets/js/gh_link_helper.js"></script>


<script type="text/javascript">
window.MathJax = {
  tex: {
    packages: ['base', 'ams']
  },
  loader: {
    load: ['ui/menu', '[tex]/ams']
  }
};
</script>

<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

{% if page.extra_js %}
  {% for js in page.extra_js %}
    <script src="{{site.baseurl}}{{js}}"></script>
  {% endfor %}
{% endif %}

<script>
	P2PU.ciab.init();
</script>

<!-- Google Analytics -->
{% if site.ga_tracking_code or site.p2pu_ga_tracking_code %}
	{% include ga.html %}
{% endif %}

</body>
</html>
