slipway-theme 0.1.0 → 0.2.0

data/_layouts/doc.html

@@ -10,16 +10,32 @@ layout: base
 {%- capture sl_flat_text -%}
   {%- for item in sl_tree -%}
     {%- if item.children -%}
-      {%- for child in item.children -%}{{ child.url }}||{{ child.title }}@@{%- endfor -%}
-    {%- else -%}{{ item.url }}||{{ item.title }}@@{%- endif -%}
+      {%- for child in item.children -%}{{ child.url }}||{{ child.title }}||{{ child.match }}@@{%- endfor -%}
+    {%- else -%}{{ item.url }}||{{ item.title }}||{{ item.match }}@@{%- endif -%}
   {%- endfor -%}
 {%- endcapture -%}
 {%- assign sl_items = sl_flat_text | split: '@@' -%}
 {%- assign sl_index = -1 -%}
+{%- assign sl_nav_section_url = nil -%}
+{%- assign sl_nav_section_title = nil -%}
+{%- assign sl_nav_section_size = 0 -%}
 {%- for entry in sl_items -%}
-  {%- assign sl_entry_url = entry | split: '||' | first -%}
+  {%- assign sl_entry = entry | split: '||' -%}
+  {%- assign sl_entry_url = sl_entry[0] -%}
   {%- if sl_entry_url == page.url %}{% assign sl_index = forloop.index0 %}{% endif -%}
+  {%- assign sl_match = sl_entry[2] | default: '' -%}
+  {%- assign sl_prefix = page.url | slice: 0, sl_match.size -%}
+  {%- assign sl_match_last = sl_match | slice: -1, 1 -%}
+  {%- assign sl_boundary = page.url | slice: sl_match.size, 1 -%}
+  {%- if sl_match != '' and sl_prefix == sl_match and sl_match.size > sl_nav_section_size -%}
+    {%- if sl_match_last == '/' or sl_boundary == '/' or sl_boundary == '' -%}
+      {%- assign sl_nav_section_url = sl_entry_url -%}
+      {%- assign sl_nav_section_title = sl_entry[1] -%}
+      {%- assign sl_nav_section_size = sl_match.size -%}
+    {%- endif -%}
+  {%- endif -%}
 {%- endfor -%}
+{%- if sl_index >= 0 -%}{%- assign sl_nav_section_url = nil -%}{%- endif -%}
 <div class="sl-doc">
   {%- if sl_tree.size > 0 %}
   <details class="sl-doc-nav">
@@ -31,12 +47,12 @@ layout: base
         <li class="sl-doc-group">{{ item.title }}
           <ul>
             {%- for child in item.children %}
-            <li><a href="{{ child.url | relative_url }}"{% if child.url == page.url %} aria-current="page"{% endif %}>{{ child.title }}</a></li>
+            <li><a href="{{ child.url | relative_url }}"{% if child.url == page.url %} aria-current="page"{% elsif child.url == sl_nav_section_url %} aria-current="true"{% endif %}>{{ child.title }}</a></li>
             {%- endfor %}
           </ul>
         </li>
         {%- else %}
-        <li><a href="{{ item.url | relative_url }}"{% if item.url == page.url %} aria-current="page"{% endif %}>{{ item.title }}</a></li>
+        <li><a href="{{ item.url | relative_url }}"{% if item.url == page.url %} aria-current="page"{% elsif item.url == sl_nav_section_url %} aria-current="true"{% endif %}>{{ item.title }}</a></li>
         {%- endif %}
         {%- endfor %}
       </ul>
@@ -46,7 +62,12 @@ layout: base
 
   <article class="sl-doc-body" data-edit-label="{{ sl_edit_label | escape }}" data-edit-prompt="{{ sl_edit_prompt | escape }}">
     {% include breadcrumbs.html %}
-    <h1>{{ page.title }}</h1>{% include copy-page.html %}
+    {% include page-status.html %}
+    {%- assign sl_start = content | strip -%}
+    {%- assign sl_start_tag = sl_start | slice: 0, 3 -%}
+    {%- unless sl_start_tag == '<h1' %}
+    <h1>{{ page.title }}</h1>
+    {%- endunless %}{% include copy-page.html %}
     {%- assign sl_parts = content | split: '<h' -%}
     {%- capture sl_toc_html -%}
       {%- for part in sl_parts offset: 1 -%}
@@ -69,6 +90,7 @@ layout: base
     </nav>
     {%- endif %}
     {% include edit-sources.html html=content %}
+    {% include last-updated.html %}
     {% include feedback.html %}
 
     {%- if sl_index >= 0 %}

data/_layouts/feed.html

@@ -9,7 +9,7 @@
   {%- for post in site.posts -%}
     {%- assign sl_f_post_lang = post.lang | default: site.lang | default: 'en' -%}
     {%- if sl_f_post_lang != sl_f_lang %}{% continue %}{% endif -%}
-    {%- if sl_f_count == 0 %}{% assign sl_f_updated = post.last_modified_at | default: post.date %}{% endif -%}
+    {%- if sl_f_count == 0 %}{% assign sl_f_updated = post.updated | default: post.last_modified_at | default: post.date %}{% endif -%}
     {%- if sl_f_count == 20 %}{% break %}{% endif -%}
     {%- assign sl_f_count = sl_f_count | plus: 1 %}
   <entry>
@@ -17,7 +17,7 @@
     <link href="{{ post.url | absolute_url }}" rel="alternate" type="text/html"/>
     <id>{{ post.url | absolute_url }}</id>
     <published>{{ post.date | date_to_xmlschema }}</published>
-    <updated>{{ post.last_modified_at | default: post.date | date_to_xmlschema }}</updated>
+    <updated>{{ post.updated | default: post.last_modified_at | default: post.date | date_to_xmlschema }}</updated>
     {%- if post.description %}
     <summary>{{ post.description | xml_escape }}</summary>
     {%- endif %}

