datalog-theme 0.6.0

data/_includes/footer.html

@@ -0,0 +1,76 @@
+{% assign footer_site_name = site.title | default: site.name %}
+{% assign footer_year = site.time | date: '%Y' %}
+{% assign navigation_data = site.data.navigation %}
+{% assign social_data = site.data.social %}
+<footer class="site-footer" role="contentinfo">
+  <div class="container footer-container">
+    <section class="footer-about">
+      <h3>{{ site.name | default: 'DataLog' }}</h3>
+      <p class="footer-description">{{ site.description | strip_html | truncate: 160 }}</p>
+      <p class="footer-author">
+        <strong>{{ site.author.name }}</strong>
+        {% if site.author.affiliation %}
+        <span class="footer-affiliation">{{ site.author.affiliation }}</span>
+        {% endif %}
+      </p>
+      {% if site.author.orcid %}
+      <p class="footer-orcid">
+        <a href="{{ site.author.orcid }}" rel="me noopener" target="_blank">ORCID {{ site.author.orcid | replace: 'https://orcid.org/', '' }}</a>
+      </p>
+      {% endif %}
+    </section>
+
+    <nav class="footer-navigation">
+      <h3>Explore</h3>
+      {%- comment -%} `footer:` in _data/navigation.yml drives this column; the demo's sections are the fallback. {%- endcomment -%}
+      {% assign footer_links = navigation_data.footer %}
+      <ul class="footer-link-list">
+        {% if footer_links and footer_links.size > 0 %}
+        {% for item in footer_links %}
+        <li><a href="{{ item.url | relative_url }}">{{ item.title }}</a></li>
+        {% endfor %}
+        {% else %}
+        <li><a href="{{ '/blog/' | relative_url }}">Blog</a></li>
+        <li><a href="{{ '/research/' | relative_url }}">Research</a></li>
+        <li><a href="{{ '/portfolio/' | relative_url }}">Projects</a></li>
+        <li><a href="{{ '/datasets/' | relative_url }}">Datasets</a></li>
+        <li><a href="{{ '/visualizations/' | relative_url }}">Visualizations</a></li>
+        <li><a href="{{ '/about/' | relative_url }}">About</a></li>
+        {% endif %}
+      </ul>
+    </nav>
+
+    <section class="footer-connect">
+      <h3>Connect</h3>
+      {% assign primary_social = social_data.primary %}
+      {% if primary_social %}
+      <ul class="footer-link-list">
+        {% for profile in primary_social %}
+        <li><a href="{{ profile.url }}" target="_blank" rel="{{ profile.rel | default: 'noopener' }}">{{ profile.label }}</a></li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+      {% if site.author.email %}
+      <p class="footer-contact">
+        <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
+      </p>
+      {% endif %}
+    </section>
+
+    <section class="footer-subscribe">
+      <h3>Stay updated</h3>
+      <p>Follow via RSS or check back for new research and tutorials.</p>
+      {% assign rss_links = social_data.rss %}
+      {% if rss_links %}
+      <ul class="footer-link-list">
+        {% for feed in rss_links %}
+        <li><a href="{{ feed.url | relative_url }}">{{ feed.label }}</a></li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </section>
+  </div>
+  <div class="container footer-bottom">
+    <p>&copy; {{ footer_year }} {{ site.author.name }}. Built with the DataLog theme.</p>
+  </div>
+</footer>

data/_includes/head.html

