{# ========================================================================= #}
{# :: Page head (insert before body) #}
{# ========================================================================= #}
<head>

  {# charset #}
  <meta charset="utf-8"/>

  {# page title #}
  <title>{{CONFIG.appName}}</title>

  {# meta tags #}
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="description" content="Styleguide"/>
  <meta name="robots" content="noodp, noydir"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  {# favicon #}
  <link rel="shortcut icon" href="/assets/img/meta/favicon.ico" >

  {# Extra favicon options for other platforms #}
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/meta/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/meta/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/meta/favicon-16x16.png">
  <link rel="manifest" href="/assets/img/meta/site.webmanifest">
  <link rel="mask-icon" href="/assets/img/meta/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

  {# vendors #}
  {% if pageParams.styleVendors %}
    {% for vendor in pageParams.styleVendors %}
      <link rel="stylesheet" href="{{vendor}}" />
    {% endfor %}
  {% endif %}

  {# stylesheets #}
  <link rel="stylesheet" href="/css/general.min.css" />

</head>