data/_layouts/links.html

@@ -0,0 +1,31 @@
+---
+layout: base
+---
+<div class="sl-page sl-links">
+  <header class="sl-page-header">
+    <h1 class="sl-sr-only">{{ page.title }}</h1>
+    {% include author-card.html id=page.author %}
+  </header>
+
+  {{ content }}
+
+  {% if site.data.links %}
+  <nav aria-label="{% include t.html key='links' %}">
+    <ul class="sl-links-list">
+      {% for link in site.data.links %}
+        <li><a href="{{ link.url | relative_url }}" class="sl-button">{{ link.title }}</a></li>
+      {% endfor %}
+    </ul>
+  </nav>
+  {% endif %}
+
+  {% if site.slipway.social %}
+  <nav aria-label="{% include t.html key='social_links' %}">
+    <ul class="sl-social-icons">
+      {% for item in site.slipway.social %}
+        <li><a href="{{ item.url }}" aria-label="{{ item.title }}">{% include icons/{{ item.icon }}.svg %}</a></li>
+      {% endfor %}
+    </ul>
+  </nav>
+  {% endif %}
+</div>

data/_layouts/not-found.html

@@ -15,6 +15,14 @@ layout: base
     <h2>{% include t.html lang=l.code key='not_found_title' %}</h2>
     <p>{% include t.html lang=l.code key='not_found_text' %}</p>
     <p><a class="sl-button" href="{{ l.prefix | append: '/' | relative_url }}">{% include t.html lang=l.code key='go_home' %}</a></p>
+    {%- if sl_nf_langs.size > 1 %}
+    <p class="sl-not-found-missing">
+      {% include t.html lang=l.code key='translation_missing' %}
+      {%- for other in sl_nf_langs -%}
+        {%- if other.code != l.code %} <a href="{{ other.prefix | append: '/' | relative_url }}" hreflang="{{ other.code }}" lang="{{ other.code }}">{{ other.name }}</a>{% endif -%}
+      {%- endfor %}
+    </p>
+    {%- endif %}
   </section>
   {%- endfor %}
   {%- else %}

data/_layouts/page.html

@@ -4,10 +4,15 @@ layout: base
 <article class="sl-page">
   <header class="sl-page-header">
     {% include breadcrumbs.html %}
-    <h1>{{ page.title }}</h1>{% include copy-page.html %}
+    {% include page-status.html %}
+    {%- assign sl_start = content | strip -%}
+    {%- assign sl_start_tag = sl_start | slice: 0, 3 -%}
+    {%- unless sl_start_tag == '<h1' %}
+    <h1>{{ page.title }}</h1>
+    {%- endunless %}{% include copy-page.html %}
     {%- if page.description %}
     <p class="sl-page-lead">{{ page.description }}</p>
     {%- endif %}
   </header>
-  {{ content }}
+  {% include edit-sources.html html=content %}
 </article>

data/_layouts/post.html

@@ -11,6 +11,14 @@ layout: base
     <h1>{{ page.title }}</h1>{% include copy-page.html %}
     <p class="sl-post-meta">
       <time datetime="{{ page.date | date_to_xmlschema }}">{% include date.html date=page.date %}</time>
+      {%- assign sl_pub_date = page.date | date: '%F' -%}
+      {%- if page.date > site.time %}
+      <span class="sl-tag">{% include t.html key='scheduled' %}</span>
+      {%- endif %}
+      {%- assign sl_updated_date = page.updated | date: '%F' -%}
+      {%- if sl_updated_date and sl_updated_date != sl_pub_date %}
+      <span class="sl-post-edited">{% include t.html key='edited_on' %} <time datetime="{{ page.updated | date_to_xmlschema }}">{% include date.html date=page.updated %}</time></span>
+      {%- endif %}
       <span>{% include num.html value=sl_minutes %} {% include t.html key='min_read' %}</span>
       {%- capture sl_byline %}{% include byline.html page=page %}{% endcapture %}
       {%- assign sl_byline = sl_byline | strip %}
@@ -35,6 +43,30 @@ layout: base
       {%- endif %}
     </p>
   </header>
+  {%- if page.toc %}
+  {%- assign sl_parts = content | split: '<h' -%}
+  {%- capture sl_toc_html -%}
+    {%- for part in sl_parts offset: 1 -%}
+      {%- assign sl_level = part | slice: 0, 1 -%}
+      {%- if sl_level == '2' or sl_level == '3' -%}
+        {%- assign sl_head = part | split: '</h' | first -%}
+        {%- assign sl_id = sl_head | split: 'id="' | last | split: '"' | first -%}
+        {%- if sl_head contains 'id="' %}
+        <li class="sl-toc-{{ sl_level }}"><a href="#{{ sl_id }}">{{ sl_head | split: '">' | last | strip_html }}</a></li>
+        {%- endif -%}
+      {%- endif -%}
+    {%- endfor -%}
+  {%- endcapture -%}
+  {%- assign sl_toc_trim = sl_toc_html | strip -%}
+  {%- if sl_toc_trim != '' %}
+  <nav class="sl-toc" aria-label="{% include t.html key='on_this_page' %}">
+    <p class="sl-toc-title">{% include t.html key='on_this_page' %}</p>
+    <ul>{{ sl_toc_html }}
+    </ul>
+  </nav>
+  <div class="sl-progress" aria-hidden="true"><div class="sl-progress-fill"></div></div>
+  {%- endif %}
+  {%- endif %}
   {%- include series.html %}
   {% include edit-sources.html html=content %}
   {%- include author-ids.html page=page -%}
@@ -69,4 +101,5 @@ layout: base
     {%- endif %}
   </nav>
   {%- endif %}
+  {%- include comments.html page=page %}
 </article>