@@ -0,0 +1,337 @@
+{% assign page_title = page.seo_title | default: page.title | default: site.title %}
+{% assign page_description = page.seo_description | default: page.description | default: page.excerpt | default: site.description %}
+{% assign canonical_url = page.url | default: page.permalink | default: '/' | absolute_url %}
+{% assign raw_keywords = page.keywords | default: page.tags | default: site.keywords %}
+{% assign localization_config = site.theme_options.localization %}
+{% assign current_locale = page.lang | default: site.locale | default: localization_config.default_locale | default: 'en' %}
+{% capture raw_keywords_json %}{{ raw_keywords | jsonify }}{% endcapture %}
+{% if raw_keywords_json | slice: 0, 1 == '[' %}
+  {% assign keyword_list = raw_keywords %}
+{% elsif raw_keywords %}
+  {% assign keyword_list = raw_keywords | replace: ';', ',' | split: ',' %}
+{% endif %}
+{% assign math_settings = site.theme_options.math %}
+{% assign math_engine = page.math_engine | default: math_settings.engine | default: 'mathjax' %}
+{% assign math_enabled = page.mathjax %}
+{% if math_enabled == nil %}
+  {% assign math_enabled = page.math %}
+{% endif %}
+{% if math_enabled == nil %}
+  {% assign math_enabled = math_settings.render_on_load | default: site.features.mathjax %}
+{% endif %}
+{% assign js_manifest = site.data.js_manifest %}
+{% assign syntax_config = site.theme_options.syntax_highlighting %}
+{% assign prism_cdn = syntax_config.cdn | default: 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0' %}
+{% assign prism_theme = syntax_config.themes.dark | default: syntax_config.themes.light | default: 'prism-tomorrow' %}
+{% assign prism_theme_url = prism_cdn | append: '/themes/' | append: prism_theme | append: '.css' %}
+{% assign prism_line_numbers_url = prism_cdn | append: '/plugins/line-numbers/prism-line-numbers.min.css' %}
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+{% include csp-meta.html %}
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta name="theme-color" content="#0b1d3d" />
+<meta name="description" content="{{ page_description | strip_html | normalize_whitespace }}" />
+<meta name="author" content="{{ page.author | default: site.author.name }}" />
+{% if keyword_list %}
+<meta name="keywords" content="{{ keyword_list | join: ', ' | strip }}" />
+{% endif %}
+<meta name="generator" content="Jekyll" />
+<meta name="referrer" content="no-referrer-when-downgrade" />
+<meta name="robots" content="index,follow" />
+<meta name="format-detection" content="telephone=no" />
+<meta name="application-name" content="{{ site.title }}" />
+<meta property="og:site_name" content="{{ site.title }}" />
+{% if page.layout == 'post' or page.collection == 'posts' %}
+<meta property="og:type" content="article" />
+{% else %}
+<meta property="og:type" content="website" />
+{% endif %}
+<meta property="og:title" content="{{ page_title | strip_html | normalize_whitespace }}" />
+<meta property="og:description" content="{{ page_description | strip_html | normalize_whitespace }}" />
+<meta property="og:url" content="{{ canonical_url }}" />
+{% if page.og_image or page.image %}
+<meta property="og:image" content="{{ page.og_image | default: page.image | absolute_url }}" />
+{% elsif site.social.default_image %}
+<meta property="og:image" content="{{ site.social.default_image | absolute_url }}" />
+{% endif %}
+<meta property="og:locale" content="{{ site.locale | default: 'en_US' }}" />
+<meta property="og:see_also" content="{{ site.url }}" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="{{ site.social.twitter | default: site.twitter_username }}" />
+<meta name="twitter:title" content="{{ page_title | strip_html | normalize_whitespace }}" />
+<meta name="twitter:description" content="{{ page_description | strip_html | normalize_whitespace }}" />
+{% if page.twitter_image or page.og_image or page.image %}
+<meta name="twitter:image" content="{{ page.twitter_image | default: page.og_image | default: page.image | absolute_url }}" />
+{% elsif site.social.default_image %}
+<meta name="twitter:image" content="{{ site.social.default_image | absolute_url }}" />
+{% endif %}
+<link rel="canonical" href="{{ canonical_url }}" />
+{% if js_manifest and js_manifest.core %}
+<link rel="modulepreload" href="{{ js_manifest.core | relative_url }}" crossorigin="anonymous" />
+{% if js_manifest.features and js_manifest.features.search and site.features.search %}
+<link rel="modulepreload" href="{{ js_manifest.features.search | relative_url }}" crossorigin="anonymous" />
+{% endif %}
+{% if js_manifest.features and js_manifest.features.math and math_enabled and math_engine == 'mathjax' %}
+<link rel="modulepreload" href="{{ js_manifest.features.math | relative_url }}" crossorigin="anonymous" />
+{% endif %}
+{% endif %}
+{% assign alternate_translations = page.translations %}
+{% if alternate_translations %}
+  {% for locale in alternate_translations %}
+    <link rel="alternate" hreflang="{{ locale.code }}" href="{{ locale.url | absolute_url }}" />
+  {% endfor %}
+  {% assign has_x_default = alternate_translations | where: 'code', 'x-default' | size %}
+  {% if has_x_default == 0 %}
+    <link rel="alternate" hreflang="x-default" href="{{ canonical_url }}" />
+  {% endif %}
+{% endif %}
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/img/favicons/apple-touch-icon.png' | relative_url }}" />
+<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/img/favicons/favicon-32x32.png' | relative_url }}" />
+<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/img/favicons/favicon-16x16.png' | relative_url }}" />
+<link rel="manifest" href="{{ '/assets/img/favicons/site.webmanifest' | relative_url }}" />
+<link rel="shortcut icon" href="{{ '/assets/img/favicons/favicon.ico' | relative_url }}" />
+<meta name="msapplication-TileColor" content="#0b1d3d" />
+
+{% if page.seo_title %}
+<title>{{ page.seo_title | strip_html | normalize_whitespace }} | {{ site.title }}</title>
+{% elsif page.title and page.title != site.title %}
+<title>{{ page.title | strip_html | normalize_whitespace }} | {{ site.title }}</title>
+{% else %}
+<title>{{ site.title }}</title>
+{% endif %}
+
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link rel="preload" href="{{ 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap' | add_sri }}" as="style" />
+<link rel="stylesheet" href="{{ 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap' | add_sri }}" media="print" data-async-style />
+<noscript>
+  <link rel="stylesheet" href="{{ 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap' | add_sri }}" />
+</noscript>
+
+<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
+<link rel="stylesheet" href="{{ prism_theme_url | add_sri }}" />
+<link rel="stylesheet" href="{{ prism_line_numbers_url | add_sri }}" />
+{% assign critical_config = site.critical_css | default: {} %}
+{% assign critical_enabled = critical_config.enabled | default: false %}
+{% assign main_stylesheet = '/assets/css/main.css' | relative_url %}
+{% assign normalized_layout = page.layout | default: 'default' %}
+{% assign critical_target = nil %}
+{% if critical_enabled %}
+  {% if normalized_layout == 'home' %}
+    {% assign critical_target = 'home' %}
+  {% elsif normalized_layout == 'post' %}
+    {% assign critical_target = 'post' %}
+  {% else %}
+    {% assign critical_target = 'default' %}
+  {% endif %}
+{% endif %}
+{% assign critical_styles = '' %}
+{% if critical_target == 'home' %}
+  {% capture critical_styles %}{% include critical-css/home.html %}{% endcapture %}
+{% elsif critical_target == 'post' %}
+  {% capture critical_styles %}{% include critical-css/post.html %}{% endcapture %}
+{% elsif critical_target == 'default' %}
+  {% capture critical_styles %}{% include critical-css/default.html %}{% endcapture %}
+{% endif %}
+{% assign trimmed_critical = critical_styles | strip %}
+{% if trimmed_critical != '' %}
+<style data-critical-css="{{ critical_target }}" nonce="{{ page.csp_nonce }}">
+{{ trimmed_critical }}
+</style>
+{% endif %}
+{% if trimmed_critical != '' %}
+<link rel="preload" href="{{ main_stylesheet }}" as="style" />
+<link rel="stylesheet" href="{{ main_stylesheet }}" media="print" data-async-style />
+<noscript>
+  <link rel="stylesheet" href="{{ main_stylesheet }}" />
+</noscript>
+{% else %}
+<link rel="stylesheet" href="{{ main_stylesheet }}" />
+{% endif %}
+
+{%- comment -%}
+  Async CSS promoter. The stylesheets above ship as media="print" so they do not
+  block first paint, then switch to media="all" once loaded. This has to run
+  from a nonced script: the CSP sets no 'unsafe-inline' in script-src, so the
+  inline onload="this.media='all'" handlers this replaces never fired, leaving
+  the main stylesheet stuck on print whenever critical CSS was inlined.
+{%- endcomment -%}
+<script nonce="{{ page.csp_nonce }}">
+  (function () {
+    var links = document.querySelectorAll('link[data-async-style]');
+    Array.prototype.forEach.call(links, function (link) {
+      var promote = function () { link.media = 'all'; };
+      if (link.sheet) {
+        promote();
+      } else {
+        link.addEventListener('load', promote, { once: true });
+      }
+    });
+  })();
+</script>
+
+{% if math_enabled %}
+  {% assign default_katex_cdn = 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/' %}
+  {% assign katex_cdn = math_settings.katex_cdn | default: default_katex_cdn %}
+  {% assign katex_stylesheet_url = katex_cdn | append: 'katex.min.css' %}
+  {% assign katex_js_url = katex_cdn | append: 'katex.min.js' %}
+  {% assign katex_autorender_url = katex_cdn | append: 'contrib/auto-render.min.js' %}
+  {% assign default_mathjax_url = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js' %}
+  {% assign mathjax_url = math_settings.mathjax_cdn | default: default_mathjax_url %}
+  {% if math_engine == 'katex' %}
+<link rel="stylesheet" href="{{ katex_stylesheet_url | add_sri }}" />
+<script defer src="{{ katex_js_url | add_sri }}"></script>
+<script defer src="{{ katex_autorender_url | add_sri }}"></script>
+  <script nonce="{{ page.csp_nonce }}">
+  document.addEventListener('DOMContentLoaded', function () {
+    if (window.renderMathInElement) {
+      window.renderMathInElement(document.body, {
+        delimiters: [
+          { left: '$$', right: '$$', display: true },
+          { left: '$', right: '$', display: false },
+          { left: '\\(', right: '\\)', display: false },
+          { left: '\\[', right: '\\]', display: true }
+        ],
+        throwOnError: false
+      });
+    }
+  });
+  </script>
+  {% else %}
+<script nonce="{{ page.csp_nonce }}">
+  window.MathJax = {
+    tex: {
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      displayMath: [['$$', '$$'], ['\\[', '\\]']],
+      processEscapes: true,
+      processEnvironments: true,
+      packages: { '[+]': ['ams', 'mathtools', 'physics', 'mhchem', 'require', 'boldsymbol', 'braket', 'cancel'] },
+      tags: 'all',
+      tagSide: 'right',
+      tagIndent: '1.25em',
+      macros: {
+        E: '\\mathbb{E}',
+        Var: '\\mathrm{Var}',
+        Cov: '\\mathrm{Cov}',
+        sd: '\\mathrm{sd}',
+        se: '\\mathrm{se}',
+        Prob: '\\mathbb{P}',
+        bb: ['\\mathbb{#1}', 1],
+        vec: ['\\mathbf{#1}', 1],
+        boldsymbol: ['\\boldsymbol{#1}', 1],
+        argmin: ['\\operatorname*{arg\\,min}', 0],
+        argmax: ['\\operatorname*{arg\\,max}', 0],
+        given: '\\mid',
+        diff: ['\\,\\mathrm{d}#1', 1],
+        abs: ['\\lvert#1\\rvert', 1],
+        norm: ['\\lVert#1\\rVert', 1],
+        transpose: ['^{\\mathsf{T}}', 0],
+        inner: ['\\langle #1, #2 \\rangle', 2]
+      }
+    },
+    loader: {
+      load: [
+        '[tex]/require', '[tex]/ams', '[tex]/mathtools', '[tex]/physics', '[tex]/mhchem',
+        '[tex]/boldsymbol', '[tex]/braket', '[tex]/cancel', 'ui/menu', 'a11y/semantic-enrich', 'a11y/assistive-mml'
+      ]
+    },
+    options: {
+      enableAssistiveMml: true,
+      enableMenu: true,
+      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'code', 'pre'],
+      renderActions: { addMenu: [0, '', ''] },
+      menuOptions: {
+        settings: {
+          assistiveMml: true,
+          collapsible: true,
+          explorer: true
+        }
+      }
+    },
+    chtml: { scale: 1, matchFontHeight: false, displayAlign: 'left', displayIndent: '0' },
+    svg: { fontCache: 'global' },
+    startup: {
+      ready() {
+        const MJ = MathJax;
+        MJ.startup.defaultReady();
+        if (window.DatalogMath && typeof window.DatalogMath.init === 'function') {
+          window.DatalogMath.init(MJ);
+        }
+        MJ.startup.promise.then(() => {
+          document.querySelectorAll('[data-math-alt]').forEach((el) => {
+            const altText = el.getAttribute('data-math-alt');
+            if (altText) {
+              el.setAttribute('aria-label', altText);
+            }
+          });
+        });
+      },
+      pageReady: () => {
+        document.body.classList.add('math-ready');
+        const liveRegion = document.getElementById('math-status');
+        if (liveRegion) { liveRegion.textContent = {{ 'global.math_ready' | t | jsonify }}; }
+        if (window.DatalogMath && typeof window.DatalogMath.onPageReady === 'function') {
+          window.DatalogMath.onPageReady();
+        }
+        return window.MathJax.startup.defaultPageReady();
+      }
+    }
+  };
+  </script>
+<script src="{{ mathjax_url | add_sri }}" id="mathjax-script" async defer></script>
+  {% endif %}
+{% endif %}
+
+{% assign citation_source = page.citation_authors | default: page.authors %}
+{% if page.title or page.citation_title %}
+<meta name="citation_title" content="{{ page.citation_title | default: page_title | strip_html | normalize_whitespace }}" />
+{% endif %}
+{% if citation_source %}
+  {% capture citation_source_json %}{{ citation_source | jsonify }}{% endcapture %}
+  {% assign citation_source_first = citation_source_json | slice: 0, 1 %}
+  {% if citation_source_first == '[' %}
+    {% assign citation_author_list = citation_source %}
+  {% else %}
+    {% assign citation_author_list = citation_source | replace: ';', ',' | split: ',' %}
+  {% endif %}
+  {% for author in citation_author_list %}
+<meta name="citation_author" content="{{ author | strip | escape }}" />
+  {% endfor %}
+{% elsif page.author or site.author.name %}
+<meta name="citation_author" content="{{ page.author | default: site.author.name | strip | escape }}" />
+{% endif %}
+{% if page.date %}
+<meta name="citation_publication_date" content="{{ page.date | date: '%Y/%m/%d' }}" />
+{% endif %}
+{% if page.doi %}
+<meta name="citation_doi" content="{{ page.doi }}" />
+{% endif %}
+{% if page.journal %}
+<meta name="citation_journal_title" content="{{ page.journal }}" />
+{% endif %}
+{% if page.conference %}
+<meta name="citation_conference_title" content="{{ page.conference }}" />
+{% endif %}
+{% if page.orcid or site.author.orcid %}
+<meta name="citation_orcid" content="{{ page.orcid | default: site.author.orcid }}" />
+{% endif %}
+{% if page.dataset_doi %}
+<meta name="citation_dataset_doi" content="{{ page.dataset_doi }}" />
+{% endif %}
+{% if page.citation_pdf %}
+<link rel="citation_pdf_url" href="{{ page.citation_pdf | absolute_url }}" />
+{% endif %}
+
+<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ '/feed.xml' | absolute_url }}" />
+<meta http-equiv="Permissions-Policy" content="interest-cohort=()" />
+<meta name="google-site-verification" content="{{ site.google_site_verification }}" />
+<meta name="msvalidate.01" content="{{ site.bing_site_verification }}" />
+<meta name="yandex-verification" content="{{ site.yandex_site_verification }}" />
+<meta name="baidu-site-verification" content="{{ site.baidu_site_verification }}" />
+<meta name="plausible-domain" content="{{ site.url | replace: 'https://', '' | replace: 'http://', '' }}" />
+
+<script nonce="{{ page.csp_nonce }}">
+  document.documentElement.classList.add('js');
+</script>
+
+{% include analytics.html %}

