jekyll-theme-modootoday 1.0.0

data/_includes/modootoday/meta/related.html

@@ -0,0 +1,20 @@
+{%- comment -%}Related posts: same language, most shared tags and categories first, then newest (Liquid only; no LSI).
+  Count from modootoday.blog.related (default 3; 0 hides). heading text: news uses "Related coverage" via include.label.{%- endcomment -%}
+{%- if mt_blog_related > 0 and page.related != false -%}
+{%- include modootoday/blog/select.html -%}
+{%- assign _rs = "" | split: "" -%}
+{%- for _score in (1..5) reversed -%}
+{%- for _p in mt_posts -%}{%- if _p.url == page.url -%}{%- continue -%}{%- endif -%}
+{%- assign _n = 0 -%}
+{%- for _t in _p.tags -%}{%- if page.tags contains _t -%}{%- assign _n = _n | plus: 1 -%}{%- endif -%}{%- endfor -%}
+{%- for _t in _p.categories -%}{%- if page.categories contains _t -%}{%- assign _n = _n | plus: 1 -%}{%- endif -%}{%- endfor -%}
+{%- if _n > 5 -%}{%- assign _n = 5 -%}{%- endif -%}
+{%- if _n == _score -%}{%- assign _rs = _rs | push: _p -%}{%- endif -%}
+{%- endfor -%}{%- if _rs.size >= mt_blog_related -%}{%- break -%}{%- endif -%}
+{%- endfor -%}
+{%- if _rs.size > 0 %}
+<section class="mt-related" data-part="related" aria-labelledby="mt-related-title">
+<h2 class="mt-related-title" id="mt-related-title">{{ include.label | default: mt_t_blog_related }}</h2>
+{% include modootoday/blog/list.html posts=_rs limit=mt_blog_related variant="grid" heading="h3" excerpt=false %}
+</section>
+{%- endif -%}{%- endif -%}

data/_includes/modootoday/meta/series.html

@@ -0,0 +1,11 @@
+{%- comment -%}Series box: front matter series: "Name" groups posts (same language, oldest first); shows "Part n of total" and every part.{%- endcomment -%}
+{%- if page.series -%}
+{%- include modootoday/blog/select.html series=page.series -%}
+{%- assign _sp = mt_posts | reverse -%}
+{%- if _sp.size > 1 -%}
+{%- for _p in _sp -%}{%- if _p.url == page.url -%}{%- assign _sn = forloop.index -%}{%- endif -%}{%- endfor %}
+<nav class="mt-series" data-part="series" aria-label="{{ mt_t_blog_series }}: {{ page.series | escape }}">
+<p class="mt-series-title"><strong>{{ mt_t_blog_series }}: {{ page.series | escape }}</strong> <span>{{ mt_t_blog_series_part | replace: "[n]", _sn | replace: "[total]", _sp.size }}</span></p>
+<ol>{% for _p in _sp %}<li>{% if _p.url == page.url %}<span aria-current="page">{{ _p.title | escape }}</span>{% else %}<a href="{{ _p.url | relative_url }}">{{ _p.title | escape }}</a>{% endif %}</li>{% endfor %}</ol>
+</nav>
+{%- endif -%}{%- endif -%}

data/_includes/modootoday/meta/share.html

@@ -0,0 +1,4 @@
+{%- comment -%}Copy-link (and native share where available) button; assets/js/modootoday/share.js wires it. Off with modootoday.blog.share: false.{%- endcomment -%}
+{%- if mt_blog_share %}
+<p class="mt-share" data-part="share"><button class="mt-share-button" type="button" data-mt-share data-url="{{ page.url | absolute_url }}" data-title="{{ page.title | escape }}" data-copied="{{ mt_t_blog_copied }}" hidden>{% include modootoday/brand/icon.html name="copy" size=16 %}<span>{{ mt_t_blog_share }}</span></button><span class="mt-sr-only" role="status" aria-live="polite"></span></p>
+{%- endif -%}

data/_includes/modootoday/nav.html

@@ -0,0 +1,19 @@
+{%- comment -%}Header navigation: items {title, url} from _data/nav/<modootoday.nav>.yml (or _data/nav.yml).
+An item with `items:` (a list of {title, url}) is a group: a "More"-style <details> menu from 64rem, plain links below.{%- endcomment -%}
+{%- if mt_nav and mt_components contains "nav" %}
+<nav class="mt-nav" aria-label="{% include modootoday/i18n.html lang=_lang %}{{ mt_t_nav_label }}"><ul>
+{%- for it in mt_nav %}
+{%- if it.items %}
+{%- assign _cur = it.items | where: "url", page.url | first %}
+<li class="mt-nav-group"><details class="mt-menu"><summary{% if _cur %} class="mt-nav-current"{% endif %}>{{ it.title }}{% include modootoday/brand/icon.html name="chevron-down" size=14 %}</summary><ul>
+{%- for sub in it.items %}<li><a href="{% include modootoday/link.html url=sub.url %}"{% include modootoday/links/attrs.html on=sub.new_window target=sub.target url=sub.url %}{% if sub.url == page.url %} aria-current="page"{% endif %}>{{ sub.title }}</a></li>{% endfor -%}
+</ul></details></li>
+{%- for sub in it.items %}
+<li class="mt-nav-flat"><a href="{% include modootoday/link.html url=sub.url %}"{% include modootoday/links/attrs.html on=sub.new_window target=sub.target url=sub.url %}{% if sub.url == page.url %} aria-current="page"{% endif %}>{{ sub.title }}</a></li>
+{%- endfor %}
+{%- else %}
+<li><a href="{% include modootoday/link.html url=it.url %}"{% include modootoday/links/attrs.html on=it.new_window target=it.target url=it.url %}{% if it.url == page.url %} aria-current="page"{% endif %}>{{ it.title }}{% if it.url contains "://" %}{% include modootoday/brand/icon.html name="external" size=12 %}{% endif %}</a></li>
+{%- endif %}
+{%- endfor %}
+</ul></nav>
+{%- endif -%}

data/_includes/modootoday/news/badge.html

@@ -0,0 +1,4 @@
+{%- comment -%}Breaking / live badge: {% include modootoday/news/badge.html kind="breaking" %} (kind: breaking | live).
+  Front matter breaking: true or live: true on a post shows it on cards and the article.{%- endcomment -%}
+{%- if include.kind == "live" -%}<span class="mt-badge mt-badge-live" data-variant="live"><span class="mt-live-dot" aria-hidden="true"></span>{{ mt_t_blog_live }}</span>
+{%- else -%}<span class="mt-badge mt-badge-breaking" data-variant="breaking">{{ mt_t_blog_breaking }}</span>{%- endif -%}

data/_includes/modootoday/news/front.html