data/_layouts/search-index.html

@@ -1,12 +1,42 @@
+{%- comment -%}
+  One JSON array entry per HTML page in this language: title, url, the text of its h2/h3 headings, and
+  the first `slipway.search.text` characters of its text (300 by default), so a 600-page site keeps its
+  index well under a megabyte. A page with `search: excerpt` indexes its description instead of its text.
+  Pages with `search: false`, pages with `layout: none`, and non-HTML output (a URL whose last segment
+  ends in a file extension other than .html/.htm, such as llms.txt or a data feed) stay out.
+{%- endcomment -%}
 {%- assign sl_ix_lang = page.lang | default: site.lang | default: 'en' -%}
+{%- assign sl_ix_cap = site.slipway.search.text | default: 300 -%}
 {%- assign sl_ix_all = site.pages | concat: site.documents -%}
 {%- assign sl_ix_n = 0 -%}
 [
 {%- for item in sl_ix_all -%}
   {%- assign sl_ix_item_lang = item.lang | default: site.lang | default: 'en' -%}
-  {%- if sl_ix_item_lang != sl_ix_lang or item.search == false or item.layout == 'search-index' or item.title == nil -%}{%- continue -%}{%- endif -%}
+  {%- assign sl_ix_file = item.url | default: '' | split: '/' | last -%}
+  {%- assign sl_ix_ext = sl_ix_file | split: '.' | last -%}
+  {%- if sl_ix_item_lang != sl_ix_lang or item.search == false or item.layout == 'search-index' or item.layout == 'none' or item.title == nil or item.url == nil or item.url == '' -%}{%- continue -%}{%- endif -%}
+  {%- if sl_ix_file contains '.' and sl_ix_ext != 'html' and sl_ix_ext != 'htm' -%}{%- continue -%}{%- endif -%}
+  {%- assign sl_ix_html = item.content | markdownify -%}
+  {%- capture sl_ix_heads -%}
+    {%- assign sl_ix_parts = sl_ix_html | split: '<h' -%}
+    {%- for sl_ix_part in sl_ix_parts offset: 1 -%}
+      {%- assign sl_ix_level = sl_ix_part | slice: 0, 1 -%}
+      {%- if sl_ix_level == '2' or sl_ix_level == '3' -%}
+        {%- assign sl_ix_head = sl_ix_part | split: '</h' | first -%}
+        {%- if sl_ix_head contains 'id="' -%}
+          {%- assign sl_ix_head = sl_ix_head | split: '">' | last | strip_html | strip -%}
+          {%- if sl_ix_head != '' %}{{ sl_ix_head }} {% endif -%}
+        {%- endif -%}
+      {%- endif -%}
+    {%- endfor -%}
+  {%- endcapture -%}
   {%- if sl_ix_n > 0 -%},{%- endif -%}
   {%- assign sl_ix_n = sl_ix_n | plus: 1 %}
-{"title":{{ item.title | jsonify }},"url":{{ item.url | relative_url | jsonify }},"description":{{ item.description | default: '' | jsonify }},"text":{{ item.content | markdownify | strip_html | normalize_whitespace | truncate: 600 | jsonify }}}
+  {%- if item.search == 'excerpt' -%}
+    {%- assign sl_ix_text = item.description | default: '' -%}
+  {%- else -%}
+    {%- assign sl_ix_text = sl_ix_html | strip_html | normalize_whitespace -%}
+  {%- endif %}
+{"title":{{ item.title | jsonify }},"url":{{ item.url | relative_url | jsonify }},"headings":{{ sl_ix_heads | normalize_whitespace | truncate: 300 | jsonify }},"text":{{ sl_ix_text | truncate: sl_ix_cap | jsonify }}}
 {%- endfor %}
 ]

data/_layouts/sitemap.html

@@ -8,7 +8,7 @@
   {%- if sl_m_last != '/' and sl_m_ext != 'html' -%}{%- continue -%}{%- endif %}
   <url>
     <loc>{{ item.url | absolute_url | xml_escape }}</loc>
-    {%- assign sl_m_mod = item.last_modified_at | default: item.date -%}
+    {%- assign sl_m_mod = item.updated | default: item.last_modified_at | default: item.date -%}
     {%- if sl_m_mod %}
     <lastmod>{{ sl_m_mod | date_to_xmlschema }}</lastmod>
     {%- endif %}

data/assets/css/components/adr.css

@@ -0,0 +1,11 @@
+.sl-adr-meta{display:grid;grid-template-columns:max-content 1fr;gap:var(--sl-space-2) var(--sl-space-4);margin-block:var(--sl-space-4);padding:var(--sl-space-4);background:var(--sl-color-surface);border-radius:var(--sl-radius-compact)}
+.sl-adr-meta dt{font-weight:600;color:var(--sl-color-heading)}
+.sl-adr-meta dd{margin:0}
+.sl-adr-status{display:inline-block;padding:0 var(--sl-space-2);border-radius:var(--sl-radius-compact);font-size:var(--sl-step-sm);font-weight:600;text-transform:uppercase}
+.sl-adr-status-proposed,.sl-adr-status-deprecated{background:var(--sl-color-muted);color:var(--sl-color-surface)}
+.sl-adr-status-accepted{background:var(--sl-color-rose-fill);color:var(--sl-color-on-rose-fill)}
+.sl-adr-status-rejected{background:var(--sl-color-text);color:var(--sl-color-canvas)}
+.sl-adr-status-superseded{background:var(--sl-color-muted);color:var(--sl-color-surface);text-decoration:line-through}
+.sl-adr-group{margin-block-end:var(--sl-space-8)}
+.sl-adr-group ul{list-style:none;padding:0}
+.sl-adr-group li{display:flex;justify-content:space-between;padding-block:var(--sl-space-2);border-block-end:1px solid var(--sl-color-line)}

