{% assign acc = site.acc %}
{% assign desc = page.excerpt | default: site.description | strip_html | strip_newlines %}
{% assign assets = '/assets/' | prepend: site.url %}
{% assign families = acc.font_families | join: "&family=" %}
{% assign og_image = acc.meta.og_image | prepend: assets %}

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />

  <meta name="application-name" content="{{ site.title }}" />
  <meta name="apple-mobile-web-app-title" content="{{ site.title }}" />

  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />

  <meta name="theme-color" content="{{ acc.color.theme }}" />
  <meta name="apple-mobile-web-app-status-bar-style" content="{{ acc.color.theme }}" />
  <meta name="description" content="{{ desc }}" />
  <meta name="keywords" content="{{ acc.meta.keywords | strip_newlines }}" />

  <meta property="og:site_name" content="{{ site.title }}" />
  <meta property="og:description" content="{{ desc }}" />
  <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
  <meta property="og:image" content="{{ page.image | default: og_image }}" />
  {% if acc.twitter %}
  <meta name="twitter:site" content="{{ acc.social.twitter }}" />
  <meta name="twitter:card" content="summary_large_image">
  {% endif % %}

  <link rel="manifest" href="{{ assets }}site.webmanifest" />
  <link rel="preconnect" href="https://cdn.jsdelivr.net" />
  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel='preconnect' href="https://fonts.googleapis.com" crossorigin />
  <link rel="preload" as="style"
        href="https://fonts.googleapis.com/css2?family={{ families }}&display=swap"
        onload='this.onload=null;this.rel="stylesheet"' />
  <link rel="shortcut icon" href="{{ assets }}{{ acc.meta.shortcut.favicon }}" />
  <link rel="icon" type="{{ acc.meta.shotcut.type }}" href="{{ assets}}{{ acc.meta.shortcut.image }}" />
  <link rel="icon" type="image/svg+xml" href="{{ assets}}{{ acc.logo.image }}" />

  <link rel="apple-touch-icon" href="{{ assets}}{{ acc.meta.apple_icon }}" />
  {% for size in acc.logo.sizes %}
  <link rel="apple-touch-icon" sizes="{{size}}x{{size}}" href="{{ assets }}logo-square-{{size}}.png" />
  {% endfor %}