jekyll-theme-modootoday 1.1.1 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 497fb07373c85ca822bcf41f91d4d0703a01209ecaa819b9b7ac7ed98471e1cd
-  data.tar.gz: b71c8b2a29a3b01a081330e0d09c0db0233b3a6f2d53224ffa5bad8f65f6c167
+  metadata.gz: '09f05d5325d994791567a94eafd99eac00aa56e8eb114d931f8cd621fabed7fb'
+  data.tar.gz: c155b58111fa8bd0028a1293fd1600642283c34ac41315e19334fc223f4bf5b1
 SHA512:
-  metadata.gz: ed3f80481897f18f963d7cc0bc3874bb9c80aaa2d5cb4e2cb75a2ffd9150cae1cd276d14f50239a380206c5eb1c9815a58353087cdc58ebe087de17f8ad5ae4b
-  data.tar.gz: 036c0ae7ee9ed578162fda1812f2ff3e51dacb39619d56e6e006278ac351597f0f47d78da59e95aeb7b4756f33049f6bc5c292f46e947bb55b565313a1c9faa6
+  metadata.gz: 84cae773eae8a56dbf7059a82a0b28c12cd3fcd927adbf9fc724130ce295e1d1c064b3de7725d85a1ce69f6da2f76e3205c7e07ff6b4c7ff59a8b262d205f873
+  data.tar.gz: 1fc8d20f8e70289b9c551e838107e94e34863adeaeec9a2bb88d0db336b142844818960228c66422a84b424c1b20bb4dc9bca05226b4f54140f23dfb4a15604d

data/CHANGELOG.md