@@ -0,0 +1,30 @@
+{%- comment -%}News front page: lead story, secondary grid, latest list, then one section per category.
+  lead / secondary / latest: counts (defaults 1 / 4 / 6). sections: category names (default modootoday.news.sections, else none).
+  A post with featured: true leads; otherwise the newest does. posts: override the selection (default: this language's posts).{%- endcomment -%}
+{%- assign _fp = include.posts -%}{%- unless _fp -%}{%- include modootoday/blog/select.html -%}{%- assign _fp = mt_posts -%}{%- endunless -%}
+{%- assign _fs = include.secondary | default: 4 -%}{%- assign _fl = include.latest | default: 6 -%}
+{%- assign _flead = _fp | where: "featured", true | first | default: _fp.first -%}
+{%- assign _frest = "" | split: "" -%}{%- for _p in _fp -%}{%- if _p.url != _flead.url -%}{%- assign _frest = _frest | push: _p -%}{%- endif -%}{%- endfor -%}
+{%- if _flead %}
+<div class="mt-news-top" data-part="top">
+<div class="mt-news-lead" data-part="lead">{% include modootoday/blog/card.html post=_flead featured=true heading="h2" %}</div>
+<div class="mt-news-secondary" data-part="secondary">{% include modootoday/blog/list.html posts=_frest limit=_fs variant="grid" heading="h3" excerpt=false %}</div>
+</div>
+{%- assign _fo = _fs -%}
+{%- if _frest.size > _fo %}
+<section class="mt-news-latest" data-part="latest" aria-labelledby="mt-news-latest"><h2 id="mt-news-latest">{{ mt_t_blog_latest }}</h2>
+{% include modootoday/blog/list.html posts=_frest offset=_fo limit=_fl variant="list" heading="h3" excerpt=false %}
+</section>
+{%- endif -%}
+{%- assign _fsec = include.sections | default: site.modootoday.news.sections -%}
+{%- for _fc in _fsec -%}
+{%- include modootoday/blog/select.html category=_fc -%}
+{%- if mt_posts.size > 0 %}
+{%- assign _cid = _fc | slugify | prepend: "mt-news-" -%}
+<section class="mt-news-section" data-part="section" data-category="{{ _fc | slugify }}" aria-labelledby="{{ _cid }}"><h2 id="{{ _cid }}">{{ _fc }}</h2>
+{% include modootoday/blog/list.html posts=mt_posts limit=4 variant="grid" heading="h3" excerpt=false %}
+{%- if mt_posts.size > 4 and site.modootoday.archive.categories %}<p class="mt-news-more"><a href="{{ site.modootoday.archive.categories | relative_url }}#categories-{{ _fc | slugify }}">{{ mt_t_blog_more | replace: "[section]", _fc }}</a></p>{% endif %}
+</section>
+{%- endif -%}
+{%- endfor -%}
+{%- endif -%}

data/_includes/modootoday/news/notes.html

@@ -0,0 +1,10 @@
+{%- comment -%}News article end notes from front matter: correction: "text" (with correction_date:), sources: [{title, url}] or strings, credits: "text".{%- endcomment -%}
+{%- if page.correction %}
+<aside class="mt-callout mt-news-correction" data-variant="warning" data-part="correction"><p class="mt-callout-title">{{ mt_t_blog_correction }}{% if page.correction_date %} · <time datetime="{{ page.correction_date | date_to_xmlschema }}">{{ page.correction_date | date: mt_t_post_date_format }}</time>{% endif %}</p><p>{{ page.correction }}</p></aside>
+{%- endif -%}
+{%- if page.sources.size > 0 %}
+<section class="mt-news-sources" data-part="sources"><h2>{{ mt_t_blog_sources }}</h2><ul>
+{%- for _s in page.sources %}<li>{% if _s.url %}<a href="{{ _s.url }}"{% include modootoday/links/attrs.html on=_s.new_window target=_s.target url=_s.url %}>{{ _s.title | default: _s.url }}</a>{% else %}{{ _s }}{% endif %}</li>{% endfor -%}
+</ul></section>
+{%- endif -%}
+{%- if page.credits %}<p class="mt-news-credits" data-part="credits">{{ page.credits }}</p>{% endif -%}

data/_includes/modootoday/page-meta.html

@@ -0,0 +1,16 @@
+{%- comment -%}
+Optional page footer line (needs modootoday/config.html first).
+  site.modootoday.edit_url       prefix joined with page.path, e.g. https://github.com/OWNER/REPO/edit/main/docs/
+  page.last_modified_at          date shown as "Last updated" (front matter, or a plugin that sets it)
+  page.edit: false               hides the edit link on one page
+{%- endcomment -%}
+{%- include modootoday/i18n.html lang=_lang -%}
+{%- assign _pm_edit = nil -%}
+{%- if site.modootoday.edit_url and page.edit != false and page.path -%}{%- assign _pm_edit = site.modootoday.edit_url | append: page.path -%}{%- endif -%}
+{%- if _pm_edit or page.last_modified_at %}
+<p class="mt-page-meta">
+{%- if page.last_modified_at -%}<span>{{ mt_t_page_updated }} <time datetime="{{ page.last_modified_at | date_to_xmlschema }}">{{ page.last_modified_at | date: "%Y-%m-%d" }}</time></span>{%- endif -%}
+{%- if _pm_edit and page.last_modified_at %} · {% endif -%}
+{%- if _pm_edit -%}<a href="{{ _pm_edit }}" rel="nofollow">{% include modootoday/brand/icon.html name="edit" size=14 %} {{ mt_t_page_edit }}</a>{%- endif -%}
+</p>
+{%- endif -%}

data/_includes/modootoday/pages/error.html

@@ -0,0 +1,13 @@
+{%- comment -%}Error body for include.status (404 default, 410, 500): localized title and text, then the page body and a home link.{%- endcomment -%}
+{%- include modootoday/i18n.html -%}{%- include modootoday/home-url.html -%}
+{%- assign _s = include.status | default: 404 | append: "" -%}
+{%- case _s -%}
+{%- when "410" -%}{%- assign _et = mt_t_pages_gone -%}{%- assign _ex = mt_t_pages_gone_text -%}
+{%- when "500" -%}{%- assign _et = mt_t_pages_error -%}{%- assign _ex = mt_t_pages_error_text -%}
+{%- else -%}{%- assign _et = mt_t_pages_not_found -%}{%- assign _ex = mt_t_pages_not_found_text -%}
+{%- endcase %}
+<p class="mt-error-code" aria-hidden="true">{{ _s }}</p>
+<h1>{{ page.heading | default: _et }}</h1>
+<p>{{ _ex }}</p>
+{{ content }}
+<p class="mt-actions"><a href="{{ mt_home | relative_url }}">{{ mt_t_pages_home }}</a></p>

data/_includes/modootoday/pages/hero/scene.html

@@ -0,0 +1,27 @@
+{%- comment -%}Showcase SVG scene. include.k: id suffix (one per copy); include.motion: add the SMIL timeline.
+Colours come from mt-showcase-* classes (hero bundle) so light and dark follow the --mt-* tokens.
+Timeline (all finite, settled by 4.6 s): window 0–0.6 s, code lines 0.4–1.9 s, bars 1.2–2.3 s, cursor 2–4.6 s.{%- endcomment -%}
+{%- assign k = include.k -%}{%- assign m = include.motion -%}
+{%- capture sp %}calcMode="spline" keySplines=".2 .8 .2 1" fill="freeze"{% endcapture -%}
+<defs><linearGradient id="mt-sc-g{{ k }}" x1="0" x2="1"><stop offset="0" class="mt-showcase-s1"/><stop offset="1" class="mt-showcase-s2"/></linearGradient></defs>
+{%- if m %}{% include modootoday/pages/hero/sparks.html %}{% endif %}
+<g class="mt-showcase-card">{% if m %}<animate attributeName="opacity" from="0" to="1" dur=".6s" fill="freeze"/><animateTransform attributeName="transform" type="translate" values="-30 10;0 0" dur=".6s" {{ sp }}/>{% endif %}
+<rect class="mt-showcase-win" x="-10" y="10" width="170" height="110" rx="10"/>
+<circle class="mt-showcase-dot1" cx="4" cy="24" r="3.5"/><circle class="mt-showcase-dot2" cx="15" cy="24" r="3.5"/><circle class="mt-showcase-dot3" cx="26" cy="24" r="3.5"/>
+<g stroke-linecap="round" stroke-width="5" fill="none">
+{%- assign ls = "6,46,80,c1,.4|18,62,110,c2,.9|18,78,70,c3,1.3|6,94,40,c4,1.6" | split: "|" -%}
+{%- for l in ls %}{%- assign a = l | split: "," %}
+<path class="mt-showcase-{{ a[3] }}" d="M{{ a[0] }} {{ a[1] }}h{{ a[2] }}" stroke-dasharray="{{ a[2] }}">{% if m %}<animate attributeName="stroke-dashoffset" values="{{ a[2] }};{{ a[2] }};0" keyTimes="0;.6;1" begin="{{ a[4] | minus: 0.3 }}s" dur=".8s" fill="freeze"/>{% endif %}</path>
+{%- endfor %}</g>
+<rect class="mt-showcase-caret" x="50" y="88" width="2" height="12">{% if m %}<animate attributeName="opacity" values="1;0;1" calcMode="discrete" dur="1s" begin="2s" repeatCount="2" fill="freeze"/>{% endif %}</rect></g>
+<g class="mt-showcase-card"><rect class="mt-showcase-panel" x="270" y="170" width="140" height="100" rx="10"/>
+<rect class="mt-showcase-skel" x="284" y="184" width="56" height="7" rx="3.5"/>
+<g fill="url(#mt-sc-g{{ k }})">
+{%- assign bs = "286,44,1.2|310,32,1.4|334,54,1.6|358,62,1.8" | split: "|" -%}
+{%- for b in bs %}{%- assign a = b | split: "," -%}{%- assign y = 258 | minus: a[1] %}
+<rect x="{{ a[0] }}" width="16" rx="3" y="{{ y }}" height="{{ a[1] }}">{% if m %}<animate attributeName="height" values="0;{{ a[1] }}" begin="{{ a[2] }}s" dur=".5s" {{ sp }}/><animate attributeName="y" values="258;{{ y }}" begin="{{ a[2] }}s" dur=".5s" {{ sp }}/>{% endif %}</rect>
+{%- endfor %}</g></g>
+<path id="mt-sc-p{{ k }}" class="mt-showcase-trail" d="M120 250 C 180 300, 260 120, 330 60"/>
+<g class="mt-showcase-card" transform="translate(300 40)"><rect class="mt-showcase-chip" width="96" height="34" rx="17"/><text class="mt-showcase-chipt" x="48" y="22" text-anchor="middle">mt-btn</text></g>
+<g{% unless m %} transform="translate(330 60)"{% endunless %}><path class="mt-showcase-cursor" d="M0 0l0 16 4.5-4 3 7 3-1.4-3-7 6 0z"/>
+{%- if m %}<animateMotion begin="2s" dur="2.6s" calcMode="spline" keyPoints="0;1" keyTimes="0;1" keySplines=".4 0 .2 1" fill="freeze"><mpath href="#mt-sc-p{{ k }}"/></animateMotion>{% endif %}</g>

data/_includes/modootoday/pages/hero/sparks.html

@@ -0,0 +1,6 @@
+{%- comment -%}Showcase sparks: transparent drifting dots (SMIL, 2 runs of 2 s each, then rest). Motion copy only.{%- endcomment -%}
+<g class="mt-showcase-sparks">
+{%- assign ps = "40,200,3,0|90,150,2,.3|200,40,2.5,.6|240,230,2,.2|380,130,3,.5|150,20,2,.8|20,90,2.5,.4" | split: "|" -%}
+{%- for p in ps %}{%- assign a = p | split: "," %}
+<circle cx="{{ a[0] }}" cy="{{ a[1] }}" r="{{ a[2] }}" opacity="0"><animate attributeName="opacity" values="0;.7;0" begin="{{ a[3] }}s" dur="2s" repeatCount="2"/><animateTransform attributeName="transform" type="translate" values="0 0;0 -14" begin="{{ a[3] }}s" dur="2s" repeatCount="2"/></circle>
+{%- endfor %}</g>

data/_includes/modootoday/pages/hero.html

@@ -0,0 +1,11 @@
+{%- comment -%}Home hero: include.hero = {title, text, actions: [{label, url}], image: path or {path, alt, width, height, srcset}} (same hero.image API as the showcase visual); renders nothing without a title.{%- endcomment -%}
+{%- assign _h = include.hero -%}
+{%- if _h.title %}
+<header class="mt-hero">
+<h1 class="mt-hero-title">{{ _h.title }}</h1>
+{%- if _h.text %}<p class="mt-hero-text">{{ _h.text }}</p>{% endif %}
+{%- if _h.actions %}<p class="mt-actions">{% for a in _h.actions %}<a href="{% if a.url contains '://' %}{{ a.url }}{% else %}{{ a.url | relative_url }}{% endif %}">{{ a.label }}</a>{% endfor %}</p>{% endif %}
+{%- assign _hi = _h.image -%}{%- if _hi %}{% assign _hp = _hi.path | default: _hi %}
+<img class="mt-hero-media" src="{{ _hp | relative_url }}"{% if _hi.srcset %} srcset="{{ _hi.srcset }}" sizes="100vw"{% endif %} alt="{{ _hi.alt | default: '' | escape }}" width="{{ _hi.width | default: 1024 }}" height="{{ _hi.height | default: 576 }}" decoding="async" fetchpriority="high">{% endif %}
+</header>
+{%- endif %}

data/_includes/modootoday/pages/search-form.html

@@ -0,0 +1,14 @@
+{%- comment -%}No-JavaScript search: GET form to an external engine restricted to this host. Configure
+  modootoday.search.fallback (url and query parameter); default DuckDuckGo with site:<host>.{%- endcomment -%}
+{%- include modootoday/i18n.html -%}
+{%- assign _f = site.modootoday.search.fallback -%}
+{%- if _f != false -%}
+{%- assign _host = "/" | absolute_url | split: "://" | last | split: "/" | first -%}
+<form class="mt-search-form" role="search" method="get" action="{{ _f.url | default: 'https://duckduckgo.com/' }}">
+<label for="mt-search-q">{{ mt_t_search_label }}</label>
+<input id="mt-search-q" type="search" name="{{ _f.param | default: 'q' }}" required minlength="2" autocomplete="off" aria-describedby="mt-search-hint">
+<input type="hidden" name="sites" value="{{ _host }}">
+<button class="mt-search-submit" type="submit">{% include modootoday/brand/icon.html name="search" size=16 %}{{ mt_t_search_label }}</button>
+<p id="mt-search-hint" class="mt-search-hint">{{ mt_t_pages_search_hint }}</p>
+</form>
+{%- endif -%}

data/_includes/modootoday/search.json

@@ -0,0 +1,11 @@
+{%- comment -%}Search index. In your site add search.json:  ---\nlayout: null\n---\n{% include modootoday/search.json %}
+Pages with `search: false` or no title are skipped. Text is truncated to 300 words.{%- endcomment -%}
+[{%- assign _first = true -%}
+{%- for p in site.pages -%}{%- if p.title and p.search != false and p.layout != nil -%}{%- unless p.url contains ".json" or p.url contains ".txt" or p.url contains ".md" -%}
+{%- unless _first %},{% endunless -%}{%- assign _first = false -%}
+{"title":{{ p.title | jsonify }},"url":{{ p.url | relative_url | jsonify }},"lang":{{ p.lang | default: site.lang | default: "en" | jsonify }},"text":{{ p.content | markdownify | strip_html | normalize_whitespace | truncatewords: 300, "" | jsonify }}}
+{%- endunless -%}{%- endif -%}{%- endfor -%}
+{%- for p in site.posts -%}{%- if p.search != false -%}
+{%- unless _first %},{% endunless -%}{%- assign _first = false -%}
+{"title":{{ p.title | jsonify }},"url":{{ p.url | relative_url | jsonify }},"lang":{{ p.lang | default: site.lang | default: "en" | jsonify }},"text":{{ p.content | strip_html | normalize_whitespace | truncatewords: 300, "" | jsonify }}}
+{%- endif -%}{%- endfor -%}]

data/_includes/modootoday/stylesheets.html

@@ -0,0 +1,36 @@
+{%- comment -%}
+Stylesheet links (needs modootoday/config.html first). Sets mt_page_c ("|tabs|faq|": this page's section components).
+  split (default): the core sheet, the context sheets the layout chain names in front matter mt_sheets (doc),
+                   and one sheet per section component the page's sections: use. Page front matter css: [c, ...] adds more.
+  modootoday.css: bundle — only the core sheet, which then holds everything.
+{%- endcomment -%}
+{%- assign mt_page_c = "|" -%}
+{%- for _s in page.sections -%}{%- if _s.c -%}{%- assign mt_page_c = mt_page_c | append: _s.c | append: "|" -%}{%- endif -%}{%- endfor -%}
+{%- assign mt_search_index = site.pages | where: "url", "/search.json" | first -%}
+{%- if mt_components contains "search" and mt_search_index -%}{%- assign mt_page_c = mt_page_c | append: "search|" -%}{%- endif -%}
+{%- if site.modootoday.loading or content contains 'class="mt-spinner' or content contains 'class="mt-skeleton' or content contains 'class="mt-topbar' -%}{%- assign mt_page_c = mt_page_c | append: "loading|" -%}{%- endif -%}
+{%- for _x in layout.mt_css -%}{%- assign mt_page_c = mt_page_c | append: _x | append: "|" -%}{%- endfor -%}
+{%- for _x in page.css -%}{%- assign mt_page_c = mt_page_c | append: _x | append: "|" -%}{%- endfor %}
+{%- comment -%}Blog, news and archive layouts add the separate blog sheet (both modes); front matter blog_css: true opts any page in.{%- endcomment -%}
+{%- assign mt_blog_css = false -%}{%- if page.blog_css or page.layout == "post" or page.layout == "blog" or page.layout == "news" or page.layout == "news-article" or page.layout == "author" or page.layout == "archive" -%}{%- assign mt_blog_css = true -%}{%- endif %}
+<link rel="stylesheet" href="{{ '/assets/css/modootoday.css' | relative_url }}">
+{%- if mt_blog_css %}
+<link rel="stylesheet" href="{{ '/assets/css/modootoday-blog.css' | relative_url }}">
+{%- endif -%}
+{%- comment -%}Optional per-layout bundles: the layout chain and the page may set mt_bundle: "<name> [<name>…]" to add
+  assets/css/modootoday-<name>.css (both modes), each on its own budget outside core.{%- endcomment -%}
+{%- assign _mtbn = layout.mt_bundle | append: " " | append: page.mt_bundle -%}{%- if page.hero.visual == "showcase" -%}{%- assign _mtbn = _mtbn | append: " hero" -%}{%- endif -%}{%- assign _mtbn = _mtbn | split: " " | uniq -%}
+{%- for _b in _mtbn -%}{%- if _b != "" and _b != "blog" %}
+<link rel="stylesheet" href="{{ '/assets/css/modootoday-' | append: _b | append: '.css' | relative_url }}">
+{%- endif -%}{%- endfor -%}
+{%- unless mt.css == "bundle" -%}
+{%- assign _ls = layout.mt_sheets | default: "" -%}
+{%- for _s in mt_context_sheets -%}{%- assign _kv = _s | split: ":" -%}{%- assign _k = "|" | append: _kv[0] | append: "|" -%}
+{%- if _ls contains _kv[0] or mt_page_c contains _k %}
+<link rel="stylesheet" href="{{ '/assets/css/modootoday/' | append: _kv[0] | append: '.css' | relative_url }}">
+{%- endif -%}{%- endfor -%}
+{%- for _s in mt_section_sheets -%}{%- assign _kv = _s | split: ":" -%}{%- assign _k = "|" | append: _kv[0] | append: "|" -%}{%- assign _n = _kv[1] | split: "/" | last -%}
+{%- if mt_page_c contains _k and mt_components contains _n %}
+<link rel="stylesheet" href="{{ '/assets/css/modootoday/' | append: _kv[1] | append: '.css' | relative_url }}">
+{%- endif -%}{%- endfor -%}
+{%- endunless -%}

data/_includes/modootoday/t.html

@@ -0,0 +1,7 @@
+{%- comment -%}Theme string by key: {% include modootoday/t.html key="nav.label" %} (optional n= / name= fill %{n} / %{name}).
+  Resolution: site _data/i18n/<lang>.yml, then the theme catalog for the language, then English. Generated by script/i18n-build.{%- endcomment -%}
+{%- include modootoday/i18n.html -%}
+{%- case include.key -%}{%- when "direction" -%}{%- assign _tv = mt_t_direction -%}{%- when "skip" -%}{%- assign _tv = mt_t_skip -%}{%- when "new_window.hint" -%}{%- assign _tv = mt_t_new_window_hint -%}{%- when "new_window.open" -%}{%- assign _tv = mt_t_new_window_open -%}{%- when "callout.note" -%}{%- assign _tv = mt_t_callout_note -%}{%- when "callout.tip" -%}{%- assign _tv = mt_t_callout_tip -%}{%- when "callout.important" -%}{%- assign _tv = mt_t_callout_important -%}{%- when "callout.warning" -%}{%- assign _tv = mt_t_callout_warning -%}{%- when "callout.caution" -%}{%- assign _tv = mt_t_callout_caution -%}{%- when "status.available" -%}{%- assign _tv = mt_t_status_available -%}{%- when "status.partial" -%}{%- assign _tv = mt_t_status_partial -%}{%- when "status.planned" -%}{%- assign _tv = mt_t_status_planned -%}{%- when "task.done" -%}{%- assign _tv = mt_t_task_done -%}{%- when "task.open" -%}{%- assign _tv = mt_t_task_open -%}{%- when "tabs.label" -%}{%- assign _tv = mt_t_tabs_label -%}{%- when "toc.label" -%}{%- assign _tv = mt_t_toc_label -%}{%- when "theme.toggle" -%}{%- assign _tv = mt_t_theme_toggle -%}{%- when "sidebar.label" -%}{%- assign _tv = mt_t_sidebar_label -%}{%- when "page_actions.label" -%}{%- assign _tv = mt_t_page_actions_label -%}{%- when "page_actions.copy" -%}{%- assign _tv = mt_t_page_actions_copy -%}{%- when "page_actions.copy_ai" -%}{%- assign _tv = mt_t_page_actions_copy_ai -%}{%- when "page_actions.view" -%}{%- assign _tv = mt_t_page_actions_view -%}{%- when "page_actions.source" -%}{%- assign _tv = mt_t_page_actions_source -%}{%- when "breadcrumb.label" -%}{%- assign _tv = mt_t_breadcrumb_label -%}{%- when "nav.label" -%}{%- assign _tv = mt_t_nav_label -%}{%- when "nav.back_to_top" -%}{%- assign _tv = mt_t_nav_back_to_top -%}{%- when "pagination.label" -%}{%- assign _tv = mt_t_pagination_label -%}{%- when "pagination.prev" -%}{%- assign _tv = mt_t_pagination_prev -%}{%- when "pagination.next" -%}{%- assign _tv = mt_t_pagination_next -%}{%- when "code.copy" -%}{%- assign _tv = mt_t_code_copy -%}{%- when "code.copied" -%}{%- assign _tv = mt_t_code_copied -%}{%- when "code.label" -%}{%- assign _tv = mt_t_code_label -%}{%- when "code.file" -%}{%- assign _tv = mt_t_code_file -%}{%- when "table.label" -%}{%- assign _tv = mt_t_table_label -%}{%- when "search.label" -%}{%- assign _tv = mt_t_search_label -%}{%- when "page.edit" -%}{%- assign _tv = mt_t_page_edit -%}{%- when "page.updated" -%}{%- assign _tv = mt_t_page_updated -%}{%- when "languages.label" -%}{%- assign _tv = mt_t_languages_label -%}{%- when "post.date_format" -%}{%- assign _tv = mt_t_post_date_format -%}{%- when "post.author" -%}{%- assign _tv = mt_t_post_author -%}{%- when "post.related" -%}{%- assign _tv = mt_t_post_related -%}{%- when "post.share" -%}{%- assign _tv = mt_t_post_share -%}{%- when "fallback.notice" -%}{%- assign _tv = mt_t_fallback_notice -%}{%- when "archive.years" -%}{%- assign _tv = mt_t_archive_years -%}{%- when "archive.tags" -%}{%- assign _tv = mt_t_archive_tags -%}{%- when "archive.categories" -%}{%- assign _tv = mt_t_archive_categories -%}{%- when "archive.posts" -%}{%- assign _tv = mt_t_archive_posts -%}{%- when "archive.empty" -%}{%- assign _tv = mt_t_archive_empty -%}{%- when "blog.featured" -%}{%- assign _tv = mt_t_blog_featured -%}{%- when "blog.read_more" -%}{%- assign _tv = mt_t_blog_read_more -%}{%- when "blog.reading_time" -%}{%- assign _tv = mt_t_blog_reading_time -%}{%- when "blog.by" -%}{%- assign _tv = mt_t_blog_by -%}{%- when "blog.updated" -%}{%- assign _tv = mt_t_blog_updated -%}{%- when "blog.newer" -%}{%- assign _tv = mt_t_blog_newer -%}{%- when "blog.older" -%}{%- assign _tv = mt_t_blog_older -%}{%- when "blog.related" -%}{%- assign _tv = mt_t_blog_related -%}{%- when "blog.series" -%}{%- assign _tv = mt_t_blog_series -%}{%- when "blog.series_part" -%}{%- assign _tv = mt_t_blog_series_part -%}{%- when "blog.share" -%}{%- assign _tv = mt_t_blog_share -%}{%- when "blog.copied" -%}{%- assign _tv = mt_t_blog_copied -%}{%- when "blog.feed" -%}{%- assign _tv = mt_t_blog_feed -%}{%- when "blog.latest" -%}{%- assign _tv = mt_t_blog_latest -%}{%- when "blog.breaking" -%}{%- assign _tv = mt_t_blog_breaking -%}{%- when "blog.live" -%}{%- assign _tv = mt_t_blog_live -%}{%- when "blog.correction" -%}{%- assign _tv = mt_t_blog_correction -%}{%- when "blog.sources" -%}{%- assign _tv = mt_t_blog_sources -%}{%- when "blog.more" -%}{%- assign _tv = mt_t_blog_more -%}{%- when "blog.authors" -%}{%- assign _tv = mt_t_blog_authors -%}{%- when "filetree.label" -%}{%- assign _tv = mt_t_filetree_label -%}{%- when "gallery.close" -%}{%- assign _tv = mt_t_gallery_close -%}{%- when "embed.title" -%}{%- assign _tv = mt_t_embed_title -%}{%- when "pricing.recommended" -%}{%- assign _tv = mt_t_pricing_recommended -%}{%- when "banner.label" -%}{%- assign _tv = mt_t_banner_label -%}{%- when "footnote.back" -%}{%- assign _tv = mt_t_footnote_back -%}{%- when "progress.label" -%}{%- assign _tv = mt_t_progress_label -%}{%- when "subscribe.email" -%}{%- assign _tv = mt_t_subscribe_email -%}{%- when "subscribe.submit" -%}{%- assign _tv = mt_t_subscribe_submit -%}{%- when "params.required" -%}{%- assign _tv = mt_t_params_required -%}{%- when "loading.label" -%}{%- assign _tv = mt_t_loading_label -%}{%- when "pages.not_found" -%}{%- assign _tv = mt_t_pages_not_found -%}{%- when "pages.not_found_text" -%}{%- assign _tv = mt_t_pages_not_found_text -%}{%- when "pages.gone" -%}{%- assign _tv = mt_t_pages_gone -%}{%- when "pages.gone_text" -%}{%- assign _tv = mt_t_pages_gone_text -%}{%- when "pages.error" -%}{%- assign _tv = mt_t_pages_error -%}{%- when "pages.error_text" -%}{%- assign _tv = mt_t_pages_error_text -%}{%- when "pages.home" -%}{%- assign _tv = mt_t_pages_home -%}{%- when "pages.moved" -%}{%- assign _tv = mt_t_pages_moved -%}{%- when "pages.moved_link" -%}{%- assign _tv = mt_t_pages_moved_link -%}{%- when "pages.search_hint" -%}{%- assign _tv = mt_t_pages_search_hint -%}{%- when "layouts.all" -%}{%- assign _tv = mt_t_layouts_all -%}{%- when "layouts.filter" -%}{%- assign _tv = mt_t_layouts_filter -%}{%- when "layouts.role" -%}{%- assign _tv = mt_t_layouts_role -%}{%- when "layouts.client" -%}{%- assign _tv = mt_t_layouts_client -%}{%- when "layouts.year" -%}{%- assign _tv = mt_t_layouts_year -%}{%- when "layouts.stack" -%}{%- assign _tv = mt_t_layouts_stack -%}{%- when "layouts.links" -%}{%- assign _tv = mt_t_layouts_links -%}{%- when "layouts.location" -%}{%- assign _tv = mt_t_layouts_location -%}{%- when "layouts.employment" -%}{%- assign _tv = mt_t_layouts_employment -%}{%- when "layouts.salary" -%}{%- assign _tv = mt_t_layouts_salary -%}{%- when "layouts.posted" -%}{%- assign _tv = mt_t_layouts_posted -%}{%- when "layouts.deadline" -%}{%- assign _tv = mt_t_layouts_deadline -%}{%- when "layouts.apply" -%}{%- assign _tv = mt_t_layouts_apply -%}{%- when "layouts.starts" -%}{%- assign _tv = mt_t_layouts_starts -%}{%- when "layouts.ends" -%}{%- assign _tv = mt_t_layouts_ends -%}{%- when "layouts.venue" -%}{%- assign _tv = mt_t_layouts_venue -%}{%- when "layouts.online" -%}{%- assign _tv = mt_t_layouts_online -%}{%- when "layouts.agenda" -%}{%- assign _tv = mt_t_layouts_agenda -%}{%- when "layouts.tickets" -%}{%- assign _tv = mt_t_layouts_tickets -%}{%- when "layouts.calendar" -%}{%- assign _tv = mt_t_layouts_calendar -%}{%- when "layouts.episode" -%}{%- assign _tv = mt_t_layouts_episode -%}{%- when "layouts.season" -%}{%- assign _tv = mt_t_layouts_season -%}{%- when "layouts.duration" -%}{%- assign _tv = mt_t_layouts_duration -%}{%- when "layouts.listen" -%}{%- assign _tv = mt_t_layouts_listen -%}{%- when "layouts.transcript" -%}{%- assign _tv = mt_t_layouts_transcript -%}{%- when "layouts.monthly" -%}{%- assign _tv = mt_t_layouts_monthly -%}{%- when "layouts.yearly" -%}{%- assign _tv = mt_t_layouts_yearly -%}{%- when "layouts.billing" -%}{%- assign _tv = mt_t_layouts_billing -%}{%- when "layouts.popular" -%}{%- assign _tv = mt_t_layouts_popular -%}{%- when "layouts.download" -%}{%- assign _tv = mt_t_layouts_download -%}{%- when "layouts.version" -%}{%- assign _tv = mt_t_layouts_version -%}{%- when "layouts.colors" -%}{%- assign _tv = mt_t_layouts_colors -%}{%- when "layouts.assets" -%}{%- assign _tv = mt_t_layouts_assets -%}{%- when "layouts.send" -%}{%- assign _tv = mt_t_layouts_send -%}{%- when "layouts.name" -%}{%- assign _tv = mt_t_layouts_name -%}{%- when "layouts.email" -%}{%- assign _tv = mt_t_layouts_email -%}{%- when "layouts.message" -%}{%- assign _tv = mt_t_layouts_message -%}{%- when "layouts.contact" -%}{%- assign _tv = mt_t_layouts_contact -%}{%- when "layouts.added" -%}{%- assign _tv = mt_t_layouts_added -%}{%- when "layouts.changed" -%}{%- assign _tv = mt_t_layouts_changed -%}{%- when "layouts.fixed" -%}{%- assign _tv = mt_t_layouts_fixed -%}{%- when "layouts.removed" -%}{%- assign _tv = mt_t_layouts_removed -%}{%- when "layouts.security" -%}{%- assign _tv = mt_t_layouts_security -%}{%- when "layouts.now" -%}{%- assign _tv = mt_t_layouts_now -%}{%- when "layouts.next" -%}{%- assign _tv = mt_t_layouts_next -%}{%- when "layouts.later" -%}{%- assign _tv = mt_t_layouts_later -%}{%- when "layouts.letters" -%}{%- assign _tv = mt_t_layouts_letters -%}{%- when "layouts.lessons" -%}{%- assign _tv = mt_t_layouts_lessons -%}{%- when "layouts.minutes" -%}{%- assign _tv = mt_t_layouts_minutes -%}{%- when "layouts.module" -%}{%- assign _tv = mt_t_layouts_module -%}{%- when "layouts.chapter" -%}{%- assign _tv = mt_t_layouts_chapter -%}{%- when "layouts.effective" -%}{%- assign _tv = mt_t_layouts_effective -%}{%- when "layouts.experience" -%}{%- assign _tv = mt_t_layouts_experience -%}{%- when "layouts.education" -%}{%- assign _tv = mt_t_layouts_education -%}{%- when "layouts.skills" -%}{%- assign _tv = mt_t_layouts_skills -%}{%- when "layouts.present" -%}{%- assign _tv = mt_t_layouts_present -%}{%- when "layouts.loading" -%}{%- assign _tv = mt_t_layouts_loading -%}{%- when "layouts.contents" -%}{%- assign _tv = mt_t_layouts_contents -%}{%- when "language" -%}{%- capture _tv -%}{%- include modootoday/i18n/name.html code=mt_t_lang -%}{%- endcapture -%}{%- assign _tv = site.data.i18n[mt_t_lang].language | default: _tv -%}{%- else -%}{%- assign _tv = include.key -%}{%- endcase -%}
+{%- if include.n -%}{%- assign _tv = _tv | replace: "%{n}", include.n -%}{%- endif -%}
+{%- if include.name -%}{%- assign _tv = _tv | replace: "%{name}", include.name -%}{%- endif -%}
+{{- _tv -}}

data/_includes/modootoday/theme-color.html

@@ -0,0 +1,19 @@
+{%- comment -%}
+Browser UI colour (iOS Safari, Android Chrome address bar) matching the page background tokens.
+  site.modootoday.theme_color  false drops the tags; {light: "#hex", dark: "#hex"} or one "#hex" replaces the defaults
+Defaults follow --mt-background: #ffffff light, #0d1117 dark. With color_scheme light/dark only that colour is emitted.
+{%- endcomment -%}
+{%- assign _tc = site.modootoday.theme_color -%}
+{%- unless _tc == false -%}
+{%- if _tc.light or _tc.dark -%}{%- assign _tcl = _tc.light | default: "#ffffff" -%}{%- assign _tcd = _tc.dark | default: "#0d1117" -%}
+{%- elsif _tc -%}{%- assign _tcl = _tc -%}{%- assign _tcd = _tc -%}
+{%- else -%}{%- assign _tcl = "#ffffff" -%}{%- assign _tcd = "#0d1117" -%}{%- endif -%}
+{%- if mt_color_scheme contains "auto" %}
+<meta name="theme-color" media="(prefers-color-scheme: light)" content="{{ _tcl }}">
+<meta name="theme-color" media="(prefers-color-scheme: dark)" content="{{ _tcd }}">
+{%- elsif mt_color_scheme == "dark" %}
+<meta name="theme-color" content="{{ _tcd }}">
+{%- else %}
+<meta name="theme-color" content="{{ _tcl }}">
+{%- endif -%}
+{%- endunless -%}

data/_includes/modootoday/toc.html

@@ -0,0 +1,17 @@
+{%- comment -%}"On this page" from kramdown auto ids: <h2 id="..."> and <h3 id="...">. Shown with 2+ headings;
+front matter toc: false hides it. Usage: {% include modootoday/toc.html html=html %}{%- endcomment -%}
+{%- if mt_components contains "toc" and page.toc != false -%}
+{%- assign _parts = include.html | split: '<h' -%}
+{%- capture _items -%}{%- for _p in _parts offset: 1 -%}
+{%- assign _lv = _p | slice: 0, 1 -%}
+{%- assign _hd = _p | slice: 1, 5 -%}
+{%- if _hd == ' id="' -%}{%- if _lv == "2" or _lv == "3" -%}
+{%- assign _id = _p | slice: 6, 10000 | split: '"' | first -%}
+{%- assign _body = _p | split: '</h' | first -%}{%- assign _gt = _body | split: '>' | first | append: '>' -%}{%- assign _t = _body | remove_first: _gt | strip_html | strip -%}
+<li class="mt-toc-h{{ _lv }}"><a href="#{{ _id }}">{{ _t }}</a></li>
+{%- endif -%}{%- endif -%}{%- endfor -%}{%- endcapture -%}
+{%- assign _n = _items | split: '<li ' | size | minus: 1 -%}
+{%- if _n >= 2 %}
+<nav class="mt-toc" aria-labelledby="mt-toc-title"><p class="mt-toc-title" id="mt-toc-title">{% include modootoday/i18n.html lang=_lang %}{{ mt_t_toc_label }}</p><ol>{{ _items }}</ol></nav>
+{%- endif -%}
+{%- endif -%}

data/_includes/modootoday/tokens.html

@@ -0,0 +1,11 @@
+{%- comment -%}Inline token overrides from site.modootoday.tokens / tokens_dark (keys: semantic names, e.g. primary).
+Values are stripped of ; { } < > ; modootoday-check validates their format.{%- endcomment -%}
+{%- if mt.tokens or mt.tokens_dark -%}
+{%- capture _lb -%}{{ "{" }}{%- endcapture -%}{%- assign _rb = "%7D" | url_decode -%}
+{%- capture _l -%}{%- for t in mt.tokens -%}--mt-{{ t[0] | slugify }}:{{ t[1] | strip | remove: ";" | remove: _lb | remove: _rb | remove: "<" | remove: ">" }};{%- endfor -%}{%- endcapture -%}
+{%- capture _d -%}{%- for t in mt.tokens_dark -%}--mt-{{ t[0] | slugify }}:{{ t[1] | strip | remove: ";" | remove: _lb | remove: _rb | remove: "<" | remove: ">" }};{%- endfor -%}{%- endcapture %}
+<style id="mt-tokens">
+{%- if _l != "" %}:root{{ _lb }}{{ _l }}{{ _rb }}{% endif %}
+{%- if _d != "" %}@media (prefers-color-scheme: dark){{ _lb }}:root:not([data-theme="light"]){{ _lb }}{{ _d }}{{ _rb }}{{ _rb }}:root[data-theme="dark"]{{ _lb }}{{ _d }}{{ _rb }}{% endif -%}
+</style>
+{%- endif -%}

data/_includes/sections/showcase.html

@@ -0,0 +1,18 @@
+{%- comment -%}Hero visual "showcase" (hero: {visual: showcase}): a background image, a soft token overlay and an
+animated SVG UI scene. Everything is decorative (aria-hidden); the headline, text and links stay in the page Markdown.
+Optional hero.image: a path or {path, srcset ("url 640w, …"), width, height} — the same hero.image API as the home
+layout hero (alt is ignored here: the picture is decorative). Default: the bundled dawn ridgeline.
+Motion is SMIL only (no JS) and settles within 5 s; prefers-reduced-motion shows the settled frame instead.{%- endcomment -%}
+{%- assign _v = include.section -%}
+{%- assign _d = '/assets/modootoday/hero/dawn-' | relative_url -%}
+{%- assign _i = _v.image -%}
+{%- if _i -%}{%- assign _src = _i.path | default: _i | relative_url -%}{%- assign _set = _i.srcset -%}
+{%- else -%}{%- assign _src = _d | append: '1280.webp' -%}
+{%- capture _set %}{{ _d }}640.webp 640w, {{ _d }}960.webp 960w, {{ _d }}1280.webp 1280w{% endcapture -%}{%- endif -%}
+<div class="mt-showcase" aria-hidden="true">
+<img class="mt-showcase-bg" src="{{ _src }}"{% if _set %} srcset="{{ _set }}" sizes="(min-width: 76rem) 76rem, 100vw"{% endif %} alt="" width="{{ _i.width | default: 1280 }}" height="{{ _i.height | default: 720 }}" fetchpriority="high" decoding="async">
+<div class="mt-showcase-art">
+<svg class="mt-showcase-motion" viewBox="0 0 400 300" focusable="false">{% include modootoday/pages/hero/scene.html k="m" motion=true %}</svg>
+<svg class="mt-showcase-still" viewBox="0 0 400 300" focusable="false">{% include modootoday/pages/hero/scene.html k="s" %}</svg>
+</div>
+</div>

data/_layouts/archive.html

@@ -0,0 +1,6 @@
+---
+layout: doc
+---
+{%- comment -%}md-components v1 — archive layout: page body, then the tag or category archive (front matter archive: tags | categories | years; default tags).{%- endcomment -%}
+{{ content }}
+{% if page.archive == "years" %}{% include modootoday/archive-years.html lang=page.archive_lang %}{% else %}{% include modootoday/archive.html by=page.archive lang=page.archive_lang %}{% endif %}

data/_layouts/author.html

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+{%- comment -%}mt author page: front matter author: <id> (from _data/authors.yml: name, bio, avatar, url), then that author's posts.{%- endcomment -%}
+{%- assign _lang = page.lang | default: site.lang | default: "en" -%}
+{%- include modootoday/i18n.html lang=_lang -%}
+{%- include modootoday/blog/config.html -%}
+{%- assign _au = site.data.authors[page.author] -%}
+<div class="mt-blog mt-author">
+<header class="mt-author-card" data-part="author">
+{%- if _au.avatar %}<img class="mt-avatar" src="{{ _au.avatar | relative_url }}" alt="" width="72" height="72">{% endif %}
+<div><h1>{{ _au.name | default: page.title | default: page.author }}</h1>
+{%- if _au.bio %}<p>{{ _au.bio }}</p>{% endif -%}
+{%- if _au.url %}<p><a href="{{ _au.url }}" rel="me">{{ _au.url | remove: "https://" | remove: "http://" }}</a></p>{% endif %}</div>
+</header>
+{%- if content != "" %}<div class="mt-doc">{{ content }}</div>{% endif -%}
+{%- include modootoday/blog/select.html author=page.author lang=page.posts_lang -%}
+{% include modootoday/blog/list.html posts=mt_posts variant=page.variant %}
+</div>

data/_layouts/blog.html

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+{%- comment -%}mt blog index: page body (intro), then post cards and newer/older links. Liquid only (github-pages and Jekyll 4).
+  Front matter: variant (list | grid | magazine), featured (true: first card leads), category / tag (filter), lang ("all" mixes languages).
+  Pagination: with jekyll-paginate (paginate: N in _config.yml) on index.html the paginator's posts are used;
+  otherwise the newest modootoday.blog.per_page posts are shown and an older-posts link goes to archive_url (default the tag archive).{%- endcomment -%}
+{%- assign _lang = page.lang | default: site.lang | default: "en" -%}
+{%- include modootoday/i18n.html lang=_lang -%}
+{%- include modootoday/blog/config.html -%}
+<div class="mt-blog" data-variant="{{ mt_blog_variant }}">
+{%- if content != "" %}
+<header class="mt-blog-intro mt-doc">{{ content }}</header>
+{%- endif -%}
+{%- if paginator.posts -%}{%- assign _bp = paginator.posts -%}{%- assign _bmore = false -%}
+{%- else -%}
+{%- include modootoday/blog/select.html lang=page.posts_lang category=page.category tag=page.tag -%}
+{%- assign _bp = mt_posts -%}{%- assign _bmore = false -%}{%- if mt_posts.size > mt_blog_per_page -%}{%- assign _bmore = true -%}{%- endif -%}
+{%- endif -%}
+{%- assign _bf = page.featured | default: false -%}{%- if mt_blog_variant == "magazine" -%}{%- assign _bf = true -%}{%- endif -%}
+{%- if _bp.size == 0 %}
+<p class="mt-archive-empty">{{ mt_t_archive_empty }}</p>
+{%- else -%}
+{% include modootoday/blog/list.html posts=_bp limit=mt_blog_per_page featured=_bf %}
+{%- endif -%}
+{%- assign _bau = page.archive_url | default: site.modootoday.archive.tags -%}
+{% include modootoday/blog/pager.html more=_bmore url=_bau %}
+</div>

data/_layouts/book.html

@@ -0,0 +1,21 @@
+---
+layout: default
+mt_bundle: docs-extra
+mt_main: mt-dx mt-dx-book
+---
+{%- comment -%}book: a book or long guide's cover page. image (cover), author, isbn, pages, chapters: [{title, url}] as a
+numbered contents list, then the body. Structured data: Book with author, isbn, numberOfPages and a Chapter per entry.{%- endcomment -%}
+<article aria-labelledby="mt-dx-title" class="mt-dx-book">
+{%- if page.image %}<img class="mt-dx-cover" src="{{ page.image | relative_url }}" alt="" width="200" height="280" decoding="async">{% endif %}
+<div>
+{%- include modootoday/docs-extra/head.html kicker=page.author %}
+{%- if page.isbn or page.pages %}<p class="mt-dx-meta">{% if page.isbn %}ISBN {{ page.isbn }}{% endif %}{% if page.isbn and page.pages %} · {% endif %}{% if page.pages %}{{ page.pages }} p.{% endif %}</p>{% endif %}
+</div>
+{%- if page.chapters %}
+<nav class="mt-dx-toc mt-dx-chapters" aria-labelledby="mt-dx-contents"><h2 id="mt-dx-contents">{{ mt_t_layouts_contents }}</h2>
+<ol>{% for c in page.chapters %}<li><span class="mt-dx-kicker">{{ mt_t_layouts_chapter | replace: "[n]", forloop.index }}</span> {% if c.url %}<a href="{% include modootoday/link.html url=c.url %}"{% include modootoday/links/attrs.html on=c.new_window target=c.target url=c.url %}>{{ c.title }}</a>{% else %}{{ c.title }}{% endif %}</li>{% endfor %}</ol></nav>
+{%- endif %}
+<div class="mt-dx-body">
+{{ content }}
+</div>
+</article>

data/_layouts/brand.html

@@ -0,0 +1,21 @@
+---
+layout: default
+mt_bundle: marketing
+mt_main: mt-mk mt-mk-brand
+---
+{%- include modootoday/i18n.html -%}
+{%- comment -%}brand: colors: [{name, hex}] as swatches (an SVG fill, so no inline style under a strict CSP; the hex is always printed as text), assets: [{label, url, format}] to download, then the body (usage rules).{%- endcomment -%}
+<article aria-labelledby="mt-mk-title">
+{%- include modootoday/marketing/head.html %}
+{%- if page.colors %}
+<section aria-labelledby="mt-brand-colors"><h2 id="mt-brand-colors">{{ mt_t_layouts_colors }}</h2>
+<ul class="mt-mk-swatches" role="list">{% for c in page.colors %}<li><svg class="mt-mk-chip" viewBox="0 0 1 1" aria-hidden="true" focusable="false"><rect width="1" height="1" fill="{{ c.hex }}"/></svg><strong>{{ c.name }}</strong> <code>{{ c.hex }}</code></li>{% endfor %}</ul></section>
+{%- endif %}
+{%- if page.assets %}
+<section aria-labelledby="mt-brand-assets"><h2 id="mt-brand-assets">{{ mt_t_layouts_assets }}</h2>
+<ul class="mt-mk-files" role="list">{% for a in page.assets %}<li><a href="{% include modootoday/link.html url=a.url %}"{% include modootoday/links/attrs.html on=a.new_window target=a.target url=a.url %} download>{{ a.label }}</a>{% if a.format %} <span>{{ a.format }}</span>{% endif %}</li>{% endfor %}</ul></section>
+{%- endif %}
+<div class="mt-mk-body">
+{{ content }}
+</div>
+</article>

data/_layouts/case-study.html

@@ -0,0 +1,5 @@
+---
+layout: detail
+mt_kind: case-study
+---
+{{ content }}

data/_layouts/changelog.html

@@ -0,0 +1,24 @@
+---
+layout: default
+mt_bundle: docs-extra
+mt_main: mt-dx mt-dx-changelog
+---
+{%- comment -%}changelog: releases: [{version, date, url, added, changed, fixed, removed, security}] newest first, one section per
+release (h2 with the version, its date) with a list per category (Keep a Changelog). Items take inline Markdown.{%- endcomment -%}
+{%- assign _df = mt_t_post_date_format | default: "%Y-%m-%d" -%}
+{%- assign _cats = "added changed fixed removed security" | split: " " -%}
+<article aria-labelledby="mt-dx-title">
+{%- include modootoday/docs-extra/head.html %}
+<div class="mt-dx-body">
+{{ content }}
+</div>
+{%- for r in page.releases %}{% assign _id = r.version | prepend: "v" | slugify %}
+<section class="mt-dx-release" id="{{ _id }}" aria-labelledby="{{ _id }}-h">
+<h2 id="{{ _id }}-h">{% if r.url %}<a href="{% include modootoday/link.html url=r.url %}"{% include modootoday/links/attrs.html on=r.new_window target=r.target url=r.url %}>{{ r.version }}</a>{% else %}{{ r.version }}{% endif %}{% if r.date %} <time datetime="{{ r.date | date: '%Y-%m-%d' }}">{{ r.date | date: _df }}</time>{% endif %}</h2>
+{%- for c in _cats %}{% if r[c] %}{% assign _l = "layouts." | append: c %}{% capture _cl %}{% include modootoday/t.html key=_l %}{% endcapture %}
+<h3 class="mt-dx-cat mt-dx-cat-{{ c }}">{{ _cl | strip }}</h3>
+<ul>{% for i in r[c] %}<li>{{ i | markdownify | remove: "<p>" | remove: "</p>" | strip }}</li>{% endfor %}</ul>
+{%- endif %}{% endfor %}
+</section>
+{%- endfor %}
+</article>

data/_layouts/contact.html

@@ -0,0 +1,27 @@
+---
+layout: default
+mt_bundle: marketing
+mt_main: mt-mk mt-mk-contact
+---
+{%- include modootoday/i18n.html -%}
+{%- comment -%}contact: the body, contacts: [{label, value, url}] as a list, and a form that posts to form.action (an external form
+service; nothing is sent without it). form.fields: [name, email, message] by default. ContactPage structured data.{%- endcomment -%}
+<article aria-labelledby="mt-mk-title">
+{%- include modootoday/marketing/head.html %}
+<div class="mt-mk-body">
+{{ content }}
+</div>
+{%- if page.contacts %}
+<dl class="mt-mk-contacts">{% for c in page.contacts %}<div><dt>{{ c.label }}</dt><dd>{% if c.url %}<a href="{{ c.url }}"{% include modootoday/links/attrs.html on=c.new_window target=c.target url=c.url %}>{{ c.value | default: c.url }}</a>{% else %}{{ c.value }}{% endif %}</dd></div>{% endfor %}</dl>
+{%- endif %}
+{%- if page.form.action %}
+{%- assign _fl = page.form.fields | default: "name,email,message" -%}{%- if _fl.first == nil -%}{%- assign _fl = _fl | split: "," -%}{%- endif -%}
+<form class="mt-mk-form" action="{{ page.form.action }}" method="post" aria-labelledby="mt-mk-title">
+{%- for f in _fl %}
+<p><label for="mt-f-{{ f }}">{% case f %}{% when "name" %}{{ mt_t_layouts_name }}{% when "email" %}{{ mt_t_layouts_email }}{% else %}{{ mt_t_layouts_message }}{% endcase %}</label>
+{%- if f == "message" %}<textarea id="mt-f-{{ f }}" name="{{ f }}" rows="6" required></textarea>{% else %}<input id="mt-f-{{ f }}" name="{{ f }}" type="{% if f == 'email' %}email{% else %}text{% endif %}" autocomplete="{{ f }}" required>{% endif %}</p>
+{%- endfor %}
+<p><button class="mt-mk-btn" type="submit">{{ mt_t_layouts_send }}</button></p>
+</form>
+{%- endif %}
+</article>

data/_layouts/course.html

@@ -0,0 +1,21 @@
+---
+layout: default
+mt_bundle: docs-extra
+mt_main: mt-dx mt-dx-course
+---
+{%- comment -%}course: level, modules: [{title, lessons: [{title, url, minutes}]}]; facts (level, total time), a numbered syllabus
+(Module n: title, its lessons with times), then the body. Structured data: Course with provider = site publisher.{%- endcomment -%}
+{%- assign _min = 0 -%}{%- for m in page.modules -%}{%- for l in m.lessons -%}{%- assign _min = _min | plus: l.minutes -%}{%- endfor -%}{%- endfor -%}
+<article aria-labelledby="mt-dx-title">
+{%- include modootoday/docs-extra/head.html %}
+{%- if page.level or _min > 0 %}<p class="mt-dx-meta">{% if page.level %}{{ page.level }}{% endif %}{% if page.level and _min > 0 %} · {% endif %}{% if _min > 0 %}{{ mt_t_layouts_minutes | replace: "[n]", _min }}{% endif %}</p>{% endif %}
+<div class="mt-dx-body">
+{{ content }}
+</div>
+{%- if page.modules %}
+<section aria-labelledby="mt-dx-syllabus"><h2 id="mt-dx-syllabus">{{ mt_t_layouts_lessons }}</h2>
+<ol class="mt-dx-syllabus">{% for m in page.modules %}<li><h3><span class="mt-dx-kicker">{{ mt_t_layouts_module | replace: "[n]", forloop.index }}</span> {{ m.title }}</h3>
+<ol>{% for l in m.lessons %}<li>{% if l.url %}<a href="{% include modootoday/link.html url=l.url %}"{% include modootoday/links/attrs.html on=l.new_window target=l.target url=l.url %}>{{ l.title }}</a>{% else %}{{ l.title }}{% endif %}{% if l.minutes %} <span class="mt-dx-time">{{ mt_t_layouts_minutes | replace: "[n]", l.minutes }}</span>{% endif %}</li>{% endfor %}</ol></li>{% endfor %}</ol>
+</section>
+{%- endif %}
+</article>