Base HTML blade

Usage in Liquid layout:

{% capture body %}...{% endcapture %}

{% include blades/html.liquid %}

Living example: /anydigital/bladeswitch/blob/main/_includes/default.liquid


Usage in Nunjucks layout:

{% extends 'blades/html.njk' %}

{% block body %}...{% endblock %}

Living example: /anydigital/build-awesome-starter/blob/main/_includes/default.njk

How it works
<!doctype html>
<html lang="{{ site.lang | d('en') }}">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
    <link rel="icon" href="{{ site.favicon | d('/favicon.ico') }}" />
    <title>
      {{- title | string | striptags ~ ' | ' if title -}}
      {{- site.title -}}
    </title>
    <meta name="description" content="{{ description | d(site.description) }}" />

    {%- for href in site.styles %}
      <link rel="stylesheet" href="{{ href }}" />
    {%- endfor %}
    <style>
      {{ site.inline_styles | d([]) | join('\n') }}
    </style>

    {%- for src in site.scripts %}
      <script src="{{ src }}" defer></script>
    {%- endfor %}
    <script type="module">
      {{ site.inline_scripts | d([]) | join('\n') }}
    </script>

    {{ content_for_header }}
    {% include 'blades/gtm.njk' %}
  </head>

  <body>
    {% set for_body = true %}{% include 'blades/gtm.njk' %}
    {% block body %}
    {% endblock %}
  </body>
</html>