data/_includes/header/navigation.html

@@ -0,0 +1,48 @@
+{%- comment -%}
+---
+required:
+  - items
+optional:
+  - page
+  - contexts
+---
+Renders the primary navigation list with active state awareness.
+{%- endcomment -%}
+{%- assign nav_items = include.items | default: '' -%}
+{%- if nav_items == '' -%}
+  {%- assign nav_items = '' | split: '' -%}
+{%- endif -%}
+{%- assign active_page = include.page | default: page -%}
+{%- assign contexts = include.contexts | default: '' -%}
+{%- if contexts == '' -%}
+  {%- assign contexts = '' | split: '' -%}
+{%- endif -%}
+<ul class="nav-list">
+  {%- for item in nav_items -%}
+    {%- assign item_url = item.url | relative_url -%}
+    {%- assign is_active = false -%}
+    {%- assign nav_title = item.title | default: 'Untitled' | strip -%}
+    {%- assign nav_section = item.section | default: nav_title | replace: '_', ' ' | replace: '-', ' ' | strip -%}
+    {%- assign nav_description = item.description | default: '' -%}
+    {%- if nav_description == '' and item.description_key -%}
+      {%- capture nav_description -%}{% t item.description_key %}{%- endcapture -%}
+    {%- endif -%}
+    {%- if active_page.url == item.url or active_page.url == item_url -%}
+      {%- assign is_active = true -%}
+    {%- elsif item.section and contexts contains item.section -%}
+      {%- assign is_active = true -%}
+    {%- elsif item.url != '/' and active_page.url contains item.url -%}
+      {%- assign is_active = true -%}
+    {%- endif -%}
+    {%- if nav_description == '' -%}
+      {%- assign nav_description = nav_section | default: nav_title -%}
+      {%- assign nav_description = nav_description | append: ' resources' -%}
+    {%- endif -%}
+    <li class="nav-item" data-section="{{ item.section | default: nav_title | downcase }}">
+      <a class="nav-link{% if is_active %} is-active{% endif %}" href="{{ item_url }}"{% if is_active %} aria-current="page"{% endif %}>
+        <span class="nav-title">{{ nav_title }}</span>
+        <span class="nav-description">{{ nav_description | strip }}</span>
+      </a>
+    </li>
+  {%- endfor -%}
+</ul>