data/assets/css/components/annotations.css

@@ -0,0 +1,6 @@
+.sl-annotations{margin-block:var(--sl-space-4)}
+.sl-annotations figcaption{margin-block-end:var(--sl-space-2);color:var(--sl-color-muted)}
+.sl-annotations pre{margin:0;padding:var(--sl-space-3);background:var(--sl-color-surface);border:var(--sl-rule) solid var(--sl-color-line);border-radius:var(--sl-radius-compact);overflow-x:auto}
+.sl-annotations-notes{counter-reset:sl-annotations;list-style:none;margin:var(--sl-space-3) 0 0;padding-inline-start:var(--sl-space-4);border-inline-start:var(--sl-rule) solid var(--sl-color-line)}
+.sl-annotations-notes li{counter-increment:sl-annotations;padding-inline-start:var(--sl-space-8);padding-block-end:var(--sl-space-2);position:relative}
+.sl-annotations-notes li::before{content:counter(sl-annotations);position:absolute;inset-inline-start:0;inline-size:var(--sl-space-6);text-align:center;color:var(--sl-color-heading);font-weight:600}

data/assets/css/components/audio.css

@@ -0,0 +1,8 @@
+.sl-audio{margin:var(--sl-space-8) 0}
+.sl-audio audio{display:block;inline-size:100%}
+.sl-audio figcaption{margin-block-start:var(--sl-space-2);font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-audio-chapters{margin-block:var(--sl-space-4) 0;padding-inline-start:var(--sl-space-6);font-size:var(--sl-step-sm)}
+.sl-audio-chapters li{margin-block-start:var(--sl-space-1)}
+.sl-audio-chapters time{font-family:var(--sl-font-mono);color:var(--sl-color-muted);margin-inline-end:var(--sl-space-2)}
+.sl-audio-transcript{margin-block-start:var(--sl-space-4);padding:var(--sl-space-4);border:var(--sl-rule) solid var(--sl-color-line);border-radius:var(--sl-radius-card);background:var(--sl-color-surface)}
+.sl-audio-transcript summary{cursor:pointer;font-weight:600}

data/assets/css/components/badge.css

@@ -0,0 +1,13 @@
+.sl-badge{display:inline-block;padding:.1em .4em;font-size:.85em;font-weight:600;line-height:1.2;border-radius:.25rem;white-space:nowrap;vertical-align:baseline;border:1px solid var(--bd);background:var(--bg);color:var(--fg)}
+.sl-badge-stable{--bg:#e6f6e6;--fg:#0f5132;--bd:#badbcc}
+.sl-badge-beta{--bg:#fff3cd;--fg:#664d03;--bd:#ffecb5}
+.sl-badge-deprecated{--bg:#f8d7da;--fg:#842029;--bd:#f5c2c7}
+.sl-badge-new{--bg:#cfe2ff;--fg:#084298;--bd:#b6d4fe}
+.sl-badge-experimental{--bg:#e2d9f3;--fg:#432874;--bd:#d1c4e9}
+@media(prefers-color-scheme:dark){
+.sl-badge-stable{--bg:#0f5132;--fg:#d1e7dd}
+.sl-badge-beta{--bg:#664d03;--fg:#fff3cd}
+.sl-badge-deprecated{--bg:#842029;--fg:#f8d7da}
+.sl-badge-new{--bg:#084298;--fg:#cfe2ff}
+.sl-badge-experimental{--bg:#432874;--fg:#e2d9f3}
+}

data/assets/css/components/changelog.css

@@ -0,0 +1,11 @@
+.sl-changelog-layout{display:flex;flex-direction:column;gap:var(--sl-space-6)}
+.sl-changelog-main{min-inline-size:0;flex:1}
+.sl-changelog-toc{list-style:none;padding:0;margin:0;margin-block-end:var(--sl-space-4)}
+.sl-changelog-toc li{margin-block-end:var(--sl-space-2)}
+.sl-changelog-toc a,.sl-changelog-feed{color:var(--sl-color-muted)}
+.sl-changelog-feed{font-size:var(--sl-step-sm)}
+@media(min-width:48rem){
+.sl-changelog-layout{flex-direction:row;align-items:flex-start}
+.sl-changelog-sidebar{flex:0 0 12rem;position:sticky;inset-block-start:var(--sl-space-4)}
+}
+

data/assets/css/components/chart.css

@@ -0,0 +1,7 @@
+.sl-chart{margin-block:var(--sl-space-4)}
+.sl-chart figcaption{color:var(--sl-color-muted);font-size:var(--sl-step-sm);margin-block-end:var(--sl-space-2)}
+.sl-chart-table{inline-size:100%;border-collapse:collapse}
+.sl-chart-table th,.sl-chart-table td{padding-block:var(--sl-space-1);text-align:start;vertical-align:middle}
+.sl-chart-table th{color:var(--sl-color-heading);font-weight:600;padding-inline-end:var(--sl-space-3);white-space:nowrap}
+.sl-chart-table td{background:var(--sl-color-surface);border-radius:var(--sl-radius-compact);padding-inline:var(--sl-space-2)}
+.sl-chart-bar{display:block;inline-size:var(--sl-chart-value,0%);block-size:var(--sl-space-2);background:var(--sl-color-rose-fill);border-radius:var(--sl-radius-compact);margin-block-start:var(--sl-space-1)}

data/assets/css/components/citation.css

@@ -0,0 +1,5 @@
+.sl-citation-list{margin-block:var(--sl-space-4);padding-inline-start:var(--sl-space-6);color:var(--sl-color-text);font-size:var(--sl-step-sm)}
+.sl-citation-list li{padding-inline-start:var(--sl-space-1);margin-block-end:var(--sl-space-2)}
+.sl-citation-list li:target{background:var(--sl-color-surface);border-radius:var(--sl-radius-compact)}
+.sl-citation-list a,.sl-citation a{color:var(--sl-color-rose)}
+.sl-citation{font-size:var(--sl-step-sm);vertical-align:super;line-height:0;white-space:nowrap}

data/assets/css/components/code-group.css

@@ -0,0 +1,9 @@
+.sl-code-group{display:flex;flex-wrap:wrap;overflow-x:auto;margin-block:var(--sl-space-4)}
+.sl-code-group-input{position:absolute;opacity:0;pointer-events:none}
+.sl-code-group-tab{order:-1;cursor:pointer;padding:var(--sl-space-1) var(--sl-space-3);border:1px solid var(--sl-color-line);margin-inline-end:-1px;color:var(--sl-color-muted);font-size:var(--sl-step-sm)}
+.sl-code-group-input:checked+.sl-code-group-tab{color:var(--sl-color-heading);background:var(--sl-color-surface);border-block-end-color:var(--sl-color-surface)}
+.sl-code-group-input:focus-visible+.sl-code-group-tab{outline:2px solid var(--sl-color-rose);outline-offset:2px}
+.sl-code-group-panel{order:1;flex-basis:100%;display:none;margin:0}
+.sl-code-group-input:checked+.sl-code-group-tab+.sl-code-group-panel{display:block}
+@media(max-width:40rem){.sl-code-group-input,.sl-code-group-tab{display:none}.sl-code-group-panel{display:block;margin-block-start:var(--sl-space-2)}}
+.sl-code-group-label{position:absolute;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px}

data/assets/css/components/compare.css

@@ -0,0 +1,8 @@
+.sl-compare-pros-cons{display:flex;flex-wrap:wrap;gap:1rem}
+.sl-compare-pros-cons>div{flex:1 1 18rem}
+.sl-compare ul{list-style:none;padding:0}
+.sl-compare li{display:flex;gap:.5rem}
+.sl-compare-table-wrapper{overflow-x:auto}
+.sl-compare table{inline-size:100%}
+.sl-compare :is(th,td){padding:.5rem}
+.sl-sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px}

data/assets/css/components/diff.css

@@ -0,0 +1,9 @@
+.sl-diff{--sl-diff-add:light-dark(#1a7f37,#4ac26b);--sl-diff-del:var(--sl-color-rose);display:grid;gap:var(--sl-space-2);margin-block:var(--sl-space-4)}
+.sl-diff figcaption{font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-diff-side{overflow-x:auto;border-inline-start:var(--sl-space-1) solid var(--sl-diff-accent)}
+.sl-diff-removed{--sl-diff-accent:var(--sl-diff-del);background:color-mix(in oklch,var(--sl-diff-del) 10%,var(--sl-color-surface))}
+.sl-diff-added{--sl-diff-accent:var(--sl-diff-add);background:color-mix(in oklch,var(--sl-diff-add) 10%,var(--sl-color-surface))}
+.sl-diff pre{margin:0;padding:var(--sl-space-3);border:0;background:none}
+.sl-diff-line{display:block}
+.sl-diff-sign{display:inline-block;inline-size:1.5ch;color:var(--sl-diff-accent);font-weight:700;user-select:none}
+@media(min-width:48rem){.sl-diff{grid-template-columns:1fr 1fr}}

data/assets/css/components/download.css

@@ -0,0 +1,7 @@
+.sl-download{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sl-space-3);margin-block:var(--sl-space-4)}
+.sl-download-button{display:inline-flex;padding-block:var(--sl-space-2);padding-inline:var(--sl-space-4);border-radius:var(--sl-button-radius);background:var(--sl-button-bg);color:var(--sl-button-fg);font-family:var(--sl-font-ui);text-decoration:none}
+.sl-download-button:hover{background:var(--sl-color-rose-hover)}
+.sl-download-meta{display:grid;grid-template-columns:auto 1fr;gap:var(--sl-space-1) var(--sl-space-3);margin:0}
+.sl-download-meta dt{color:var(--sl-color-muted)}
+.sl-download-meta dd{margin:0}
+.sl-download-meta code{overflow-wrap:anywhere}

data/assets/css/components/endpoint.css

@@ -0,0 +1 @@
+.sl-endpoint{display:flex;flex-direction:column;gap:var(--sl-space-4);margin-block:var(--sl-space-4);border:1px solid var(--sl-color-border-subtle);border-radius:var(--sl-radius-card);padding:var(--sl-space-4);background:var(--sl-color-canvas-subtle)}.sl-endpoint-header{display:flex;align-items:center;gap:var(--sl-space-2);font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);padding:var(--sl-space-2) var(--sl-space-3);background:var(--sl-color-canvas);border:1px solid var(--sl-color-border-subtle);border-radius:var(--sl-radius-button)}.sl-endpoint-method{font-weight:600}.sl-endpoint-method-get{color:var(--sl-color-text-link)}.sl-endpoint-method-post{color:var(--sl-color-text-success)}.sl-endpoint-method-put,.sl-endpoint-method-patch{color:var(--sl-color-text-warning)}.sl-endpoint-method-delete{color:var(--sl-color-text-danger)}.sl-endpoint-path{color:var(--sl-color-text);word-break:break-all}.sl-endpoint h2{font-size:var(--sl-text-sm);margin-block:0 var(--sl-space-2);color:var(--sl-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sl-endpoint-table-wrapper{overflow-x:auto}.sl-endpoint table{inline-size:100%;border-collapse:collapse;font-size:var(--sl-text-sm);text-align:start}.sl-endpoint th,.sl-endpoint td{padding:var(--sl-space-2) var(--sl-space-3);border-block-end:1px solid var(--sl-color-border-subtle);vertical-align:baseline}.sl-endpoint th{font-weight:600;color:var(--sl-color-text-muted)}.sl-endpoint-param-name{white-space:nowrap}.sl-endpoint-param-required{font-size:var(--sl-text-xs);color:var(--sl-color-text-danger);margin-inline-start:var(--sl-space-2);vertical-align:middle}.sl-endpoint-param-type{color:var(--sl-color-text-muted);white-space:nowrap}.sl-endpoint-param-description p{margin-block:0}.sl-endpoint pre{margin-block:0;padding:var(--sl-space-3);background:var(--sl-color-canvas);border:1px solid var(--sl-color-border-subtle);border-radius:var(--sl-radius-card);overflow-x:auto}

data/assets/css/components/file-tree.css

@@ -0,0 +1,12 @@
+.sl-file-tree{margin-block:var(--sl-space-4)}
+.sl-file-tree ul{list-style:none;padding:0;margin:0}
+.sl-file-tree li{position:relative;padding-inline-start:var(--sl-space-6)}
+.sl-file-tree li::before,.sl-file-tree li::after{content:"";position:absolute;inset-inline-start:var(--sl-space-2)}
+.sl-file-tree li::before{inset-block-start:0;inset-block-end:0;border-inline-start:1px solid var(--sl-color-line)}
+.sl-file-tree li::after{inset-block-start:1.2em;inline-size:var(--sl-space-3);border-block-start:1px solid var(--sl-color-line)}
+.sl-file-tree li:last-child::before{inset-block-end:auto;block-size:1.2em}
+.sl-file-tree>ul>li{padding:0}
+.sl-file-tree>ul>li::before,.sl-file-tree>ul>li::after{content:none}
+.sl-file-name{color:var(--sl-color-heading);font-weight:500;font-family:var(--sl-font-mono)}
+.sl-file-note{color:var(--sl-color-muted);margin-inline-start:var(--sl-space-2);font-style:italic}
+.sl-file-tree p{display:inline}

data/assets/css/components/gallery.css

@@ -0,0 +1,6 @@
+.sl-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--sl-space-6);margin-block:var(--sl-space-8)}
+.sl-gallery-item{margin:0;display:flex;flex-direction:column}
+.sl-gallery-item img{max-inline-size:100%;block-size:auto;border-radius:var(--sl-radius-card);object-fit:cover;flex-grow:1}
+.sl-gallery-item figcaption{margin-block-start:var(--sl-space-2);font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-gallery-caption{display:block}
+.sl-gallery-credit{display:block;font-style:italic;margin-block-start:var(--sl-space-1)}

data/assets/css/components/hero.css

@@ -0,0 +1,11 @@
+.sl-hero{display:grid;gap:var(--sl-space-8);margin-block:var(--sl-space-8)}
+.sl-hero-body{display:grid;gap:var(--sl-space-4)}
+.sl-hero-title{margin:0;font-size:var(--sl-step-2xl);color:var(--sl-color-heading)}
+.sl-hero-lead{margin:0;font-size:var(--sl-step-lg);color:var(--sl-color-muted)}
+.sl-hero-actions{display:flex;flex-wrap:wrap;gap:var(--sl-space-3)}
+.sl-hero-action{padding:var(--sl-space-2) var(--sl-space-4);border:1px solid var(--sl-color-rose-fill);border-radius:var(--sl-radius-compact);color:var(--sl-color-heading);font-family:var(--sl-font-ui);font-weight:600;text-decoration:none}
+.sl-hero-action-primary{background:var(--sl-button-bg);color:var(--sl-button-fg)}
+.sl-hero-media img{display:block;inline-size:100%;block-size:auto;border-radius:var(--sl-radius-card)}
+@media(min-width:48rem){
+.sl-hero:has(.sl-hero-media){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
+}

data/assets/css/components/kbd.css

@@ -0,0 +1,4 @@
+.sl-kbd{display:inline-flex;align-items:center;gap:.25em;font-family:var(--sl-font-ui);font-size:.85em;line-height:1;white-space:nowrap}
+.sl-kbd-mac,.sl-kbd-other{display:inline-block;padding:.2em .4em;border-radius:var(--sl-radius-compact);border:1px solid var(--sl-color-line);background-color:var(--sl-color-surface);color:var(--sl-color-text);box-shadow:0 1px 1px var(--sl-color-line)}
+.sl-kbd-sep{color:var(--sl-color-muted);font-size:.9em;padding-inline:.1em}
+.sl-kbd [hidden]{display:none!important}

data/assets/css/components/logos.css

@@ -0,0 +1,8 @@
+.sl-logos{margin-block:var(--sl-space-8)}
+.sl-logos-title{margin:0 0 var(--sl-space-4);font-family:var(--sl-font-ui);font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-logos ul{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sl-space-4);list-style:none;margin:0;padding:0}
+.sl-logos li{display:flex;align-items:center;justify-content:center;min-block-size:var(--sl-space-16);padding-inline:var(--sl-space-6);background:var(--sl-color-surface);border-radius:var(--sl-radius-compact)}
+.sl-logos img{max-block-size:var(--sl-space-8);max-inline-size:100%;block-size:auto;filter:grayscale(1);opacity:.65;transition:opacity var(--sl-motion-fast)}
+.sl-logos a:hover img,.sl-logos a:focus-visible img{opacity:1}
+@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sl-logos img{opacity:1}}
+:root[data-theme="dark"] .sl-logos img{opacity:1}

data/assets/css/components/mirror.css

@@ -0,0 +1 @@
+[dir=rtl] .sl-mirror{transform:scaleX(-1)}

data/assets/css/components/page-status.css

@@ -0,0 +1,5 @@
+.sl-page-status{padding:var(--sl-space-3) var(--sl-space-4);margin-block-end:var(--sl-space-6);border-radius:var(--sl-radius-card);background-color:var(--sl-color-surface);border:1px solid var(--sl-color-line);font-size:var(--sl-step-sm);color:var(--sl-color-text)}
+.sl-page-status strong{color:var(--sl-color-heading);margin-inline-end:var(--sl-space-2)}
+.sl-page-status-experimental{border-color:var(--sl-color-rose);background-color:var(--sl-color-rose-fill)}
+.sl-page-status-experimental strong{color:var(--sl-color-on-rose-fill)}
+.sl-page-status-deprecated{border-color:var(--sl-color-rose)}

data/assets/css/components/people.css

@@ -0,0 +1,7 @@
+.sl-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--sl-space-4);margin-block:var(--sl-space-4);padding:0;list-style:none}
+.sl-person{display:flex;gap:var(--sl-space-3);padding:var(--sl-space-4);background:var(--sl-color-surface);border:var(--sl-rule) solid var(--sl-color-line);border-radius:var(--sl-radius-card)}
+.sl-person-avatar{flex:none;inline-size:3rem;block-size:3rem;border-radius:50%;object-fit:cover}
+.sl-person-body{display:flex;flex-direction:column;gap:var(--sl-space-1);min-inline-size:0}
+.sl-person-name{font-weight:600;color:var(--sl-color-heading)}
+.sl-person-role,.sl-person-links{color:var(--sl-color-muted);font-size:var(--sl-step-sm)}
+.sl-person-links{display:flex;flex-wrap:wrap;gap:var(--sl-space-2);margin:0;padding:0;list-style:none}

data/assets/css/components/pricing.css

@@ -0,0 +1,9 @@
+.sl-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--sl-space-4);list-style:none;margin-block:var(--sl-space-4);padding:0}
+.sl-pricing-plan{display:flex;flex-direction:column;gap:var(--sl-space-2);border:var(--sl-rule) solid var(--sl-color-line);border-radius:var(--sl-radius-card);padding:var(--sl-space-4)}
+.sl-pricing-featured{border-width:calc(var(--sl-rule)*3)}
+.sl-pricing-badge{align-self:flex-start;margin:0;padding:var(--sl-space-1) var(--sl-space-2);border-radius:var(--sl-radius-compact);background:var(--sl-color-rose-fill);color:var(--sl-color-on-rose-fill);font-size:var(--sl-step-sm)}
+.sl-pricing-name,.sl-pricing-price,.sl-pricing-description{margin:0}
+.sl-pricing-price{font-size:var(--sl-step-lg);font-weight:600;color:var(--sl-color-heading)}
+.sl-pricing-period{font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-pricing-features{margin:0;padding-inline-start:var(--sl-space-4)}
+.sl-pricing-cta{margin-block-start:auto}

data/assets/css/components/pull-quote.css

@@ -0,0 +1,6 @@
+.sl-pull-quote{margin-block:var(--sl-space-8);margin-inline:0;padding-inline-start:var(--sl-space-6);border-inline-start:4px solid var(--sl-color-rose);color:var(--sl-color-heading)}
+.sl-pull-quote blockquote{margin:0;padding:0}
+.sl-pull-quote p{margin:0;font-family:var(--sl-font-display);font-size:var(--sl-step-xl);line-height:1.2;font-style:italic}
+.sl-pull-quote figcaption{margin-block-start:var(--sl-space-4);font-size:var(--sl-step-base);color:var(--sl-color-muted)}
+.sl-pull-quote-author{font-weight:600}
+.sl-pull-quote cite{font-style:italic}

data/assets/css/components/schema-table.css

@@ -0,0 +1,13 @@
+.sl-schema-table-wrapper{overflow-x:auto;margin-block:var(--sl-space-4)}
+.sl-schema-table{inline-size:100%;border-collapse:collapse;font-size:var(--sl-text-sm);text-align:start}
+.sl-schema-table th,.sl-schema-table td{padding:var(--sl-space-2) var(--sl-space-3);border-block-end:1px solid var(--sl-color-border-subtle);vertical-align:baseline;text-align:start}
+.sl-schema-table thead th{font-weight:600;color:var(--sl-color-text-muted)}
+.sl-schema-table tbody th{font-weight:600;color:var(--sl-color-heading);white-space:nowrap}
+.sl-schema-table code{font-size:inherit}
+.sl-schema-values{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sl-space-1);margin:var(--sl-space-1) 0 0;padding:0}
+.sl-schema-values code{padding-inline:var(--sl-space-1);border:1px solid var(--sl-color-border-subtle);border-radius:var(--sl-radius-button);background:var(--sl-color-canvas-subtle)}
+.sl-schema-required{color:var(--sl-color-text-muted);white-space:nowrap}
+.sl-schema-description p{margin-block:0}
+.sl-schema-children>td{border-block-end:0;padding-block:0}
+.sl-schema-table-nested{margin-block-end:var(--sl-space-2)}
+.sl-schema-row-child>:first-child{padding-inline-start:var(--sl-space-6)}

data/assets/css/components/stats.css

@@ -0,0 +1 @@
+.sl-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1.5rem}.sl-stat{flex:1;background:var(--sl-color-canvas);border:1px solid var(--sl-color-line);border-radius:.25rem;padding:1rem}.sl-stat-value{font-size:2rem;font-weight:700;line-height:1.1;color:var(--sl-color-heading);margin-inline-end:.25rem}.sl-stat-unit,.sl-stat-label,.sl-stat-trend{color:var(--sl-color-muted)}.sl-stat-footer{display:flex;justify-content:space-between;margin-block-start:.25rem;font-size:.875rem}

data/assets/css/components/steps.css

@@ -0,0 +1,10 @@
+.sl-steps{margin-block:var(--sl-space-4)}
+.sl-steps ol{list-style:none;padding:0;margin:0;counter-reset:sl-steps-counter}
+.sl-steps li{position:relative;counter-increment:sl-steps-counter;padding-inline-start:var(--sl-space-6);padding-block-end:var(--sl-space-6)}
+.sl-steps li:last-child{padding-block-end:0}
+.sl-steps li::before,.sl-steps li::after{content:"";position:absolute}
+.sl-steps li::before{inset-inline-start:var(--sl-space-3);inset-block:0;border-inline-start:1px solid var(--sl-color-line)}
+.sl-steps li:last-child::before{inset-block-end:auto;block-size:calc(1.5em+var(--sl-space-2))}
+.sl-steps li::after{content:counter(sl-steps-counter);display:flex;align-items:center;justify-content:center;inset-inline-start:calc(var(--sl-space-3) - 12px);inset-block-start:0;inline-size:24px;block-size:24px;border-radius:50%;background:var(--sl-color-canvas);border:1px solid var(--sl-color-line);color:var(--sl-color-heading);font-size:var(--sl-step-sm);font-weight:600;line-height:1}
+.sl-steps-title{display:block;font-weight:600;color:var(--sl-color-heading);padding-block-start:2px}
+.sl-steps p{margin:var(--sl-space-1) 0 0}

data/assets/css/components/terminal.css

@@ -0,0 +1,17 @@
+.sl-terminal {
+  background: var(--sl-color-canvas);
+  color: var(--sl-color-text);
+  padding: var(--sl-space-4);
+  border-radius: var(--sl-radius-card);
+  overflow-x: auto;
+}
+.sl-terminal-prompt::before {
+  content: attr(data-prompt);
+  user-select: none;
+  opacity: 0.7;
+  margin-inline-end: 1ch;
+}
+.sl-terminal-output {
+  opacity: 0.7;
+  display: block;
+}

data/assets/css/components/testimonial.css

@@ -0,0 +1,8 @@
+.sl-testimonial{margin:var(--sl-space-8) 0;padding:var(--sl-space-6);background:var(--sl-color-surface);border:1px solid var(--sl-color-line);border-radius:var(--sl-radius-card)}
+.sl-testimonial::before{content:"\201C";display:block;block-size:var(--sl-space-3);font-family:var(--sl-font-display);font-size:var(--sl-step-2xl);line-height:1;color:var(--sl-color-rose)}
+.sl-testimonial blockquote{margin:0}
+.sl-testimonial p{margin:0;font-size:var(--sl-step-lg);color:var(--sl-color-heading)}
+.sl-testimonial-credit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sl-space-3);margin-block-start:var(--sl-space-4);font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-testimonial-avatar{inline-size:48px;block-size:48px;border-radius:50%;object-fit:cover;flex:none}
+.sl-testimonial-name{font-weight:600;color:var(--sl-color-heading)}
+.sl-testimonial-source{margin-inline-start:auto}

data/assets/css/components/timeline.css

@@ -0,0 +1,11 @@
+.sl-timeline{margin-block:var(--sl-space-4)}
+.sl-timeline ol{list-style:none;padding:0;margin:0}
+.sl-timeline li{position:relative;padding-inline-start:var(--sl-space-6);padding-block-end:var(--sl-space-6)}
+.sl-timeline li:last-child{padding-block-end:0}
+.sl-timeline li::before,.sl-timeline li::after{content:"";position:absolute;inset-inline-start:var(--sl-space-2)}
+.sl-timeline li::before{inset-block:0;border-inline-start:1px solid var(--sl-color-line)}
+.sl-timeline li:last-child::before{inset-block-end:auto;block-size:calc(1.5em+var(--sl-space-2))}
+.sl-timeline li::after{margin-inline-start:-4px;inset-block-start:.5em;inline-size:9px;block-size:9px;border-radius:50%;background:var(--sl-color-canvas);border:1px solid var(--sl-color-text)}
+.sl-timeline time{display:block;font-size:var(--sl-step-sm);color:var(--sl-color-muted)}
+.sl-timeline-title{display:block;font-weight:600;color:var(--sl-color-heading)}
+.sl-timeline p{margin:var(--sl-space-1) 0 0}

data/assets/css/lang/ckb.css

@@ -0,0 +1,6 @@
+:lang(ckb) {
+  font-family: var(--sl-font-arabic);
+}
+:lang(ckb) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: var(--sl-font-arabic);
+}

data/assets/css/lang/dv.css

@@ -0,0 +1,6 @@
+:lang(dv) {
+  font-family: "Noto Sans Thaana", "MV Boli", system-ui, sans-serif;
+}
+:lang(dv) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: "Noto Sans Thaana", "MV Boli", system-ui, sans-serif;
+}

data/assets/css/lang/ps.css

@@ -0,0 +1,3 @@
+:lang(ps), :lang(ps) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: var(--sl-font-arabic);
+}

data/assets/css/lang/sd.css

@@ -0,0 +1,10 @@
+:lang(sd) {
+  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Arial", sans-serif;
+  line-height: 2.0;
+  font-style: normal;
+}
+:lang(sd) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Arial", sans-serif;
+  line-height: 2.0;
+  font-style: normal;
+}

data/assets/css/lang/ug.css

@@ -0,0 +1,3 @@
+:lang(ug), :lang(ug) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: var(--sl-font-arabic);
+}

data/assets/css/lang/ur.css

@@ -0,0 +1,10 @@
+:lang(ur) {
+  font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Noto Sans Arabic", "Arial", sans-serif;
+  line-height: 2.0;
+  font-style: normal;
+}
+:lang(ur) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Noto Sans Arabic", "Arial", sans-serif;
+  line-height: 2.0;
+  font-style: normal;
+}

data/assets/css/lang/yi.css

@@ -0,0 +1,5 @@
+@layer base {
+  :root:where([lang="yi"], [lang^="yi-"]) {
+    font-family: var(--sl-font-hebrew);
+  }
+}