@@ -6,6 +6,14 @@ The content rules have their own version header (`md-components v1`) in [RULES.m
 
 ## [Unreleased]
 
+## [1.2.0] - 2026-10-31
+
+### Added
+
+- `bleed: true` / `bleed: wide` on `hero:` or a section item (`.mt-bleed`, `.mt-bleed-wide`): a full-width background band in `--mt-bleed-bg` with the content kept in its column (`wide` widens it up to the container); no wrapper, so existing markup and selectors are unchanged and the default is as before; its own optional `bleed` sheet. `modootoday-check` accepts only true, false or wide.
+- `hero: {c: split, visual: <name>, side: start|end, ratio: "1:1"|"5:7"}`: the hero in the split wrappers (`.mt-c-split`, `.mt-section-in`, `.mt-section-body`, `.mt-section-visual`), with the title, lead (`.mt-hero-lead`), check row and actions in the text column; heroes without `c:` render as before. Split sheet only; `modootoday-check` checks `c`, `visual:`, `side` and `ratio` on `hero:`.
+- `visual: code` on a `c: split` section or a split hero: the first fenced block (with its `file:` title) moves into `.mt-section-visual.mt-split-code`, keeping the code styles, copy button and focusable `pre`; optional `chrome: terminal` adds a border and a decorative `aria-hidden` bar from a terminal sheet linked only by pages that use it. No include needed; elsewhere `visual: code` still names `_includes/sections/code.html`. `modootoday-check` requires a fence and checks `chrome`.
+
 ## [1.1.1] - 2026-10-31
 
 ### Added
@@ -227,7 +235,8 @@ Internal development milestones, never released. They are all part of 1.0.0.
 - Example: `sass.silence_deprecations: [import]` for Dart Sass; `llms.txt` per language generated instead of hand-written.
 - Raw `<name>.md` copies in `_site` on GitHub Pages: caused by content files without front matter (rendered by `jekyll-optional-front-matter` and also copied). Front matter is now required and checked.
 
-[Unreleased]: https://github.com/modootoday/jekyll-theme-modootoday/compare/v1.1.1...HEAD
+[Unreleased]: https://github.com/modootoday/jekyll-theme-modootoday/compare/v1.2.0...HEAD
+[1.2.0]: https://github.com/modootoday/jekyll-theme-modootoday/releases/tag/v1.2.0
 [1.1.1]: https://github.com/modootoday/jekyll-theme-modootoday/releases/tag/v1.1.1
 [1.1.0]: https://github.com/modootoday/jekyll-theme-modootoday/releases/tag/v1.1.0
 [1.0.0]: https://github.com/modootoday/jekyll-theme-modootoday/releases/tag/v1.0.0

data/README.ko.md

@@ -26,7 +26,7 @@ gem 방식(`theme:`):
 
 ```ruby
 # Gemfile
-gem "jekyll-theme-modootoday", "~> 1.1"
+gem "jekyll-theme-modootoday", "~> 1.2"
 ```
 
 ```yaml
@@ -38,7 +38,7 @@ Gemfile 없이 GitHub Pages에서(`remote_theme:`):
 
 ```yaml
 # _config.yml
-remote_theme: modootoday/jekyll-theme-modootoday@v1.1.1
+remote_theme: modootoday/jekyll-theme-modootoday@v1.2.0
 plugins:
   - jekyll-remote-theme
 ```
@@ -49,7 +49,7 @@ plugins:
 
 ```sh
 mkdir my-docs && cd my-docs
-printf 'source "https://rubygems.org"\ngem "jekyll", "~> 4.4"\ngem "jekyll-theme-modootoday", "~> 1.1"\n' > Gemfile
+printf 'source "https://rubygems.org"\ngem "jekyll", "~> 4.4"\ngem "jekyll-theme-modootoday", "~> 1.2"\n' > Gemfile
 printf 'theme: jekyll-theme-modootoday\nmarkdown: kramdown\nkramdown: {input: GFM}\nsass: {style: compressed, silence_deprecations: [import, global-builtin]}\n' > _config.yml
 printf -- '---\nlayout: doc\ntitle: Home\n---\n# Hello\n\n> [!TIP]\n> Plain Markdown, styled.\n' > index.md
 bundle install && bundle exec jekyll build

data/README.md

@@ -23,7 +23,7 @@ As a gem (`theme:`):
 
 ```ruby
 # Gemfile
-gem "jekyll-theme-modootoday", "~> 1.1"
+gem "jekyll-theme-modootoday", "~> 1.2"
 ```
 
 ```yaml
@@ -35,7 +35,7 @@ On GitHub Pages without a Gemfile (`remote_theme:`):
 
 ```yaml
 # _config.yml
-remote_theme: modootoday/jekyll-theme-modootoday@v1.1.1
+remote_theme: modootoday/jekyll-theme-modootoday@v1.2.0
 plugins:
   - jekyll-remote-theme
 ```
@@ -46,7 +46,7 @@ Pin a tag or a commit. More options: [Install guide](https://modootoday.github.i
 
 ```sh
 mkdir my-docs && cd my-docs
-printf 'source "https://rubygems.org"\ngem "jekyll", "~> 4.4"\ngem "jekyll-theme-modootoday", "~> 1.1"\n' > Gemfile
+printf 'source "https://rubygems.org"\ngem "jekyll", "~> 4.4"\ngem "jekyll-theme-modootoday", "~> 1.2"\n' > Gemfile
 printf 'theme: jekyll-theme-modootoday\nmarkdown: kramdown\nkramdown: {input: GFM}\nsass: {style: compressed, silence_deprecations: [import, global-builtin]}\n' > _config.yml
 printf -- '---\nlayout: doc\ntitle: Home\n---\n# Hello\n\n> [!TIP]\n> Plain Markdown, styled.\n' > index.md
 bundle install && bundle exec jekyll build

data/RULES.md

@@ -16,7 +16,10 @@ Every content page starts with front matter; an empty block (`---` then `---`) i
 | Sections | `# Title`, lead paragraph, link-only paragraph (CTA), then `## Section`; front matter `sections:` | `doc` layout → `_includes/modootoday/markdown/sections.html`: with `sections:` the part before the first `##` is `section.mt-hero` and item *i* wraps the *i*-th **top-level** `##` in `section.mt-section` (an `h2` nested in a quote, list or alert never splits); without it, one `div.mt-prose` | plain document |
 | Section decor | front matter `decor: <include>` on `hero:` or a section item | the include inside `div.mt-section-decor[aria-hidden=true]` at the end of the section, which gets `.mt-has-decor` | not shown |
 | List styles (optional) | `modootoday.lists: {link_chips, titled_items}`; `hero: {checks: true}` | plain sections and pages: link-only list → `ul.mt-chips`, `- **Title**: text` → `strong.mt-item-title` + `span.mt-item-sep`; hero: `.mt-hero-checks`; first `p` after the `h1` → `p.mt-hero-lead` | plain lists |
+| Split hero | front matter `hero: {c: split, visual: <name>, side: start\|end, ratio: "1:1"\|"5:7"}` | `section.mt-hero.mt-c-split` > `.mt-section-in` > `.mt-section-body` (h1, lead, checks, actions) + `.mt-section-visual`; split sheet | other `c`, a missing `visual:`, other side/ratio values are checker errors |
+| Split code | `visual: code` on `c: split` or a split hero (optional `chrome: terminal`) | the first code block moves into `div.mt-section-visual.mt-split-code` (`.mt-split-terminal` + `div.mt-split-bar[aria-hidden]`); split sheet, plus the terminal sheet only with `chrome: terminal` | no fence in that item, or `chrome:` without split + `visual: code`, are checker errors |
 | Scroll reveal | front matter `reveal: true` on `hero:` or a section item | `.mt-reveal` on the section; CSS-only fade-in on scroll inside `@supports (animation-timeline: view())` and `prefers-reduced-motion: no-preference` | shown as is |
+| Full-width band | front matter `bleed: true` or `bleed: wide` on `hero:` or a section item | `.mt-bleed` (plus `.mt-bleed-wide`) on the section, no wrapper; the optional `bleed` sheet paints `--mt-bleed-bg` to the viewport edges, `wide` widens the content up to the container | other values are checker errors |
 | Card badge at the bottom | `badge: bottom` on a `c: features` item | `.mt-badge-bottom` on the section; a `.mt-badge` that is a direct child of a card sits at its bottom edge | badge after the text |
 | Section mapping | each `sections:` item is a string `name` or `{c: component, name: key, ...params}`. No implicit mapping. Item count ≠ top-level `## ` count is a checker error; setext `---` headings, `##` in quotes/alerts/list items, `##` indented 1–3 spaces and `##` inside HTML comments are checker errors | `data-section`=name, `data-c`=c, class `mt-c-<c>` | none |
 | Card grid | under `##`, list items `- **Title** — text` or `- **Title**: text` | CSS only | list |

data/_includes/modootoday/config.html

@@ -13,13 +13,13 @@ Jekyll 3.10 / GitHub Pages, so every default lives here (Liquid). Sets mt_* vari
   site.modootoday.lists         {link_chips: true, titled_items: true}: optional list markup (markdown/lists.html, lists sheet)
 {%- endcomment -%}
 {%- assign mt = site.modootoday -%}
-{%- assign mt_all_components = "callout,badge,hero,cta,card,tabs,code-copy,nav,sidebar,page-actions,pagination,theme-toggle,breadcrumb,toc,accordion,steps,figure,timeline,kbd,search,code,footnotes,progress,embed,banner,filetree,details,faq,params,linkcards,quote,gallery,pricing,subscribe,split,loading,figure-svg,lists,reveal" | split: "," -%}
+{%- assign mt_all_components = "callout,badge,hero,cta,card,tabs,code-copy,nav,sidebar,page-actions,pagination,theme-toggle,breadcrumb,toc,accordion,steps,figure,timeline,kbd,search,code,footnotes,progress,embed,banner,filetree,details,faq,params,linkcards,quote,gallery,pricing,subscribe,split,loading,figure-svg,lists,reveal,bleed,terminal" | split: "," -%}
 {%- comment -%}Sass partials by context (components/<group>/_<name>.scss). Core: always in assets/css/modootoday.css.
   Section sheets: assets/css/modootoday/<group>/<name>.css, linked when a page's sections: use c (c:sheet).
   Context sheets: assets/css/modootoday/<name>.css, linked by layout front matter mt_sheets (doc; blog layouts also get assets/css/modootoday-blog.css).{%- endcomment -%}
 {%- assign mt_core_partials = "core/inline/callout,core/inline/badge,core/inline/kbd,core/inline/figure,core/inline/code-copy,core/inline/hero,core/inline/reveal,core/inline/cta,core/inline/code,core/inline/footnotes,core/inline/progress,core/inline/embed,core/chrome/nav,core/chrome/theme-toggle,core/chrome/breadcrumb,core/chrome/pagination,core/chrome/banner" | split: "," -%}
 {%- assign mt_section_sheets = "cta:showcase/cta,features:showcase/card,linkcards:showcase/linkcards,quote:showcase/quote,gallery:showcase/gallery,pricing:showcase/pricing,subscribe:showcase/subscribe,tabs:structure/tabs,accordion:structure/accordion,steps:structure/steps,timeline:structure/timeline,filetree:structure/filetree,details:structure/details,faq:structure/faq,params:structure/params,split:structure/split" | split: "," -%}
-{%- assign mt_context_sheets = "doc:sidebar|toc|page-actions,search:search,loading:loading,figure:figure-svg,lists:lists" | split: "," -%}
+{%- assign mt_context_sheets = "doc:sidebar|toc|page-actions,search:search,loading:loading,figure:figure-svg,lists:lists,bleed:bleed,terminal:terminal" | split: "," -%}
 {%- assign mt_components = mt_all_components -%}
 {%- if mt.components -%}{%- assign mt_components = mt.components -%}{%- endif -%}
 {%- assign mt_color_scheme = "auto" -%}

data/_includes/modootoday/markdown/sections.html

@@ -11,9 +11,12 @@ _includes/sections/<name>.html at the end of that section, called with section=<
 on the item (e.g. scene: 2) reaches the include as include.section.<key>.
 c: split wraps the section in div.mt-section-in > div.mt-section-body (h2 and text) + div.mt-section-visual (the visual
 include): two columns from 48rem (side: start|end puts the visual first or last, ratio: "1:1"|"5:7" text:visual), one below.
-Only split gets the wrappers, so child selectors of the other components keep working.
+Only split gets the wrappers, so child selectors of the other components keep working (markdown/split.html).
+hero: {c: split, visual: <name>, side, ratio} wraps the hero the same way: h1, lead, checks and actions stay in the text column.
 decor: <name> (item or hero) adds _includes/sections/<name>.html in div.mt-section-decor[aria-hidden=true], placed in
 the section's top end corner (section gets .mt-has-decor); for ornaments only, never content.
+bleed: true (item or hero) adds .mt-bleed: a full-width background band (--mt-bleed-bg) while the content keeps its column;
+bleed: wide also adds .mt-bleed-wide, which widens the content box up to the container. No wrappers; bleed sheet.
 The hero's first p after the h1 gets .mt-hero-lead; hero checks: true adds .mt-hero-checks (its first ul is a ✓ row, lists sheet).
 site.modootoday.lists (link_chips, titled_items) runs markdown/lists.html on the hero, plain sections and section-less pages.
 modootoday-check fails when the item count differs from the h2 count.
@@ -33,7 +36,7 @@ modootoday-check fails when the item count differs from the h2 count.
 {%- assign mt_c_transforms = "|filetree|linkcards|details|faq|params|quote|gallery|pricing|subscribe|" -%}
 {%- assign _p0 = _parts[0] -%}{%- if site.modootoday.lists -%}{%- capture _p0 %}{% include modootoday/markdown/lists.html html=_p0 %}{% endcapture -%}{%- endif -%}
 {%- capture _hero %}{% include modootoday/actions.html html=_p0 %}{% endcapture -%}{%- assign _hl = "</h1>" | append: _nl | append: _nl -%}{%- assign _hlp = _hl | append: "<p>" -%}{%- assign _hlc = _hl | append: '<p class="mt-hero-lead">' -%}{%- assign _hero = _hero | replace_first: _hlp, _hlc -%}
-<section class="mt-hero{% if include.hero.checks == true %} mt-hero-checks{% endif %}{% if include.hero.decor %} mt-has-decor{% endif %}{% if include.hero.reveal == true %} mt-reveal{% endif %}">{{ _hero }}{% if include.hero.visual %}{% include sections/{{ include.hero.visual }}.html section=include.hero %}{% endif %}{% if include.hero.decor %}<div class="mt-section-decor" aria-hidden="true">{% include sections/{{ include.hero.decor }}.html section=include.hero %}</div>{% endif %}</section>
+<section class="mt-hero{% if include.hero.checks == true %} mt-hero-checks{% endif %}{% if include.hero.decor %} mt-has-decor{% endif %}{% if include.hero.reveal == true %} mt-reveal{% endif %}{% if include.hero.c == 'split' %} mt-c-split{% if include.hero.side == 'start' %} mt-split-start{% endif %}{% if include.hero.ratio == '5:7' %} mt-split-5-7{% endif %}{% endif %}{% if include.hero.bleed %} mt-bleed{% if include.hero.bleed == 'wide' %} mt-bleed-wide{% endif %}{% endif %}">{% if include.hero.c == 'split' %}{% include modootoday/markdown/split.html body=_hero s=include.hero %}{% else %}{{ _hero }}{% if include.hero.visual %}{% include sections/{{ include.hero.visual }}.html section=include.hero %}{% endif %}{% endif %}{% if include.hero.decor %}<div class="mt-section-decor" aria-hidden="true">{% include sections/{{ include.hero.decor }}.html section=include.hero %}</div>{% endif %}</section>
 {%- for _p in _parts offset:1 -%}
 {%- assign _s = include.sections[forloop.index0] -%}
 {%- if _s.name or _s.c -%}{%- assign _n = _s.name -%}{%- assign _cc = _s.c -%}{%- else -%}{%- assign _n = _s -%}{%- assign _cc = nil -%}{%- endif -%}
@@ -42,9 +45,9 @@ modootoday-check fails when the item count differs from the h2 count.
 {%- if _cc == 'cta' -%}{%- capture _body %}{% include modootoday/actions.html html=_p %}{% endcapture -%}{%- endif -%}
 {%- if _cc == 'features' -%}{%- assign _body = _body | replace: "</strong> — ", "</strong> " | replace: "</strong> – ", "</strong> " | replace: "</strong> - ", "</strong> " -%}{%- endif -%}
 {%- if _cc and mt_c_transforms contains _cc -%}{%- capture _body %}{% include modootoday/markdown/c/{{ _cc }}.html html=_body s=_s i=forloop.index id=_n %}{% endcapture -%}{%- endif -%}
-<section class="mt-section{% if _cc %} mt-c-{{ _cc }}{% endif %}{% if _cc == 'cta' %}{% unless _body contains 'data-mt-result' %} mt-cta{% endunless %}{% endif %}{% if _s.cols %} mt-cols-{{ _s.cols }}{% endif %}{% if _s.decor %} mt-has-decor{% endif %}{% if _s.reveal == true %} mt-reveal{% endif %}{% if _cc == 'features' and _s.badge == 'bottom' %} mt-badge-bottom{% endif %}{% if _cc == 'split' %}{% if _s.side == 'start' %} mt-split-start{% endif %}{% if _s.ratio == '5:7' %} mt-split-5-7{% endif %}{% endif %}" data-section="{{ _n | default: forloop.index0 }}"{% if _cc %} data-c="{{ _cc }}"{% endif %}{% if _cc == 'tabs' %} data-tabs data-tabs-label="{{ _tl }}"{% endif %}>
+<section class="mt-section{% if _cc %} mt-c-{{ _cc }}{% endif %}{% if _cc == 'cta' %}{% unless _body contains 'data-mt-result' %} mt-cta{% endunless %}{% endif %}{% if _s.cols %} mt-cols-{{ _s.cols }}{% endif %}{% if _s.decor %} mt-has-decor{% endif %}{% if _s.reveal == true %} mt-reveal{% endif %}{% if _s.bleed %} mt-bleed{% if _s.bleed == 'wide' %} mt-bleed-wide{% endif %}{% endif %}{% if _cc == 'features' and _s.badge == 'bottom' %} mt-badge-bottom{% endif %}{% if _cc == 'split' %}{% if _s.side == 'start' %} mt-split-start{% endif %}{% if _s.ratio == '5:7' %} mt-split-5-7{% endif %}{% endif %}" data-section="{{ _n | default: forloop.index0 }}"{% if _cc %} data-c="{{ _cc }}"{% endif %}{% if _cc == 'tabs' %} data-tabs data-tabs-label="{{ _tl }}"{% endif %}>
 {%- if _cc == 'split' %}
-<div class="mt-section-in"><div class="mt-section-body"><h2 {{ _body }}</div>{% if _s.visual %}<div class="mt-section-visual">{% include sections/{{ _s.visual }}.html section=_s %}</div>{% endif %}</div>{% if _s.decor %}<div class="mt-section-decor" aria-hidden="true">{% include sections/{{ _s.decor }}.html section=_s %}</div>{% endif %}</section>
+{%- assign _sb = "<h2 " | append: _body -%}{% include modootoday/markdown/split.html body=_sb s=_s %}{% if _s.decor %}<div class="mt-section-decor" aria-hidden="true">{% include sections/{{ _s.decor }}.html section=_s %}</div>{% endif %}</section>
 {%- else %}
 <h2 {{ _body }}{% if _s.visual %}{% include sections/{{ _s.visual }}.html section=_s %}{% endif %}{% if _s.decor %}<div class="mt-section-decor" aria-hidden="true">{% include sections/{{ _s.decor }}.html section=_s %}</div>{% endif %}</section>
 {%- endif -%}

data/_includes/modootoday/markdown/split.html

@@ -0,0 +1,19 @@
+{%- comment -%}md-components v1 — split inner wrappers (called by sections.html for c: split on a section item or on hero:).
+  body = the section's HTML (h2 or h1, text, actions), s = the item. Prints div.mt-section-in > div.mt-section-body (body)
+  + div.mt-section-visual (the visual: include, called with section=s).
+  visual: code is built in: the body's first code block (with its file: title, if any) moves into div.mt-section-visual.mt-split-code,
+  keeping the code styles and the copy button; chrome: terminal adds .mt-split-terminal and a decorative bar (aria-hidden).{%- endcomment -%}
+{%- assign _b = include.body -%}{%- assign _code = nil -%}
+{%- if include.s.visual == "code" -%}
+  {%- assign _pt = _b | split: '<div class="mt-code">' | first | default: "" -%}
+  {%- assign _pl = _b | split: '<div class="language-' | first | default: "" -%}
+  {%- if _pt.size < _pl.size -%}{%- assign _pre = _pt -%}{%- assign _end = '</code></pre></div></div></div>' -%}
+  {%- else -%}{%- assign _pre = _pl -%}{%- assign _end = '</code></pre></div></div>' -%}{%- endif -%}
+  {%- if _pre.size < _b.size -%}
+    {%- assign _rest = _b | slice: _pre.size, _b.size -%}
+    {%- assign _code = _rest | split: _end | first | append: _end -%}
+    {%- assign _after = _rest | slice: _code.size, _rest.size -%}
+    {%- assign _b = _pre | append: _after -%}
+  {%- endif -%}
+{%- endif -%}
+<div class="mt-section-in"><div class="mt-section-body">{{ _b }}</div>{% if _code %}<div class="mt-section-visual mt-split-code{% if include.s.chrome == 'terminal' %} mt-split-terminal{% endif %}">{% if include.s.chrome == 'terminal' %}<div class="mt-split-bar" aria-hidden="true"><span></span><span></span><span></span></div>{% endif %}{{ _code }}</div>{% elsif include.s.visual and include.s.visual != "code" %}<div class="mt-section-visual">{% include sections/{{ include.s.visual }}.html section=include.s %}</div>{% endif %}</div>

data/_includes/modootoday/stylesheets.html

@@ -5,7 +5,9 @@ Stylesheet links (needs modootoday/config.html first). Sets mt_page_c ("|tabs|fa
   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 -%}
+{%- for _s in page.sections -%}{%- if _s.c -%}{%- assign mt_page_c = mt_page_c | append: _s.c | append: "|" -%}{%- endif -%}{%- if _s.bleed -%}{%- assign mt_page_c = mt_page_c | append: "bleed|" -%}{%- endif -%}{%- if _s.chrome == "terminal" -%}{%- assign mt_page_c = mt_page_c | append: "terminal|" -%}{%- endif -%}{%- endfor -%}
+{%- if page.hero.c -%}{%- assign mt_page_c = mt_page_c | append: page.hero.c | append: "|" -%}{%- endif -%}
+{%- if page.hero.bleed -%}{%- assign mt_page_c = mt_page_c | append: "bleed|" -%}{%- endif -%}{%- if page.hero.chrome == "terminal" -%}{%- assign mt_page_c = mt_page_c | append: "terminal|" -%}{%- endif -%}
 {%- 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 -%}

data/_sass/modootoday/components/bleed/_bleed.scss

@@ -0,0 +1,19 @@
+// Full-width sections (bleed sheet): bleed: true on a section item or hero: adds .mt-bleed, a background band
+// (--mt-bleed-bg, default the muted surface) painted out to the viewport edges with border-image, which does not
+// add scrollable overflow; the content keeps its column and no wrapper is added. bleed: wide (.mt-bleed-wide) also
+// widens the content box symmetrically up to the container width, minus the safe areas. Logical properties, so RTL
+// needs nothing. With a sidebar or table of contents the band stays inside the main column.
+@include mt-layer(components) {
+  :where(:root) { --mt-bleed-bg: #{mt(muted)}; }
+  .mt-bleed {
+    --mt-bleed-pad: 3rem;
+    padding-block: var(--mt-bleed-pad);
+    border-image: conic-gradient(var(--mt-bleed-bg) 0 0) fill 0 / / 0 100vw;
+  }
+  .mt-section.mt-bleed { margin-block-start: mt(space-section); }
+  .mt-bleed + .mt-section.mt-bleed { margin-block-start: 0; }
+  .mt-bleed-wide { margin-inline: unquote("min(0px, calc((100% - min(100vw - 2rem - var(--mt-safe-left, 0px) - var(--mt-safe-right, 0px), #{mt(container)})) / 2))"); }
+  :is(.mt-has-sidebar, .mt-has-toc) .mt-bleed { border-image-outset: 0; padding-inline: 1.25rem; }
+  :is(.mt-has-sidebar, .mt-has-toc) .mt-bleed-wide { margin-inline: 0; }
+  @media (forced-colors: active) { .mt-bleed { border-image: none; border-block: 1px solid CanvasText; } }
+}

data/_sass/modootoday/components/lists/_lists.scss

@@ -3,9 +3,9 @@
 // .mt-item-title: **Title**: items get a bold title and a muted separator.
 @include mt-layer(components) {
   :where(:root) { --mt-ok: #{mt(status-available)}; }
-  .mt-hero-checks > ul:first-of-type, ul.mt-chips { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
-  .mt-hero-checks > ul:first-of-type > li { display: inline-flex; align-items: center; gap: .375rem; margin: 0; padding: .25rem .75rem; border: 1px solid mt(border); border-radius: 999px; }
-  .mt-hero-checks > ul:first-of-type > li::before { content: "✓" / ""; color: var(--mt-ok); font-weight: 700; }
+  .mt-hero-checks > ul:first-of-type, .mt-hero-checks .mt-section-body > ul:first-of-type, ul.mt-chips { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
+  :is(.mt-hero-checks, .mt-hero-checks .mt-section-body) > ul:first-of-type > li { display: inline-flex; align-items: center; gap: .375rem; margin: 0; padding: .25rem .75rem; border: 1px solid mt(border); border-radius: 999px; }
+  :is(.mt-hero-checks, .mt-hero-checks .mt-section-body) > ul:first-of-type > li::before { content: "✓" / ""; color: var(--mt-ok); font-weight: 700; }
   ul.mt-chips > li { margin: 0; }
   ul.mt-chips a { display: inline-flex; align-items: center; gap: .375rem; min-height: 44px; padding: 0 1rem; border: 1px solid mt(border); border-radius: 999px; color: mt(foreground); text-decoration: none; }
   ul.mt-chips a::after { content: "→" / ""; color: mt(muted-foreground); }

data/_sass/modootoday/components/section/structure/_split.scss

@@ -1,10 +1,12 @@
 // Split: c: split; text (.mt-section-body) and the visual: include (.mt-section-visual) side by side from 48rem,
-// stacked below. Grid columns follow the writing direction, so start/end flip in RTL. DOM order stays text first.
+// stacked below. hero: {c: split} uses the same wrappers; its lead keeps the core hero lead style. Grid columns follow the writing direction, so start/end flip in RTL. DOM order stays text first.
 @include mt-layer(components) {
   .mt-section-in { display: grid; gap: 2rem; }
   .mt-section-in > * { min-width: 0; }
   .mt-section-body > :last-child, .mt-section-visual > :last-child { margin-bottom: 0; }
+  .mt-hero .mt-section-body > .mt-hero-lead { font-size: 1.2rem; line-height: 1.6; color: mt(muted-foreground); max-width: 40rem; }
   .mt-section-visual img, .mt-section-visual svg { display: block; max-width: 100%; height: auto; }
+  .mt-split-code > * { margin: 0; }
   @media (min-width: 48rem) {
     .mt-c-split > .mt-section-in { grid-template-columns: var(--mt-split-body, 1fr) var(--mt-split-visual, 1fr); align-items: center; }
     .mt-split-5-7 { --mt-split-body: 5fr; --mt-split-visual: 7fr; }

data/_sass/modootoday/components/terminal/_terminal.scss

@@ -0,0 +1,9 @@
+// Terminal chrome: chrome: terminal on a split visual: code item. A bordered box with a decorative bar (aria-hidden,
+// dots in currentColor at reduced opacity); the code block inside drops its own margin, border and radius.
+@include mt-layer(components) {
+  .mt-split-terminal { border: 1px solid mt(border); border-radius: mt(radius-lg); overflow: hidden; }
+  .mt-split-terminal :is(pre, .mt-code, .mt-code-title) { margin: 0; border: 0; border-radius: 0; }
+  .mt-split-bar { display: flex; gap: .375rem; padding: .5rem .75rem; background: mt(muted); color: mt(muted-foreground); }
+  .mt-split-bar span { width: .625rem; height: .625rem; border-radius: 50%; background: currentColor; opacity: .5; }
+  @media (forced-colors: active) { .mt-split-bar span { background: CanvasText; } }
+}

data/assets/css/modootoday/bleed.scss

@@ -0,0 +1,8 @@
+---
+# md-components v1 — jekyll-theme-modootoday optional sheet (bleed: full-width section bands). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+{% if mt_components contains "bleed" %}@import "modootoday/components/bleed/bleed";
+{% endif %}

data/assets/css/modootoday/terminal.scss

@@ -0,0 +1,8 @@
+---
+# md-components v1 — jekyll-theme-modootoday optional sheet (terminal: chrome: terminal on split code). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+{% if mt_components contains "terminal" %}@import "modootoday/components/terminal/terminal";
+{% endif %}

data/lib/modootoday/check/page_sections.rb

@@ -23,19 +23,38 @@ module Modootoday
         hero = meta["hero"]
         errs << "#{r}: hero: must be a map such as {visual: name}" if hero && !hero.is_a?(Hash)
         errs << "#{r}: hero.checks must be true or false" if hero.is_a?(Hash) && hero.key?("checks") && ![true, false].include?(hero["checks"])
-        visuals(ctx, r, secs, hero.is_a?(Hash) ? hero : nil)
+        split_hero(errs, r, hero) if hero.is_a?(Hash) && hero.key?("c")
+        cl = code.lines
+        hero_md = b.lines[0...(cl.index { |l| l =~ /^##(?: |$)/ } || cl.size)].to_a.join
+        visuals(ctx, r, secs, hero.is_a?(Hash) ? hero : nil, sec_md.map { |m| m && m[1] }, hero_md)
+      end
+
+      # hero: {c: split, visual: <name>, side: start|end, ratio: "1:1"|"5:7"}: split is the only hero component.
+      def split_hero(errs, r, hero)
+        return errs << "#{r}: hero.c must be split (got #{hero['c'].inspect})" unless hero["c"] == "split"
+        errs << "#{r}: hero split: needs visual: <name> (the _includes/sections/<name>.html shown beside the text)" unless hero["visual"].is_a?(String) && !hero["visual"].strip.empty?
+        errs << "#{r}: hero.side=#{hero['side'].inspect} not in [\"start\", \"end\"]" if hero.key?("side") && !%w[start end].include?(hero["side"])
+        errs << "#{r}: hero.ratio=#{hero['ratio'].inspect} not in [\"1:1\", \"5:7\"]" if hero.key?("ratio") && !%w[1:1 5:7].include?(hero["ratio"])
       end
 
-      # reveal: is a boolean. visual: <name> and decor: <name> on a section item or on hero: needs _includes/sections/<name>.html in the site or the theme (showcase).
-      def visuals(ctx, r, secs, hero)
-        items = secs.each_with_index.map { |s, i| [s, "sections[#{i}]"] }
-        items << [hero, "hero"] if hero
-        items.each do |s, where|
+      # reveal: is a boolean, bleed: is true, false or wide. visual: <name> and decor: <name> on a section item or on hero: needs _includes/sections/<name>.html in the site or the theme (showcase).
+      # visual: code under c: split is built in: it moves the item's first fenced block into the visual column,
+      # so it needs a fence in that item's markdown and no include; chrome: terminal is its only option.
+      def visuals(ctx, r, secs, hero, mds = [], hero_md = "")
+        items = secs.each_with_index.map { |s, i| [s, "sections[#{i}]", mds[i].to_s] }
+        items << [hero, "hero", hero_md] if hero
+        items.each do |s, where, md|
           next unless s.is_a?(Hash)
           ctx.errs << "#{r}: #{where}.reveal must be true or false" if s.key?("reveal") && ![true, false].include?(s["reveal"])
+          ctx.errs << "#{r}: #{where}.bleed must be true, false or wide" if s.key?("bleed") && ![true, false, "wide"].include?(s["bleed"])
+          ctx.errs << "#{r}: #{where}.chrome=#{s['chrome'].inspect} not in [\"terminal\"] (chrome: needs c: split with visual: code)" if s.key?("chrome") && !(s["chrome"] == "terminal" && s["visual"] == "code" && s["c"] == "split")
           %w[visual decor].each do |key|
             next unless s.key?(key)
             v = s[key].to_s
+            if key == "visual" && v == "code" && s["c"] == "split"
+              ctx.errs << "#{r}: #{where} visual: code needs a fenced code block (``` or ~~~) in its markdown" unless md =~ /^ {0,3}(```|~~~)/
+              next
+            end
             next ctx.errs << "#{r}: #{where}.#{key} must be an include name [a-z0-9_-] (got #{s[key].inspect})" unless v =~ /\A[a-z0-9][a-z0-9_-]*\z/
             ctx.errs << "#{r}: #{where}.#{key}: _includes/sections/#{v}.html not found" unless [ctx.src, THEME].any? { |d| File.exist?(File.join(d, "_includes/sections/#{v}.html")) }
           end
@@ -62,7 +81,7 @@ module Modootoday
           params = spec["params"] || {}
           Slots.check_section(errs, r, i, s["c"], spec["slots"], sec_md[i])
           (ctx.part_uses[s["c"]] ||= []) << r if spec.is_a?(Hash) && spec["parts"].is_a?(Array)
-          (s.keys - %w[c name visual decor reveal]).each do |k|
+          (s.keys - %w[c name visual decor reveal bleed]).each do |k|
             # with visual:, other keys are the visual include's own params (include.section.<key>)
             next if !params.key?(k) && s.key?("visual")
             next errs << "#{r}: sections[#{i}] #{s['c']}: unknown param '#{k}'" unless params.key?(k)

data/lib/modootoday/check/site_config.rb

@@ -4,7 +4,7 @@ module Modootoday
   module Check
     # The modootoday: settings in the site's _config.yml.
     module SiteConfig
-      COMPONENTS = %w[callout badge hero cta card tabs code-copy nav sidebar page-actions pagination theme-toggle breadcrumb toc accordion steps figure timeline kbd search code footnotes progress embed banner filetree details faq params linkcards quote gallery pricing subscribe split loading lists reveal].freeze
+      COMPONENTS = %w[callout badge hero cta card tabs code-copy nav sidebar page-actions pagination theme-toggle breadcrumb toc accordion steps figure timeline kbd search code footnotes progress embed banner filetree details faq params linkcards quote gallery pricing subscribe split loading lists reveal bleed terminal].freeze
       SEMANTIC = %w[background foreground muted muted-foreground card card-foreground primary primary-foreground brand accent
                     accent-foreground border ring note tip important warning caution status-available status-partial
                     status-planned font-sans font-mono font-size line-height measure space radius].freeze

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-modootoday
 version: !ruby/object:Gem::Version
-  version: 1.1.1
+  version: 1.2.0
 platform: ruby
 authors:
 - modootoday
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-10-30 00:00:00.000000000 Z
+date: 2026-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -133,6 +133,7 @@ files:
 - _includes/modootoday/markdown/llms-pages.html
 - _includes/modootoday/markdown/raw-body.html
 - _includes/modootoday/markdown/sections.html
+- _includes/modootoday/markdown/split.html
 - _includes/modootoday/marketing/head.html
 - _includes/modootoday/meta/byline.html
 - _includes/modootoday/meta/post-nav.html
@@ -222,6 +223,7 @@ files:
 - _sass/modootoday/blog/_index.scss
 - _sass/modootoday/blog/_news.scss
 - _sass/modootoday/blog/_post.scss
+- _sass/modootoday/components/bleed/_bleed.scss
 - _sass/modootoday/components/core/chrome/_banner.scss
 - _sass/modootoday/components/core/chrome/_breadcrumb.scss
 - _sass/modootoday/components/core/chrome/_nav.scss
@@ -262,6 +264,7 @@ files:
 - _sass/modootoday/components/section/structure/_steps.scss
 - _sass/modootoday/components/section/structure/_tabs.scss
 - _sass/modootoday/components/section/structure/_timeline.scss
+- _sass/modootoday/components/terminal/_terminal.scss
 - _sass/modootoday/detail/_index.scss
 - _sass/modootoday/detail/_page.scss
 - _sass/modootoday/directory/_filter.scss
@@ -304,6 +307,7 @@ files:
 - assets/css/modootoday-pages.scss
 - assets/css/modootoday-resume.scss
 - assets/css/modootoday.scss
+- assets/css/modootoday/bleed.scss
 - assets/css/modootoday/doc.scss
 - assets/css/modootoday/figure.scss
 - assets/css/modootoday/lists.scss
@@ -325,6 +329,7 @@ files:
 - assets/css/modootoday/structure/steps.scss
 - assets/css/modootoday/structure/tabs.scss
 - assets/css/modootoday/structure/timeline.scss
+- assets/css/modootoday/terminal.scss
 - assets/js/modootoday-math.js
 - assets/js/modootoday-mermaid.js
 - assets/js/modootoday/accordion.js