{% extends "@localgov_base/layout/html.html.twig" %}

{% block favicons %}
  {#
    Adding favicons as a block, so theme's can easily remove this section
    (by simply placing an empty block in their subtheme). You might want
    to do this if you want to use the favicon uploader from the theme
    settings page, for example.

    You may also like to use this section in your subtheme so you can set
    different paths for your favicons and/or add even more favicons to
    your theme.
  #}
  <link rel="apple-touch-icon" sizes="180x180" href="/{{ base_path ~ directory }}/assets/images/favicons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/{{ base_path ~ directory }}/assets/images/favicons/favicon-96x96.png">
  <link rel="manifest" href="/{{ base_path ~ directory }}/assets/images/favicons/site.webmanifest">
  <link rel="shortcut icon" href="/{{ base_path ~ directory }}/assets/images/favicons/favicon.ico">
  <meta name="msapplication-config" content="favicons/browserconfig.xml">
{% endblock %}

{#
  This block is available for you to edit the custom colours needed within
  some favicon items.

  You can also use it to add things like external fonts, which will load faster
  than using @import in a CSS file.

  For more info, see the html.html.twig file in the localgov_base directory.
#}

{% block extra_head_items %}
  <link rel="mask-icon" href="/{{ base_path ~ directory }}/assets/images/favicons/safari-pinned-tab.svg" color="#ffffff">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="theme-color" content="#ffffff">
{% endblock %}
