head.html

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

{%- comment -%}
  jekyll-seo-tag writes <title>, the description, canonical, og:*, twitter:* and
  the JSON-LD block from `page.title` / `page.description` with `site.title` and
  `site.description` as the fallbacks. The home page deliberately carries no
  `title` in its front matter so this renders "<site.title> | <site.tagline>"
  there rather than "Home | …".
{%- endcomment -%}
{% seo %}

{%- comment -%}
  Both, in this order: browsers that understand SVG icons take the SVG and
  ignore the .ico; the rest fall back to it. Without the .ico entry the file
  ships but is never requested — nothing asks for it at this path, since the
  automatic /favicon.ico probe hits the domain root, not the baseurl.
{%- endcomment -%}
<link rel="icon" href="{{ '/assets/img/favicon.ico' | relative_url }}" sizes="48x48">
<link rel="icon" href="{{ '/assets/img/favicon.svg' | relative_url }}" type="image/svg+xml">
<!-- Manrope, the face mariadb.org's twentytwentyfive-child theme sets the whole site in: its variable font, weights 200 to 800. -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap">
{%- comment -%} ?v= busts the browser cache on every build, so a changed stylesheet or script is never paired with a stale one. {%- endcomment -%}
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}?v={{ site.time | date: '%s' }}">

<!-- Set the theme before first paint so the page never flashes the wrong one. -->
<script>
  (function () {
    try {
      var t = localStorage.getItem('mdb-theme');
      if (!t) t = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
      document.documentElement.setAttribute('data-theme', t);
    } catch (e) { /* private mode — fall through to the light default */ }
  })();
</script>