data/_includes/header.html

@@ -0,0 +1,70 @@
+{% assign localization_config = site.theme_options.localization %}
+{% assign navigation_data = site.data.navigation %}
+<header class="site-header" role="banner" data-sticky-header>
+  <div class="header-progress" aria-hidden="true">
+    <progress class="header-progress__bar" value="0" max="100" data-scroll-progress></progress>
+  </div>
+  <div class="visually-hidden" aria-live="polite" id="progress-announcement">Reading progress: <span data-scroll-progress-value>0</span>%</div>
+  <div class="container header-container">
+    <div class="header-primary">
+      {% assign brand_symbol = site.brand.accent_symbol | default: '∀ data · Σ insights' | strip %}
+      {% assign brand_home_name = site.title | default: site.name %}
+      <a class="site-brand" href="{{ '/' | relative_url }}" aria-label="{{ brand_home_name }} home">
+        <span class="site-logo" aria-hidden="true">
+          <svg class="logo-mark" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" focusable="false">
+            <title>DataLog logo</title>
+            <path d="M8 48c12-24 24-32 32-32 8 0 12 4 16 8" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" />
+            <path d="M44 16c0 4-4 8-8 8s-8-4-8-8 4-8 8-8 8 4 8 8z" fill="currentColor" opacity="0.25" />
+          </svg>
+        </span>
+        <span class="site-title-group">
+          <span class="site-title">{{ site.name | default: 'DataLog' }}</span>
+          <span class="site-tagline">{{ brand_symbol }}</span>
+        </span>
+      </a>
+      <div class="header-secondary">
+        {% if site.features.search %}
+        <form class="site-search" role="search" action="{{ '/search/' | relative_url }}" method="get">
+          <label class="visually-hidden" for="site-search-input">Search</label>
+          <input id="site-search-input" name="q" type="search" placeholder="Search..." autocomplete="off">
+          <button type="submit">Search</button>
+        </form>
+        {% endif %}
+        <div class="header-controls">
+          {% if site.features.dark_mode_toggle %}
+          <button class="header-control header-control--theme" type="button" data-toggle-dark-mode aria-pressed="false" aria-label="Toggle dark mode">
+            <svg class="theme-icon theme-icon--light" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+            </svg>
+            <svg class="theme-icon theme-icon--dark" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+            </svg>
+          </button>
+          {% endif %}
+          <button class="header-control header-control--icon nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Toggle navigation">
+            <span aria-hidden="true">☰</span>
+          </button>
+        </div>
+      </div>
+    </div>
+    {% assign nav_items = navigation_data.header | default: navigation_data.main %}
+    {% if nav_items == nil %}
+      {% assign nav_items = '' | split: '' %}
+      {% assign nav_items = nav_items | push: {"title": "Blog", "url": "/blog/", "section": "blog"} %}
+      {% assign nav_items = nav_items | push: {"title": "Research", "url": "/research/", "section": "research"} %}
+      {% assign nav_items = nav_items | push: {"title": "Projects", "url": "/portfolio/", "section": "portfolio"} %}
+      {% assign nav_items = nav_items | push: {"title": "Datasets", "url": "/datasets/", "section": "datasets"} %}
+      {% assign nav_items = nav_items | push: {"title": "Visualizations", "url": "/visualizations/", "section": "visualizations"} %}
+      {% assign nav_items = nav_items | push: {"title": "Academic Ops", "url": "/academic/", "section": "academic"} %}
+      {% assign nav_items = nav_items | push: {"title": "About", "url": "/about/", "section": "about"} %}
+    {% endif %}
+    {% assign page_contexts = '' | split: '' %}
+    {% if page.section %}{% assign page_contexts = page_contexts | push: page.section %}{% endif %}
+    {% if page.layout %}{% assign page_contexts = page_contexts | push: page.layout %}{% endif %}
+    {% if page.collection %}{% assign page_contexts = page_contexts | push: page.collection %}{% endif %}
+    {% if page.type %}{% assign page_contexts = page_contexts | push: page.type %}{% endif %}
+    <nav id="site-nav" class="site-nav" role="navigation" aria-label="Primary navigation" data-open="true">
+      {% include header/navigation.html items=nav_items page=page contexts=page_contexts %}
+    </nav>
+  </div>
+</header>

