<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% if page.description %}<meta name="description" content="{{ page.description }}" />{% endif %}

    <link rel="canonical" href="{{ page.url | absolute_url }}" />
    <link rel="alternate" type="application/rss+xml" title="{{ site.name }} RSS" href="/feed.xml" />

    <meta property="og:url" content="{{ page.url | absolute_url }}" />
    <meta property="og:type" content="{{ page.open_graph_type | default: 'website' }}" />
    <meta property="og:title" content="{{ page.title }}" />
    <meta property="og:image" content="{{ page.image | default: site.image | absolute_url }}" />
    {% if page.description %}<meta property="og:description" content="{{ page.description }}" />{% endif %}
    {% if page.open_graph_type == 'article' %}<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />{% endif %}

    <link rel="shortcut icon" href="/icons/favicon.ico">
    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
    <link rel="manifest" href="/icons/site.webmanifest">
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#1d7193">
    <meta name="msapplication-config" content="/icons/browserconfig.xml">
    <meta name="msapplication-TileColor" content="#1d7193">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" type="text/css" media="screen" href="/css/vendor/bootstrap-3.4.1.min.css">
    <link rel="stylesheet" type="text/css" media="all"    href="/css/app/fonts.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/app/seagl.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/app/schedules.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/app/sponsors.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/app/code_of_conduct.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/app/ribbon.css">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/app/style_guide.css">

    <title>{{ page.title }}{% unless page.title contains site.name %} | {{ site.name }}{% endunless %}</title>

    <script src="/js/jquery.min.js"></script>
    <script src="/js/vendor/bootstrap-3.4.1.min.js"></script>
  </head>

  <body {% if page.body_id %}id="{{ page.body_id }}"{% endif %}>
    {{ content }}
  </body>
</html>
