jekyll-obsidian-site 0.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 11839f61289760fc9100f97551010f90a86f033a3c250c56896f6204533631ed
+  data.tar.gz: 542071f78218cbd4dcab030c37c80e42768d9dbd94b7a73816fa3747798c6ff3
+SHA512:
+  metadata.gz: 4727e71d96d4a1a72ed668962449298f8edd7d1f10baad3dde4b0c38ed08a2add5c95d18cd2bef820911d2ab6e17c5c7c30298fbc4a6cdbd94319688382fa615
+  data.tar.gz: 62e9c18af18b75fd91cd0cc77355e11c44c30f2ab68f57dc8edfee24527168c8eb36cd40a91f060c4ea642b113392d6abf1cf016d6dd68ea73eea86b8199878f

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 jekyll-obsidian contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,133 @@
+# jekyll-obsidian
+
+English | [简体中文](README.zh-CN.md)
+
+`jekyll-obsidian` turns a Markdown folder, including an Obsidian vault, into a blog or documentation site. Keep writing in your editor and push to GitHub; Actions builds and publishes the site. Add a configuration file and a workflow to your repository. The implementation is installed as the `jekyll-obsidian-site` Ruby gem.
+
+Live preview: [sinputer.top/jekyll-obsidian](https://sinputer.top/jekyll-obsidian/)
+
+Choose one built-in theme for each build:
+
+- `minimal` combines an authored Home page with recent posts, a full Blog, documentation, and explicit custom sections for personal or organization sites.
+- `docs` provides a document tree and previous or next links.
+
+Both themes enable search, wiki-link reading previews, the page outline, note relations, and an interactive local graph by default. A note participating in a link or embed relation with another public note keeps its local graph at the top of the right-hand context rail; isolated and self-link-only notes omit it. Its two controls open the complete public graph or an expanded view of the current note's neighbourhood. The complete graph still contains every public note, and `/graph/` is not a generated route.
+
+Switching themes does not change note URLs.
+The default build and deployment theme is `minimal`. Both themes can publish locale overlays from `_translations/<locale>/` and attach GitHub Discussions comments to posts. When the corresponding mapping is present and omits `enabled`, localization defaults on only for `docs`, while comments default on only for `minimal`.
+
+See [Localization](website/jekyll-obsidian-docs/docs/Localization.md) for locale manifests, which content controls site structure, fallback pages, and SEO behavior.
+
+Minimal also provides Blog, tags, Atom feeds, contacts, source actions, and an automatically detected Portfolio with project cards. A project wrapper can use a public GitHub Markdown file as its body. Both themes generate Search and Graph data, canonical metadata, a sitemap, a 404 page, and frontmatter-free Markdown resources. Optional traffic measurement supports either Cloudflare Web Analytics or Google Analytics and stays off until configured.
+
+## Before you publish
+
+Deploying with GitHub Pages does not require Ruby, Node.js, Bundler, npm, or a browser on your computer. The generated GitHub Actions workflow installs the build toolchain.
+
+[GitHub Pages is available for public repositories on GitHub Free](https://docs.github.com/en/pages/quickstart#who-can-use-this-feature), so a public `jekyll-obsidian` site needs no paid hosting.
+
+The publication policy controls what enters the generated site. It does not make other committed files private. Anyone who can read the repository can read unpublished notes too, so do not commit secrets, personal records, or other private material.
+
+Canvas and Bases files become downloads when a public note links to them. Inspect them before committing because they can contain excerpts or references to unpublished material.
+
+## Add it to your repository
+
+1. Create `.github/jekyll-obsidian.yml`, using [the example configuration](examples/jekyll-obsidian.yml):
+
+```yaml
+title: My Site
+website:
+  source: docs
+  theme: minimal
+```
+
+2. Copy [the Pages workflow](examples/pages.yml) to `.github/workflows/pages.yml`.
+3. Put a Markdown note with `publish: true` in `docs/`, then select **Settings > Pages > Build and deployment > Source > GitHub Actions** and push.
+
+The content directory can also be `website/docs/` or another repository-relative directory. Edit `website.source` to select it. No local Ruby, Node.js, or build command is needed for Actions.
+
+For local initialization, install Ruby 4.0.x and run:
+
+```sh
+gem install jekyll-obsidian-site
+jekyll-obsidian init --source docs
+```
+
+`init` creates the same configuration and workflow. It adds a public welcome note only when the content directory is absent or empty. Existing conflicting files are left unchanged. See [Host Integration](website/jekyll-obsidian-docs/docs/Integration.md) for Bundler, updates, and existing repositories.
+
+## Preview the deployed site
+
+Wait for the **Build and deploy Pages** workflow on the default branch to succeed. GitHub reports the deployed URL in the workflow's `deploy` job and in **Settings → Pages**.
+
+Without a custom domain, the expected URL is:
+
+- `https://<owner>.github.io/<repository>/` for a normal project repository.
+- `https://<owner>.github.io/` when the repository itself is named `<owner>.github.io`.
+
+If you configure a custom domain, use the URL shown in **Settings → Pages**. The workflow reads GitHub Pages metadata and builds links for that URL automatically. See [Deployment](website/jekyll-obsidian-docs/docs/Deployment.md) for the workflow and custom-domain details.
+
+## Configure and publish
+
+Edit `.github/jekyll-obsidian.yml` to configure the title, language, content directory, theme, and features. All entries are directly editable. Changing `website.source` or `website.theme` takes effect on the next build; the workflow does not need to be regenerated.
+
+The configuration interface is the root `website:` mapping.
+
+Both themes can store post comments in GitHub Discussions through Giscus. Comments use the publication repository by default and can point at a separate public repository. When `website.comments` exists and omits `enabled`, `minimal` enables comments by default; `docs` requires `website.comments.enabled: true`. Enabling comments before Discussions or the Giscus App is ready does not fail the build; incomplete Giscus configuration produces a warning and a non-interactive fallback. See [Comments](website/jekyll-obsidian-docs/docs/Comments.md) for repository setup, thread identity, privacy boundaries, and troubleshooting.
+
+Open your content directory in Obsidian or any Markdown editor. By default, a note enters the site only when its frontmatter contains the YAML boolean `publish: true`:
+
+```yaml
+---
+publish: true
+title: A public note
+tags:
+  - example
+---
+```
+
+The strings `"true"` and `"yes"` are not accepted. To publish a whole folder recursively, list its path under `website.content.publish_by_default`; use `.` to select the complete content tree. A note can opt out of either default with the YAML boolean `publish: false`. Obsidian's `.obsidian/` state and `.trash/` are excluded from the content snapshot.
+
+`index.md` is optional at the content root and in every nested folder. When a folder has no physical `index.md`, a published sibling named exactly `README.md` becomes its index. A physical `index.md` keeps priority even when it is unpublished; in that case, `README.md` remains an ordinary note. A selected README keeps its source path and source actions but publishes at the folder route. Minimal places the selected public root index above the six most recent posts on Home; without one, Home can still show the post stream. A folder without a public selected index links to its first ordered public page. A content directory with no public notes still fails the build.
+
+Trusted standalone HTML slides can also publish at explicit routes without a theme or Liquid pass. Map one `.html` file or a directory bundle containing `index.html`; a bundle publishes its regular files with their relative structure intact, except Markdown and compiler locale manifests such as `_locale.yml`:
+
+```yaml
+website:
+  html:
+    slides/product-tour: /slides/product-tour/
+```
+
+HTML mappings are an explicit publication boundary independent of Markdown defaults. Raw pages stay out of navigation, Search, Graph, feeds, and sitemap, and they execute as trusted same-origin code. Review the complete bundle before publishing. See [Customization](website/jekyll-obsidian-docs/docs/Customization.md#standalone-html-slides) and the [working slide source](website/jekyll-obsidian-docs/slides/jekyll-obsidian/index.html).
+
+Update the Action version in your workflow to use a new release. For a local gem installation, run `gem update jekyll-obsidian-site`; for Bundler, run `bundle update jekyll-obsidian-site` and commit the lockfile. Your content and configuration remain in your repository.
+
+## Optional local preview
+
+With Ruby 4.0.x on macOS, Linux, or WSL:
+
+```sh
+gem install jekyll-obsidian-site
+jekyll-obsidian dev
+```
+
+Open `http://127.0.0.1:58000/`. Content and configuration changes trigger a complete rebuild. A failed rebuild leaves the last successful site available. Run `jekyll-obsidian dev --help` for host, port, base path, and theme options.
+
+Build for another host with `jekyll-obsidian build --url https://example.com --baseurl /project`. Output is written to `.jekyll-obsidian-cache/site/`. `jekyll-obsidian clean` removes this project's cache and output. The gem includes frontend assets, so local use does not require Node.js.
+
+## Guides
+
+- [Host Integration](website/jekyll-obsidian-docs/docs/Integration.md) covers installation and updates in another repository.
+- [Getting Started](website/jekyll-obsidian-docs/docs/Getting%20Started.md) covers GitHub Actions publishing, authoring, and optional local preview.
+- [Syntax](website/jekyll-obsidian-docs/docs/Syntax.md) documents the supported Obsidian-flavored Markdown.
+- [Customization](website/jekyll-obsidian-docs/docs/Customization.md) covers site identity, themes, navigation, and features.
+- [Portfolio](website/jekyll-obsidian-docs/docs/Portfolio.md) covers project collections and public GitHub Markdown bodies.
+- [Analytics](website/jekyll-obsidian-docs/docs/Analytics.md) covers optional Cloudflare and Google traffic measurement.
+- [Comments](website/jekyll-obsidian-docs/docs/Comments.md) covers GitHub Discussions setup and privacy boundaries.
+- [Localization](website/jekyll-obsidian-docs/docs/Localization.md) covers translations, fallback pages, and localized SEO.
+- [Deployment](website/jekyll-obsidian-docs/docs/Deployment.md) covers GitHub Pages, URL paths, and custom domains.
+
+Contributors can continue with the [Developer Guide](website/jekyll-obsidian-docs/docs/development/index.md).
+
+## License
+
+MIT

data/website/_config.yml

@@ -0,0 +1,21 @@
+title: My Site
+description: ""
+lang: en
+url: ""
+baseurl: ""
+
+website:
+  source: docs
+  syntax_profile: ofm@1
+  theme: minimal
+  repository: ""
+  edit_branch: main
+  content:
+    publish_by_default: []
+    default_type: page
+    directories:
+      post:
+        - blog
+      doc:
+        - docs
+  features: {}

data/website/_includes/website/archive-timeline.html

@@ -0,0 +1,8 @@
+{% if include.timeline and include.timeline.size > 0 %}
+  {% assign ui = page.website.i18n.messages %}
+  {% if page.website.theme == 'minimal' %}{% assign filter_url = page.website.routes.blog %}{% unless filter_url %}{% assign filter_url = '/blog/' | relative_url %}{% endunless %}{% else %}{% assign filter_url = page.website.routes.tags %}{% unless filter_url %}{% assign filter_url = '/tags/' | relative_url %}{% endunless %}{% endif %}
+  <nav class="archive-timeline" data-timeline-nav aria-labelledby="archive-timeline-title">
+    <h2 class="relation-section__title" id="archive-timeline-title">{{ ui.chronology | default: 'Chronology' | escape }}</h2>
+    {% for group in include.timeline %}<section class="archive-timeline__year"><h3><a href="{{ filter_url | escape }}?year={{ group.year | url_encode }}" data-year-filter-option data-filter-year="{{ group.year | escape }}"><span>{{ group.year | escape }}</span><span class="archive-timeline__count">{{ group.count }}</span></a></h3><ul>{% for month in group.months %}<li><a href="{{ filter_url | escape }}?month={{ month.key | url_encode }}" data-month-filter-option data-filter-month="{{ month.key | escape }}"><span>{{ month.label | escape }}</span><span class="archive-timeline__count">{{ month.count }}</span></a></li>{% endfor %}</ul></section>{% endfor %}
+  </nav>
+{% endif %}

data/website/_includes/website/blog-ledger.html

@@ -0,0 +1,19 @@
+{% if include.posts and include.posts.size > 0 %}
+  {% assign ui = page.website.i18n.messages %}
+  {% assign blog_url = page.website.routes.blog %}{% unless blog_url %}{% assign blog_url = '/blog/' | relative_url %}{% endunless %}
+  <section class="blog-ledger"{% if include.compact %} aria-label="{{ ui.dated_posts | default: 'Dated posts' | escape }}"{% else %} aria-labelledby="dispatches-title"{% endif %}>
+    {% unless include.compact %}<header class="section-heading"><h2 id="dispatches-title">{{ ui.field_dispatches | default: 'Field dispatches' | escape }}</h2></header>{% endunless %}
+    <ol>
+      {% for post in include.posts %}
+        <li{% if include.filterable %} data-filter-item data-topic-anchors="{{ post.topic_anchors | join: ' ' | escape }}"{% if post.filter_month %} data-filter-month="{{ post.filter_month | escape }}"{% endif %}{% endif %}>
+          <div class="blog-ledger__meta"><time datetime="{{ post.published_at | escape }}">{{ post.published_at | date: "%Y-%m-%d" }}</time></div>
+          <div class="blog-ledger__content">
+            <a class="blog-ledger__main" href="{{ post.url | escape }}"><strong>{{ post.title | escape }}</strong>{% if post.summary and post.summary != '' %}<span class="blog-ledger__description">{{ post.summary | escape }}</span>{% endif %}</a>
+            {% if post.topics and post.topics.size > 0 %}<ul class="blog-ledger__topics" aria-label="{{ ui.topics | default: 'Topics' | escape }}">{% for topic in post.topics %}<li><a href="{{ blog_url | escape }}?topic={{ topic.anchor | url_encode }}" data-topic-filter-option data-topic-anchor="{{ topic.anchor | escape }}">{{ topic.name | escape }}</a></li>{% endfor %}</ul>{% endif %}
+          </div>
+        </li>
+      {% endfor %}
+    </ol>
+    {% unless include.compact %}<a class="ledger-archive-link" href="{{ blog_url | escape }}">{{ ui.view_all | default: 'View all' | escape }} <span aria-hidden="true">→</span></a>{% endunless %}
+  </section>
+{% endif %}

data/website/_includes/website/blog-navigation.html

@@ -0,0 +1,7 @@
+{% if page.website.theme_data.previous or page.website.theme_data.next %}
+  {% assign ui = page.website.i18n.messages %}
+  <nav class="sequence-navigation" aria-label="{{ ui.post_sequence | default: 'Post sequence' | escape }}">
+    {% if page.website.theme_data.previous %}<a rel="prev" href="{{ page.website.theme_data.previous.url | escape }}"><span>{{ ui.previous | default: 'Previous' | escape }}</span><strong>{{ page.website.theme_data.previous.title | escape }}</strong></a>{% endif %}
+    {% if page.website.theme_data.next %}<a rel="next" href="{{ page.website.theme_data.next.url | escape }}"><span>{{ ui.next | default: 'Next' | escape }}</span><strong>{{ page.website.theme_data.next.title | escape }}</strong></a>{% endif %}
+  </nav>
+{% endif %}

data/website/_includes/website/comments.html

@@ -0,0 +1,22 @@
+{% assign comments = page.website.comments %}
+{% if comments %}
+  {% assign ui = page.website.i18n.messages %}
+  <section class="website-comments" aria-labelledby="website-comments-title"{% if comments.load %} data-website-comments-load data-website-comments-repository="{{ comments.repository | escape }}" data-website-comments-repository-id="{{ comments.repository_id | escape }}" data-website-comments-category="{{ comments.category | escape }}" data-website-comments-category-id="{{ comments.category_id | escape }}" data-website-comments-term="{{ comments.term | escape }}" data-website-comments-language="{{ comments.language | escape }}" data-website-comments-unavailable="{{ ui.comments_unavailable | default: 'Comments could not be loaded. You can continue the conversation on GitHub.' | escape }}"{% endif %}>
+    <header class="website-comments__header">
+      <h2 id="website-comments-title">{{ ui.comments | default: 'Comments' | escape }}</h2>
+    </header>
+    {% if comments.load %}
+      <p class="website-comments__status" data-website-comments-status aria-live="polite">{{ ui.comments_loading | default: 'Loading comments…' | escape }}</p>
+      <div class="giscus website-comments__embed" data-website-comments-container></div>
+    {% elsif comments.configured %}
+      <p class="website-comments__status">{{ ui.comments_development | default: 'Comments load only on the published site.' | escape }}</p>
+    {% else %}
+      <p class="website-comments__status">{{ ui.comments_setup_pending | default: 'Comments are not available yet. You can finish the GitHub Discussions setup later.' | escape }}</p>
+    {% endif %}
+    {% if comments.configured %}
+      <p class="website-comments__fallback">{{ ui.comments_stored | default: 'Comments are stored in GitHub Discussions.' | escape }} <a href="{{ comments.discussion_url | escape }}">{{ ui.open_discussions | default: 'Open discussions on GitHub' | escape }}</a>.</p>
+    {% else %}
+      <p class="website-comments__fallback"><a href="{{ comments.repository_url | escape }}">{{ ui.open_comments_repository | default: 'Open the comments repository on GitHub' | escape }}</a>.</p>
+    {% endif %}
+  </section>
+{% endif %}

data/website/_includes/website/contact-icon.html

@@ -0,0 +1,14 @@
+{% case include.icon %}
+{% when 'email' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="m3 7 9 6 9-6"></path></svg>
+{% when 'phone' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.4 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 1.9Z"></path></svg>
+{% when 'github' %}{% include website/github-icon.html class='minimal-contact__icon minimal-contact__icon--brand' %}
+{% when 'linkedin' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="18" rx="2"></rect><path d="M8 10v7M8 7v.01M12 17v-7M12 13a4 4 0 0 1 8 0v4"></path></svg>
+{% when 'x' %}<svg class="minimal-contact__icon minimal-contact__icon--brand" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18.24 2.25h3.31l-7.23 8.26 8.51 11.24h-6.66l-5.21-6.82-5.97 6.82H1.68l7.73-8.84L1.25 2.25h6.83l4.71 6.23 5.45-6.23Zm-1.16 17.52h1.84L7.08 4.13H5.12l11.96 15.64Z"></path></svg>
+{% when 'mastodon' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M5 17V9a4 4 0 0 1 7-2.6A4 4 0 0 1 19 9v6c0 4-3 6-7 6-2.2 0-4-.5-5.2-1.5"></path><path d="M9 15V9.5a1.5 1.5 0 0 1 3 0V15M12 9.5a1.5 1.5 0 0 1 3 0V15"></path></svg>
+{% when 'bluesky' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 11c-1.7-3-5.8-6-7.6-4.7-1.7 1.3-.7 5.7 2 7.3 1.2.7 2.7.7 4 .2-2.1.4-4.2 1.7-3.5 3.7.8 2.4 3.9 1.3 5.1-.9 1.2 2.2 4.3 3.3 5.1.9.7-2-1.4-3.3-3.5-3.7 1.3.5 2.8.5 4-.2 2.7-1.6 3.7-6 2-7.3C17.8 5 13.7 8 12 11Z"></path></svg>
+{% when 'instagram' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="18" rx="5"></rect><circle cx="12" cy="12" r="4"></circle><path d="M17.5 6.5h.01"></path></svg>
+{% when 'youtube' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 8.2a2.8 2.8 0 0 0-2-2C17.2 5.7 12 5.7 12 5.7s-5.2 0-7 .5a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2.5 12 29 29 0 0 0 3 15.8a2.8 2.8 0 0 0 2 2c1.8.5 7 .5 7 .5s5.2 0 7-.5a2.8 2.8 0 0 0 2-2 29 29 0 0 0 .5-3.8 29 29 0 0 0-.5-3.8Z"></path><path d="m10 9 5 3-5 3Z"></path></svg>
+{% when 'telegram' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m21 4-3 16-6-4-3 3-1-5-5-2Z"></path><path d="m8 14 9-7-6 9"></path></svg>
+{% when 'rss' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="5" cy="19" r="1"></circle><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"></path></svg>
+{% when 'website' %}<svg class="minimal-contact__icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"></circle><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"></path></svg>
+{% endcase %}

data/website/_includes/website/context-tags.html

@@ -0,0 +1,7 @@
+{% assign ui = page.website.i18n.messages %}
+{% assign topic_summaries = include.summaries | default: page.website.tag_summaries %}
+{% if page.website.theme == 'minimal' %}{% assign tags_title = ui.topics | default: 'Topics' %}{% assign filter_url = page.website.routes.blog %}{% unless filter_url %}{% assign filter_url = '/blog/' | relative_url %}{% endunless %}{% else %}{% assign tags_title = ui.tags | default: 'Tags' %}{% assign filter_url = page.website.routes.tags %}{% unless filter_url %}{% assign filter_url = '/tags/' | relative_url %}{% endunless %}{% endif %}
+<section class="relation-section context-tags" aria-labelledby="context-tags-title-{{ include.location }}">
+  <h2 class="relation-section__title" id="context-tags-title-{{ include.location }}">{{ tags_title | escape }}</h2>
+  <ul class="context-tag-list">{% for topic in topic_summaries %}<li><a href="{% if page.website.theme == 'minimal' %}{{ filter_url | escape }}?topic={{ topic.anchor | url_encode }}{% elsif topic.url %}{{ topic.url | escape }}{% else %}{{ filter_url | escape }}#{{ topic.anchor | escape }}{% endif %}" aria-label="{{ topic.name | escape }} — {{ topic.count }} {{ ui.notes | default: 'notes' | escape }}"><span class="context-tag__name" aria-hidden="true">{{ topic.name | escape }}</span><span class="context-tag__count" aria-hidden="true">{{ topic.count }}</span></a></li>{% endfor %}</ul>
+</section>

data/website/_includes/website/context.html

@@ -0,0 +1,3 @@
+{% if page.website.features.graph and page.website.local_graph %}{% include website/local-graph.html location=include.location %}{% endif %}
+{% if page.website.features.outline and page.website.outline.size > 0 %}{% include website/outline.html location=include.location %}{% endif %}
+{% if page.website.features.relations %}{% include website/relations.html location=include.location %}{% elsif page.website.tag_summaries and page.website.tag_summaries.size > 0 %}{% include website/context-tags.html location=include.location %}{% endif %}

data/website/_includes/website/dialogs.html

@@ -0,0 +1,71 @@
+{% assign ui = page.website.i18n.messages %}
+{% if page.website.features.search %}
+  <dialog class="website-dialog" data-dialog="search" aria-labelledby="search-dialog-title"{% if ui.search_loading %} data-search-loading="{{ ui.search_loading | escape }}"{% endif %}{% if ui.search_prompt %} data-search-prompt="{{ ui.search_prompt | escape }}"{% endif %}{% if ui.search_unavailable %} data-search-unavailable="{{ ui.search_unavailable | escape }}"{% endif %}{% if ui.search_no_results %} data-search-no-results="{{ ui.search_no_results | escape }}"{% endif %}{% if ui.search_result_one %} data-search-result-one="{{ ui.search_result_one | escape }}"{% endif %}{% if ui.search_result_many %} data-search-result-many="{{ ui.search_result_many | escape }}"{% endif %}>
+    <div class="website-dialog__sheet">
+      <header class="website-dialog__header">
+        <h2 class="website-dialog__title" id="search-dialog-title">{{ ui.search_title | default: 'Search this site' | escape }}</h2>
+        <button class="website-dialog__close" type="button" data-dialog-close aria-label="{{ ui.close_search | default: 'Close search' | escape }}">&times;</button>
+      </header>
+      <div class="website-dialog__body">
+        <label class="search-box"><span aria-hidden="true">⌕</span><span class="visually-hidden">{{ ui.search_pages | default: 'Search pages' | escape }}</span><input type="search" inputmode="search" autocomplete="off" placeholder="{{ ui.search_placeholder | default: 'Title, tag, or phrase' | escape }}" data-search-input><kbd>⌘K</kbd></label>
+        {% if page.website.navigation.size > 0 %}
+          <nav class="search-navigation" aria-label="{{ ui.primary_navigation | default: 'Primary navigation' | escape }}" data-search-navigation>
+            <ul class="search-navigation__list">
+              {% for item in page.website.navigation %}<li data-navigation-id="{{ item.id | escape }}"><a href="{{ item.url | escape }}"{% if item.id == page.website.active_navigation_id %} aria-current="page"{% endif %}>{{ item.label | escape }}</a></li>{% endfor %}
+            </ul>
+          </nav>
+        {% endif %}
+        <p class="search-status" data-search-status aria-live="polite">{{ ui.search_initial | default: 'The index loads when search opens.' | escape }}</p>
+        <ol class="search-results" data-search-results></ol>
+      </div>
+    </div>
+  </dialog>
+{% endif %}
+
+<template data-dialog-template="browse">
+  <nav aria-label="{{ ui.primary_navigation | default: 'Primary navigation' | escape }}">
+    <ul class="relation-list">
+      {% for item in page.website.navigation %}<li data-navigation-id="{{ item.id | escape }}"><a href="{{ item.url | escape }}"{% if item.id == page.website.active_navigation_id %} aria-current="page"{% endif %}>{{ item.label | escape }}</a></li>{% endfor %}
+    </ul>
+  </nav>
+  {% assign browse_has_docs_tree = false %}{% if include.theme == 'docs' or page.website.content_type == 'doc' %}{% if page.website.theme_data.docs_tree.size > 0 %}{% assign browse_has_docs_tree = true %}{% endif %}{% endif %}
+  {% if browse_has_docs_tree %}
+    <nav class="docs-tree docs-tree--dialog" aria-label="{{ ui.documentation | default: 'Documentation' | escape }}">
+      {% include website/docs-tree.html nodes=page.website.theme_data.docs_tree %}
+    </nav>
+  {% endif %}
+</template>
+<dialog class="website-dialog" data-dialog="browse" aria-labelledby="browse-dialog-title"><div class="website-dialog__sheet"><header class="website-dialog__header"><h2 class="website-dialog__title" id="browse-dialog-title">{{ ui.browse | default: 'Browse' | escape }}</h2><button class="website-dialog__close" type="button" data-dialog-close aria-label="{{ ui.close_browse | default: 'Close browse menu' | escape }}">&times;</button></header><div class="website-dialog__body" data-dialog-content></div></div></dialog>
+
+{% assign has_timeline_context = false %}{% if page.website.kind == 'blog-index' and page.website.theme_data.timeline.size > 0 %}{% assign has_timeline_context = true %}{% endif %}
+{% assign has_context_dialog = has_timeline_context %}{% if page.website.kind == 'home' %}{% if page.website.theme_data.topic_summaries.size > 0 or page.website.has_context %}{% assign has_context_dialog = true %}{% endif %}{% elsif page.website.kind == 'note' and page.website.has_context %}{% assign has_context_dialog = true %}{% endif %}
+{% if has_context_dialog %}
+  <dialog class="website-dialog" data-dialog="context" aria-labelledby="context-dialog-title"><div class="website-dialog__sheet"><header class="website-dialog__header"><h2 class="website-dialog__title" id="context-dialog-title">{% if has_timeline_context %}{{ ui.chronology | default: 'Chronology' | escape }}{% elsif page.website.kind == 'home' and page.website.has_context %}{{ ui.context | default: 'Context' | escape }}{% elsif page.website.kind == 'home' %}{{ ui.topics | default: 'Topics' | escape }}{% elsif page.website.features.outline and page.website.features.relations == false and page.website.local_graph == nil %}{{ ui.on_this_page | default: 'On this page' | escape }}{% else %}{{ ui.context | default: 'Context' | escape }}{% endif %}</h2><button class="website-dialog__close" type="button" data-dialog-close aria-label="{{ ui.close_context | default: 'Close page context' | escape }}">&times;</button></header><div class="website-dialog__body" data-dialog-content></div></div></dialog>
+{% endif %}
+
+{% assign graph_page = false %}
+{% if page.website.kind == 'note' %}{% assign graph_page = true %}{% endif %}
+{% if page.website.kind == 'home' and page.website.id %}{% assign graph_page = true %}{% endif %}
+{% assign has_graph_dialogs = false %}
+{% if graph_page and page.website.features.graph and page.website.local_graph %}{% assign has_graph_dialogs = true %}{% endif %}
+{% if has_graph_dialogs %}
+  <dialog class="website-dialog website-dialog--graph" data-dialog="graph-global" aria-labelledby="global-graph-dialog-title"><div class="website-dialog__sheet"><header class="website-dialog__header"><h2 class="website-dialog__title" id="global-graph-dialog-title">{{ ui.full_graph | default: 'Full graph' | escape }}</h2><button class="website-dialog__close" type="button" data-dialog-close aria-label="{{ ui.close_full_graph | default: 'Close full graph' | escape }}">&times;</button></header><div class="website-dialog__body"><div class="graph-view graph-view--global" data-graph-dialog-view="global" data-graph-mode="global" data-current-note-id="{{ page.website.id | escape }}" data-graph-too-large="{{ ui.graph_too_large | default: 'This complete graph is too large to render interactively. Use local graphs or search instead.' | escape }}"{% if ui.graph_loading %} data-graph-loading="{{ ui.graph_loading | escape }}"{% endif %}{% if ui.graph_unavailable %} data-graph-unavailable="{{ ui.graph_unavailable | escape }}"{% endif %}{% if ui.graph_summary %} data-graph-summary="{{ ui.graph_summary | escape }}"{% endif %}{% if ui.graph_node_label %} data-graph-node-label="{{ ui.graph_node_label | escape }}"{% endif %}{% if ui.graph_title %} data-graph-title="{{ ui.graph_title | escape }}"{% endif %}{% if ui.graph_description %} data-graph-description="{{ ui.graph_description | escape }}"{% endif %}><p class="graph-status" data-graph-status aria-live="polite">{{ ui.graph_loading | default: 'Loading graph…' | escape }}</p></div></div></div></dialog>
+  <dialog class="website-dialog website-dialog--graph" data-dialog="graph-local" aria-labelledby="expanded-graph-dialog-title"><div class="website-dialog__sheet"><header class="website-dialog__header"><h2 class="website-dialog__title" id="expanded-graph-dialog-title">{{ ui.local_graph | default: 'Local graph' | escape }}</h2><button class="website-dialog__close" type="button" data-dialog-close aria-label="{{ ui.close_local_graph | default: 'Close local graph' | escape }}">&times;</button></header><div class="website-dialog__body"><div class="graph-view graph-view--expanded" data-graph-dialog-view="local" data-graph-mode="expanded" data-current-note-id="{{ page.website.id | escape }}"{% if ui.graph_loading %} data-graph-loading="{{ ui.graph_loading | escape }}"{% endif %}{% if ui.graph_unavailable %} data-graph-unavailable="{{ ui.graph_unavailable | escape }}"{% endif %}{% if ui.graph_summary %} data-graph-summary="{{ ui.graph_summary | escape }}"{% endif %}{% if ui.graph_node_label %} data-graph-node-label="{{ ui.graph_node_label | escape }}"{% endif %}{% if ui.graph_title %} data-graph-title="{{ ui.graph_title | escape }}"{% endif %}{% if ui.graph_description %} data-graph-description="{{ ui.graph_description | escape }}"{% endif %}><p class="graph-status" data-graph-status aria-live="polite">{{ ui.graph_loading | default: 'Loading graph…' | escape }}</p></div></div></div></dialog>
+{% endif %}
+
+{% capture default_media_zoom_level %}Zoom: {percent}%{% endcapture %}
+<dialog class="website-dialog website-dialog--media" data-dialog="media" data-media-zoom-level="{{ ui.zoom_level | default: default_media_zoom_level | escape }}" aria-labelledby="media-dialog-title">
+  <div class="website-dialog__sheet">
+    <header class="website-dialog__header">
+      <h2 class="website-dialog__title" id="media-dialog-title" data-media-dialog-title>{{ ui.image | default: 'Image' | escape }}</h2>
+      <div class="media-dialog__controls">
+        <button type="button" data-media-zoom-out aria-label="{{ ui.zoom_out | default: 'Zoom out' | escape }}" title="{{ ui.zoom_out | default: 'Zoom out' | escape }}"><span aria-hidden="true">−</span></button>
+        <output data-media-zoom-status aria-live="polite"></output>
+        <button type="button" data-media-zoom-in aria-label="{{ ui.zoom_in | default: 'Zoom in' | escape }}" title="{{ ui.zoom_in | default: 'Zoom in' | escape }}"><span aria-hidden="true">+</span></button>
+        <button type="button" data-media-zoom-reset aria-label="{{ ui.reset_zoom | default: 'Reset zoom' | escape }}" title="{{ ui.reset_zoom | default: 'Reset zoom' | escape }}"><span aria-hidden="true">↺</span></button>
+        <button class="website-dialog__close" type="button" data-dialog-close aria-label="{{ ui.close_image | default: 'Close image' | escape }}">×</button>
+      </div>
+    </header>
+    <div class="website-dialog__body media-dialog__body"><div class="media-dialog__viewport" data-media-dialog-viewport tabindex="0" role="group" aria-label="{{ ui.image | default: 'Image' | escape }}"><div class="media-dialog__canvas" data-media-dialog-canvas></div></div></div>
+  </div>
+</dialog>

data/website/_includes/website/docs-navigation.html

@@ -0,0 +1,7 @@
+{% if page.website.theme_data.previous or page.website.theme_data.next %}
+  {% assign ui = page.website.i18n.messages %}
+  <nav class="sequence-navigation" aria-label="{{ ui.documentation_sequence | default: 'Documentation sequence' | escape }}">
+    {% if page.website.theme_data.previous %}<a rel="prev" href="{{ page.website.theme_data.previous.url | escape }}"><span>{{ ui.previous | default: 'Previous' | escape }}</span><strong>{{ page.website.theme_data.previous.title | escape }}</strong></a>{% endif %}
+    {% if page.website.theme_data.next %}<a rel="next" href="{{ page.website.theme_data.next.url | escape }}"><span>{{ ui.next | default: 'Next' | escape }}</span><strong>{{ page.website.theme_data.next.title | escape }}</strong></a>{% endif %}
+  </nav>
+{% endif %}

data/website/_includes/website/docs-tree.html

@@ -0,0 +1,8 @@
+<ul class="docs-tree__list">
+  {% for node in include.nodes %}
+    <li class="docs-tree__item">
+      {% if node.url %}<a href="{{ node.url | escape }}"{% if node.url == page.website.href %} aria-current="page"{% endif %}>{{ node.title | escape }}</a>{% else %}<span>{{ node.title | escape }}</span>{% endif %}
+      {% if node.children and node.children.size > 0 %}{% include website/docs-tree.html nodes=node.children %}{% endif %}
+    </li>
+  {% endfor %}
+</ul>

data/website/_includes/website/footer.html

@@ -0,0 +1,14 @@
+<footer class="site-footer">
+  {% assign ui = page.website.i18n.messages %}
+  <div class="site-footer__inner">
+    <span>{{ ui.built_by | default: 'Built by' | escape }}</span>
+    <a class="site-footer__github" href="https://github.com/wowfun/jekyll-obsidian" aria-label="{{ ui.project_on_github | default: 'Jekyll Obsidian on GitHub' | escape }}">
+      {% include website/github-icon.html %}
+      <span>Jekyll Obsidian</span>
+    </a>
+    <span aria-hidden="true">·</span>
+    <span>MIT License</span>
+    <span aria-hidden="true">·</span>
+    <time datetime="{{ site.time | date: "%Y" }}">{{ site.time | date: "%Y" }}</time>
+  </div>
+</footer>

data/website/_includes/website/github-icon.html

@@ -0,0 +1,3 @@
+<svg{% if include.class %} class="{{ include.class | escape }}"{% endif %} viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+  <path d="M8 0C3.58 0 0 3.64 0 8.13c0 3.59 2.29 6.64 5.47 7.72.4.08.55-.18.55-.39 0-.19-.01-.83-.01-1.51-2.01.38-2.53-.5-2.69-.96-.09-.23-.48-.96-.82-1.15-.28-.15-.68-.53-.01-.54.63-.01 1.08.59 1.23.83.72 1.23 1.87.88 2.33.67.07-.53.28-.88.51-1.08-1.78-.21-3.64-.9-3.64-4.01 0-.88.31-1.61.82-2.18-.08-.2-.36-1.04.08-2.15 0 0 .67-.22 2.2.83A7.4 7.4 0 0 1 8 3.94c.68 0 1.36.09 2 .27 1.53-1.05 2.2-.83 2.2-.83.44 1.11.16 1.95.08 2.15.51.57.82 1.3.82 2.18 0 3.12-1.87 3.8-3.65 4.01.29.25.54.74.54 1.5 0 1.08-.01 1.95-.01 2.22 0 .21.15.47.55.39A8.16 8.16 0 0 0 16 8.13C16 3.64 12.42 0 8 0Z"></path>
+</svg>

data/website/_includes/website/head.html

@@ -0,0 +1,41 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark">
+{% if page.website.comments.load %}
+  <meta http-equiv="Content-Security-Policy" data-page-csp content="default-src 'self'; base-uri 'self'; form-action 'self'; script-src 'self'{% for source in page.website.content_security.script_sources %} {{ source | escape }}{% endfor %} https://giscus.app; style-src 'self' 'unsafe-inline' https://giscus.app; img-src 'self' https:; media-src 'self'{% for source in page.website.content_security.media_sources %} {{ source | escape }}{% endfor %}; object-src 'self'; font-src 'self'; connect-src 'self'{% for source in page.website.content_security.connect_sources %} {{ source | escape }}{% endfor %}; frame-src 'self'{% for source in page.website.content_security.frame_sources %} {{ source | escape }}{% endfor %} https://giscus.app">
+{% else %}
+  <meta http-equiv="Content-Security-Policy" data-page-csp content="default-src 'self'; base-uri 'self'; form-action 'self'; script-src 'self'{% for source in page.website.content_security.script_sources %} {{ source | escape }}{% endfor %}; style-src 'self' 'unsafe-inline'; img-src 'self' https:; media-src 'self'{% for source in page.website.content_security.media_sources %} {{ source | escape }}{% endfor %}; object-src 'self'; font-src 'self'; connect-src 'self'{% for source in page.website.content_security.connect_sources %} {{ source | escape }}{% endfor %}; frame-src 'self'{% for source in page.website.content_security.frame_sources %} {{ source | escape }}{% endfor %}">
+{% endif %}
+{% if page.website.analytics.load %}<meta name="website:analytics" data-provider="{{ page.website.analytics.provider | escape }}" content="{{ page.website.analytics.identifier | escape }}">{% endif %}
+<title data-page-head>{% if page.title and page.title != site.title %}{{ page.title | escape }} · {% endif %}{{ site.title | escape }}</title>
+<meta name="description" content="{{ page.description | default: site.description | escape }}" data-page-head>
+{% assign canonical_url = page.website.canonical_url | default: page.website.absolute_url %}
+{% if canonical_url %}
+  <link rel="canonical" href="{{ canonical_url | escape }}" data-page-head>
+  <meta property="og:url" content="{{ page.website.absolute_url | escape }}" data-page-head>
+{% endif %}
+{% if page.website.robots %}<meta name="robots" content="{{ page.website.robots | escape }}" data-page-head>{% endif %}
+{% for alternate in page.website.alternates %}<link rel="alternate" hreflang="{{ alternate.hreflang | escape }}" href="{{ alternate.href | escape }}" data-page-head>{% endfor %}
+<meta property="og:title" content="{{ page.title | default: site.title | escape }}" data-page-head>
+<meta property="og:description" content="{{ page.description | default: site.description | escape }}" data-page-head>
+{% if page.image %}<meta property="og:image" content="{{ page.image | escape }}" data-page-head>{% endif %}
+<meta property="og:type" content="{% if page.website.content_type == 'post' %}article{% else %}website{% endif %}" data-page-head>
+{% if page.website.features.search %}<meta name="website:search" content="{% if page.website.resources.search %}{{ page.website.resources.search | escape }}{% else %}{{ '/assets/website/search.v1.json' | relative_url }}{% endif %}">{% endif %}
+{% if page.website.features.search and site.data.website_assets.features.search.worker %}{% assign search_worker = '/assets/website/' | append: site.data.website_assets.features.search.worker %}<meta name="website:search-worker" content="{{ search_worker | relative_url }}">{% endif %}
+{% if page.website.features.previews %}<meta name="website:catalog" content="{% if page.website.resources.catalog %}{{ page.website.resources.catalog | escape }}{% else %}{{ '/assets/website/catalog.v1.json' | relative_url }}{% endif %}"><meta name="website:preview" content="{% if page.website.resources.preview %}{{ page.website.resources.preview | escape }}{% else %}{{ '/assets/website/catalog.v1.json' | relative_url }}{% endif %}">{% endif %}
+{% if page.website.features.graph %}<meta name="website:graph" content="{% if page.website.resources.graph %}{{ page.website.resources.graph | escape }}{% else %}{{ '/assets/website/graph.v1.json' | relative_url }}{% endif %}">{% endif %}
+{% if page.website.features.feed and site.data.website_feed_available %}<link rel="alternate" type="application/atom+xml" title="{{ site.title | escape }} · {{ page.website.i18n.messages.feed | default: 'Feed' | escape }}" href="{% if page.website.resources.feed %}{{ page.website.resources.feed | escape }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}">{% endif %}
+{% if page.website.comments.load %}<meta name="giscus:backlink" content="{{ page.website.absolute_url | escape }}" data-page-head>{% endif %}
+{% assign website_entry = include.entry %}
+{% if website_entry.color_scheme %}
+  {% assign color_scheme_js = '/assets/website/' | append: website_entry.color_scheme %}
+  <script src="{{ color_scheme_js | relative_url }}"></script>
+{% endif %}
+{% if website_entry.css %}
+  {% assign website_css = '/assets/website/' | append: website_entry.css %}
+  <link rel="stylesheet" href="{{ website_css | relative_url }}">
+{% endif %}
+{% if website_entry.js %}
+  {% assign website_js = '/assets/website/' | append: website_entry.js %}
+  <script type="module" src="{{ website_js | relative_url }}"></script>
+{% endif %}

data/website/_includes/website/header.html

@@ -0,0 +1,35 @@
+<header class="site-header">
+  {% assign ui = page.website.i18n.messages %}
+  {% assign home_url = page.website.home_url | default: page.website.routes.home %}
+  {% unless home_url %}{% assign home_url = '/' | relative_url %}{% endunless %}
+  <div class="site-header__inner">
+    <a class="site-mark" href="{{ home_url | escape }}" aria-label="{{ site.title | escape }} — {{ ui.home | default: 'Home' | escape }}">
+      <span class="site-mark__glyph" aria-hidden="true">{% if include.theme == 'minimal' %}¶{% else %}⌁{% endif %}</span>
+      <span class="site-mark__name">{{ site.title | escape }}</span>
+    </a>
+
+    <nav class="site-navigation" aria-label="{{ ui.primary_navigation | default: 'Primary navigation' | escape }}" data-priority-navigation>
+      <ul class="site-navigation__list" data-priority-navigation-list>
+        {% for item in page.website.navigation %}
+          <li data-priority-navigation-item data-navigation-id="{{ item.id | escape }}"><a href="{{ item.url | escape }}"{% if item.id == page.website.active_navigation_id %} aria-current="page"{% endif %}>{{ item.label | escape }}</a></li>
+        {% endfor %}
+      </ul>
+      <details class="site-navigation__more" data-priority-navigation-more hidden>
+        <summary>{{ ui.more | default: 'More' | escape }}</summary>
+        <ul class="site-navigation__overflow" data-priority-navigation-overflow></ul>
+      </details>
+    </nav>
+
+    <div class="site-actions">
+      {% if page.website.features.search %}
+        <button class="site-action" type="button" data-search-open aria-label="{{ ui.search | default: 'Search' | escape }}">
+          <span class="site-action__label">{{ ui.search | default: 'Search' | escape }}</span><kbd class="site-action__shortcut" aria-hidden="true">⌘K</kbd>
+        </button>
+      {% endif %}
+      {% include website/language-switcher.html %}
+      <button class="site-action" type="button" data-color-scheme-toggle data-scheme-use-light="{{ ui.use_light_scheme | default: 'Use light color scheme' | escape }}" data-scheme-use-dark="{{ ui.use_dark_scheme | default: 'Use dark color scheme' | escape }}" data-scheme-light="{{ ui.light_scheme | default: 'Light' | escape }}" data-scheme-dark="{{ ui.dark_scheme | default: 'Dark' | escape }}" aria-label="{{ ui.toggle_scheme | default: 'Toggle color scheme' | escape }}">
+        <span data-color-scheme-label>{{ ui.scheme | default: 'Scheme' | escape }}</span>
+      </button>
+    </div>
+  </div>
+</header>

data/website/_includes/website/language-switcher.html

@@ -0,0 +1,16 @@
+{% if page.website.i18n.localizations and page.website.i18n.localizations.size > 1 %}
+  {% assign ui = page.website.i18n.messages %}
+  <details class="language-switcher" data-language-switcher>
+    <summary class="site-action" aria-label="{{ ui.language | default: 'Language' | escape }}: {{ page.website.i18n.name | escape }}">
+      <span>{{ page.website.i18n.name | escape }}</span>
+      <span aria-hidden="true">⌄</span>
+    </summary>
+    <nav class="language-switcher__panel" aria-label="{{ ui.language | default: 'Language' | escape }}">
+      <ul>
+        {% for localization in page.website.i18n.localizations %}
+          <li><a href="{{ localization.href | escape }}" lang="{{ localization.locale | escape }}" hreflang="{{ localization.hreflang | escape }}" dir="{{ localization.dir | escape }}"{% if localization.locale == page.website.i18n.locale %} aria-current="page"{% endif %}>{{ localization.name | escape }}{% if localization.fallback %}<span class="visually-hidden"> — {{ ui.translation_missing | default: 'Translation unavailable' | escape }}</span>{% endif %}</a></li>
+        {% endfor %}
+      </ul>
+    </nav>
+  </details>
+{% endif %}

data/website/_includes/website/local-graph.html

@@ -0,0 +1,25 @@
+{% assign ui = page.website.i18n.messages %}
+{% assign local_graph = page.website.local_graph %}
+<section class="local-graph" data-local-graph-section aria-labelledby="local-graph-title-{{ include.location }}">
+  <header class="local-graph__header">
+    <h2 class="relation-section__title" id="local-graph-title-{{ include.location }}">{{ ui.interactive_graph | default: 'Interactive graph' | escape }}</h2>
+    <div class="local-graph__actions">
+      <button type="button" data-graph-open="global" aria-label="{{ ui.open_full_graph | default: 'Open full graph' | escape }}" title="{{ ui.open_full_graph | default: 'Open full graph' | escape }}">
+        <svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="5" cy="5" r="2"></circle><circle cx="15" cy="4" r="2"></circle><circle cx="10" cy="15" r="2"></circle><path d="M6.8 5.2 13 4.4M6.1 6.7 9 13.2m4.8-7.4-2.7 7.4"></path></svg>
+      </button>
+      <button type="button" data-graph-open="local" aria-label="{{ ui.open_local_graph | default: 'Expand local graph' | escape }}" title="{{ ui.open_local_graph | default: 'Expand local graph' | escape }}">
+        <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M8 4H4v4m8-4h4v4M8 16H4v-4m8 4h4v-4M4.5 7.5 8 4m4 0 3.5 3.5M4.5 12.5 8 16m4 0 3.5-3.5"></path></svg>
+      </button>
+    </div>
+  </header>
+  <div class="graph-view graph-view--compact" data-graph-view data-graph-mode="compact" data-current-note-id="{{ local_graph.current_id | escape }}"{% if ui.graph_loading %} data-graph-loading="{{ ui.graph_loading | escape }}"{% endif %}{% if ui.graph_unavailable %} data-graph-unavailable="{{ ui.graph_unavailable | escape }}"{% endif %}{% if ui.graph_summary %} data-graph-summary="{{ ui.graph_summary | escape }}"{% endif %}{% if ui.graph_node_label %} data-graph-node-label="{{ ui.graph_node_label | escape }}"{% endif %}{% if ui.graph_title %} data-graph-title="{{ ui.graph_title | escape }}"{% endif %}{% if ui.graph_description %} data-graph-description="{{ ui.graph_description | escape }}"{% endif %}>
+    <p class="graph-status" data-graph-status aria-live="polite">{{ ui.graph_loading | default: 'Loading graph…' | escape }}</p>
+  </div>
+  <template data-local-graph-data>
+    {% for node in local_graph.nodes %}<i data-graph-node data-node-id="{{ node.id | escape }}" data-node-title="{{ node.title | escape }}" data-node-url="{{ node.url | escape }}" data-node-degree="{{ node.degree }}"></i>{% endfor %}
+    {% for edge in local_graph.edges %}<i data-graph-edge data-edge-source="{{ edge.source | escape }}" data-edge-target="{{ edge.target | escape }}" data-edge-kind="{{ edge.kind | escape }}" data-edge-count="{{ edge.count }}"></i>{% endfor %}
+  </template>
+  <div class="local-graph__fallback" data-graph-fallback>
+    <ul class="relation-list">{% for node in local_graph.nodes %}{% unless node.id == local_graph.current_id %}<li><a href="{{ node.url | escape }}">{{ node.title | escape }}</a></li>{% endunless %}{% endfor %}</ul>
+  </div>
+</section>

data/website/_includes/website/note-header.html

@@ -0,0 +1,35 @@
+{% assign show_note_header = false %}
+{% assign show_note_title = false %}
+{% unless page.website.has_h1 %}
+  {% unless page.website.directory_index %}{% assign show_note_title = true %}{% endunless %}
+{% endunless %}
+{% if page.website.kind == 'note' %}{% assign show_note_header = true %}{% endif %}
+{% if page.website.kind == 'home' and page.website.id %}
+  {% if show_note_title %}{% assign show_note_header = true %}{% endif %}
+  {% if page.website.subtitle %}{% assign show_note_header = true %}{% endif %}
+{% endif %}
+{% if show_note_header %}
+  {% assign ui = page.website.i18n.messages %}
+  <header class="note-header" lang="{{ page.website.i18n.content_lang | default: page.website.i18n.locale | default: site.lang | default: 'en' | escape }}" dir="{{ page.website.i18n.content_dir | default: page.website.i18n.dir | default: 'ltr' | escape }}">
+    {% if show_note_title %}<h1 class="note-title">{{ page.title | escape }}</h1>{% endif %}
+    {% if page.website.kind == 'note' and page.website.content_type == 'post' and page.website.authors.size > 0 %}<p class="note-byline">{{ ui.posted_by | default: 'Posted by' | escape }} {% for author in page.website.authors %}{% if author.url %}<a href="{{ author.url | escape }}">{{ author.name | escape }}</a>{% else %}{{ author.name | escape }}{% endif %}{% unless forloop.last %}, {% endunless %}{% endfor %}</p>{% endif %}
+    {% if page.website.subtitle %}<p class="note-subtitle">{{ page.website.subtitle | escape }}</p>{% elsif page.website.kind == 'note' and page.description %}<p class="note-description">{{ page.description | escape }}</p>{% endif %}
+    {% if page.website.theme == 'minimal' %}{% include website/portfolio-topics.html topics=page.website.theme_data.portfolio_topics url=page.website.routes.portfolio %}{% endif %}
+    {% if page.website.kind == 'note' %}
+      <div class="note-meta">
+        {% if page.website.content_type == 'post' and page.website.published_at %}<time datetime="{{ page.website.published_at | escape }}">{{ ui.published | default: 'Published' | escape }} {{ page.website.published_at | date: "%Y-%m-%d" }}</time>{% endif %}
+        {% if page.website.theme == 'minimal' and page.website.content_type == 'post' and page.website.features.tags and page.website.topic_links.size > 0 %}
+          {% assign blog_url = page.website.routes.blog %}{% unless blog_url %}{% assign blog_url = '/blog/' | relative_url %}{% endunless %}
+          <span class="note-meta__topics" aria-label="{{ ui.topics | default: 'Topics' | escape }}" lang="{{ page.website.i18n.locale | default: site.lang | default: 'en' | escape }}" dir="{{ page.website.i18n.dir | default: 'ltr' | escape }}">{% for topic in page.website.topic_links %}<a class="tag-chip" href="{{ blog_url | escape }}?topic={{ topic.anchor | url_encode }}" lang="{{ page.website.i18n.content_lang | default: page.website.i18n.locale | default: site.lang | default: 'en' | escape }}" dir="{{ page.website.i18n.content_dir | default: page.website.i18n.dir | default: 'ltr' | escape }}">{{ topic.name | escape }}</a>{% endfor %}</span>
+        {% endif %}
+        {% if page.website.updated %}<time datetime="{{ page.website.updated | escape }}">{{ ui.updated | default: 'Updated' | escape }} {{ page.website.updated | date: "%Y-%m-%d" }}</time>{% endif %}
+        {% if page.website.features.tags %}
+          {% unless page.website.theme == 'minimal' and page.website.content_type == 'post' %}
+            {% if page.website.theme == 'minimal' %}{% assign tags_url = page.website.routes.blog %}{% unless tags_url %}{% assign tags_url = '/blog/' | relative_url %}{% endunless %}{% else %}{% assign tags_url = page.website.routes.tags %}{% unless tags_url %}{% assign tags_url = '/tags/' | relative_url %}{% endunless %}{% endif %}
+            {% for tag in page.website.tag_links %}<a class="tag-chip" href="{{ tags_url | escape }}{% if page.website.theme == 'docs' %}#{{ tag.anchor | escape }}{% else %}?topic={{ tag.anchor | url_encode }}{% endif %}">{{ tag.name | escape }}</a>{% endfor %}
+          {% endunless %}
+        {% endif %}
+      </div>
+    {% endif %}
+  </header>
+{% endif %}