data/_includes/helpers/array-to-sentence.html

@@ -0,0 +1,21 @@
+{%- comment -%}
+---
+required:
+  - items
+optional:
+  - conjunction
+  - fallback
+---
+Converts an array into a human readable sentence using the configured conjunction.
+Pass an empty or nil array to emit the fallback value (defaults to blank).
+{%- endcomment -%}
+{%- assign items = include.items | default: '' -%}
+{%- if items == blank or items == empty -%}
+  {{ include.fallback | default: '' }}
+{%- else -%}
+  {%- if include.conjunction -%}
+    {{ items | array_to_sentence_string: include.conjunction }}
+  {%- else -%}
+    {{ items | array_to_sentence_string }}
+  {%- endif -%}
+{%- endif -%}

data/_includes/helpers/date-format.html

@@ -0,0 +1,16 @@
+{%- comment -%}
+---
+required:
+  - date
+optional:
+  - format
+  - localization
+---
+Formats a date using the localized format preferences.
+Falls back to the localization config's date_format and finally "long".
+{%- endcomment -%}
+{%- if include.date -%}
+  {%- assign localization = include.localization | default: site.theme_options.localization -%}
+  {%- assign resolved_format = include.format | default: localization.date_format | default: 'long' -%}
+  {{ include.date | localize_date: resolved_format }}
+{%- endif -%}

data/_includes/helpers/link-with-icon.html

@@ -0,0 +1,26 @@
+{%- comment -%}
+---
+required:
+  - url
+  - label
+optional:
+  - icon
+  - rel
+  - target
+  - class
+---
+Renders a consistently styled link with optional icon support.
+External targets automatically receive noopener + noreferrer when a target is set.
+{%- endcomment -%}
+{%- if include.url and include.label -%}
+  {%- assign rel_value = include.rel | default: '' -%}
+  {%- if include.target and rel_value == '' -%}
+    {%- assign rel_value = 'noopener noreferrer' -%}
+  {%- endif -%}
+  <a{% if include.class %} class="{{ include.class }}"{% endif %} href="{{ include.url }}"{% if include.target %} target="{{ include.target }}"{% endif %}{% if rel_value != '' %} rel="{{ rel_value }}"{% endif %}>
+    {%- if include.icon -%}
+      <span class="link-icon" aria-hidden="true">{{ include.icon }}</span>
+    {%- endif -%}
+    <span class="link-label">{{ include.label }}</span>
+  </a>
+{%- endif -%}