databook-theme 0.1.1

data/_includes/extensions/toc.liquid

@@ -0,0 +1,182 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Copyright (c) 2017 Vladimir "allejo" Jimenez
+
+        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.
+    {% endcomment %}
+    {% comment %}
+        Version 1.1.0
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize      (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class         (string) :   ''   - a CSS class assigned to the TOC
+            * id            (string) :   ''   - an ID to assigned to the TOC
+            * h_min         (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max         (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered       (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class    (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * submenu_class (string) :   ''   - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
+            * base_url      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class  (string) :   ''   - add custom class(es) for each anchor element
+            * skip_no_ids   (bool)   : false  - skip headers that do not have an `id` attribute
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture newline %}
+    {% endcapture %}
+    {% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
+
+    {% capture deprecation_warnings %}{% endcapture %}
+
+    {% if include.baseurl %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% if include.skipNoIDs %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% capture jekyll_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
+    {% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | strip | split: '<h' %}
+
+    {% assign firstHeader = true %}
+    {% assign currLevel = 0 %}
+    {% assign lastLevel = 0 %}
+
+    {% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if currLevel < minHeader or currLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign htmlID = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign htmlClass = _classWorkspace[0] %}
+
+        {% if htmlClass contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign minHeader = currLevel %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.submenu_class and include.submenu_class != blank %}
+            {% assign subMenuLevel = currLevel | minus: 1 %}
+            {% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+
+        {% if htmlID %}
+            {% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
+
+            {% if include.anchor_class %}
+                {% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
+            {% endif %}
+
+            {% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
+        {% elsif skipNoIDs == true %}
+            {% continue %}
+        {% else %}
+            {% capture listItem %}{{ anchorBody }}{% endcapture %}
+        {% endif %}
+
+        {% if currLevel > lastLevel %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
+        {% elsif currLevel < lastLevel %}
+            {% assign repeatCount = lastLevel | minus: currLevel %}
+
+            {% for i in (1..repeatCount) %}
+                {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+            {% endfor %}
+
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% else %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% endif %}
+
+        {% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
+
+        {% assign lastLevel = currLevel %}
+        {% assign firstHeader = false %}
+    {% endfor %}
+
+    {% assign repeatCount = minHeader | minus: 1 %}
+    {% assign repeatCount = lastLevel | minus: repeatCount %}
+    {% for i in (1..repeatCount) %}
+        {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+    {% endfor %}
+
+    {% if jekyll_toc != '' %}
+        {% assign rootAttributes = '' %}
+        {% if include.class and include.class != blank %}
+            {% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.id and include.id != blank %}
+            {% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
+        {% endif %}
+
+        {% if rootAttributes %}
+            {% assign nodes = jekyll_toc | split: '>' %}
+            {% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
+        {% endif %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc }}

data/_includes/functions/get_config.liquid

@@ -0,0 +1,11 @@
+{%- assign return = include.default -%}
+
+{%- assign key = include.key -%}
+
+{%- if page[key] != nil -%}
+  {%- assign return = page[key] -%}
+{%- elsif layout[key] != nil -%}
+  {%- assign return = layout[key] -%}
+{%- elsif site[key] != nil -%}
+  {%- assign return = site[key] -%}
+{%- endif -%}

data/_includes/functions/get_config_data.liquid

@@ -0,0 +1,23 @@
+{%- assign return = nil -%}
+{%- assign key = include.key -%}
+{%- assign key_id = key | append: "_id" -%}
+
+{%- if page[key].first -%}
+  {%- assign return = page[key] -%}
+{%- elsif page[key] == false -%}
+{%- elsif page[key_id] != nil -%}
+  {%- assign id = page[key_id] -%}
+  {%- assign return = site.data[id] -%}
+{%- elsif layout[key].first -%}
+  {%- assign return = layout[key] -%}
+{%- elsif layout[key] == false -%}
+{%- elsif layout[key_id] != nil -%}
+  {%- assign id = layout[key_id] -%}
+  {%- assign return = site.data[id] -%}
+{%- elsif site[key].first -%}
+  {%- assign return = site.sidebar -%}
+{%- elsif site[key] == false -%}
+{%- elsif site[key_id] != nil -%}
+  {%- assign id = site[key_id] -%}
+  {%- assign return = site.data[id] -%}
+{%- endif -%}

data/_includes/functions/get_icon.liquid

@@ -0,0 +1,5 @@
+{%- if include.icon contains "<" -%}
+  {{- include.icon | markdownify -}}
+{%- else -%}
+  <i class="{{- include.icon -}}"></i>
+{%- endif -%}

data/_includes/functions/get_page_meta.liquid

@@ -0,0 +1,60 @@
+{%- assign pageitem = include.page | default: page -%}
+
+{%- if pageitem.date -%}
+  {%- assign year1 = site.time | date: "%Y" -%}
+  {%- assign year2 = pageitem.date | date: "%Y" -%}
+  {%- if year1 == year2 or include.short_date -%}
+    {%- capture date_format -%}{%- include localize key="date_format_short" default="%b %d %H:%M" -%}{%- endcapture -%}
+  {%- else -%}
+    {%- capture date_format -%}{%- include localize key="date_format_long" default="%b %d, %Y %H:%M" -%}{%- endcapture -%}
+  {%- endif -%}
+{%- endif -%}
+
+<div class="c-meta">
+  {%- if pageitem.date -%}
+    <time class="c-meta__item c-meta__item--time" datetime="{{- pageitem.date | date_to_xmlschema -}}">
+      {{- pageitem.date | date: date_format -}}
+    </time>
+  {%- endif -%}
+
+  {%- if include.authors and pageitem.author -%}
+    <span class="c-meta__item c-meta__item--author">{{- pageitem.author -}}</span>
+  {%- endif -%}
+
+  {%- if include.categories and pageitem.categories and pageitem.categories.size > 0 -%}
+    <span class="c-meta__item c-meta__item--categories">
+    {%- for category in pageitem.categories -%}
+      <a href="{%- include functions/get_taxonomy_link.liquid category=category -%}">{{- category -}}</a>
+    {%- endfor -%}
+    </span>
+  {%- endif -%}
+
+  {%- if include.tags and pageitem.tags and pageitem.tags.size > 0 -%}
+    <span class="c-meta__item c-meta__item--tags">
+    {%- for tag in pageitem.tags -%}
+      <a href="{%- include functions/get_taxonomy_link.liquid tag=tag -%}">{{- tag -}}</a>
+    {%- endfor -%}
+    </span>
+  {%- endif -%}
+
+  {%- if include.details -%}
+    {%- if site.source_link and site.github -%}
+      <span class="c-meta__item c-meta__item--source">
+        <a href="{{- site.github.repository_url -}}/blob/{{- site.github.source.branch -}}/{{- pageitem.path -}}" target="_blank">Source</a>
+      </span>
+    {%- endif -%}
+
+    {%- if pageitem.sticky -%}
+      <span class="c-meta__item c-meta__item--sticky">
+        {%- include localize key="tag_sticky" default="Sticky" -%}
+      </span>
+    {%- endif -%}
+
+    {%- if pageitem.featured -%}
+      <span class="c-meta__item c-meta__item--featured">
+        {%- include localize key="tag_featured" default="Featured" -%}
+      </span>
+    {%- endif -%}
+  {%- endif -%}
+
+</div>

data/_includes/functions/get_page_thumbnail.liquid

@@ -0,0 +1,23 @@
+{%- assign pageitem = include.page | default: page -%}
+{%- assign thumbnail_src = pageitem.thumbnail -%}
+
+{%- if thumbnail_src == nil and include.autodetect -%}
+  {%- assign html = include.html -%}
+  {%- unless html -%}
+    {%- assign html = pageitem.content | markdownify -%}
+  {%- endunless -%}
+
+  {%- assign slices = html | split:"<img " -%}
+  {%- if slices.size > 1 -%}
+    {%- assign attrs = slices[1] | split: ">" | first | replace: "'", '"' -%}
+    {%- assign slices = attrs | split: 'src="' -%}
+    {%- assign thumbnail_src = slices[1] | split: '"' | first -%}
+  {%- endif -%}
+
+  {%- if thumbnail_src.size == 0 and site.thumbnail_placeholder -%}
+    {%- assign thumbnail_src = site.thumbnail_placeholder -%}
+  {%- endif -%}
+  
+{%- endif -%}
+
+{{- thumbnail_src -}}

data/_includes/functions/get_page_title.liquid

@@ -0,0 +1,7 @@
+{%- assign pageitem = include.page | default: page -%}
+
+{%- if pageitem.title_key -%}
+  {%- include localize key=pageitem.title_key default=pageitem.title -%}
+{%- else -%}
+  {{- pageitem.title -}}
+{%- endif -%}

data/_includes/functions/get_recent_posts.liquid

@@ -0,0 +1,17 @@
+{%- assign posts = site.posts | sort: "date" -%}
+
+{%- if include.sticky -%}
+  {%- assign sticky_posts = posts | where_exp: "item", "item.sticky == true" -%}
+  {%- assign normal_posts = posts | where_exp: "item", "item.sticky != true" -%}
+  {%- assign posts = sticky_posts | concat: normal_posts -%}
+{%- elsif include.featured -%}
+  {%- assign featured_posts = posts | where_exp: "item", "item.featured == true" -%}
+  {%- assign normal_posts = posts | where_exp: "item", "item.featured != true" -%}
+  {%- assign posts = featured_posts | concat: normal_posts -%}
+{%- endif -%}
+
+{%- if include.count -%}
+  {%- assign posts = posts | slice: 0, include.count -%}
+{%- endif -%}
+
+{%- assign return = posts -%}

data/_includes/functions/get_taxonomy_link.liquid

@@ -0,0 +1,9 @@
+{%- if include.tag -%}
+  /tags/#!/{{- include.tag | url_encode -}}
+{%- elsif include.category -%}
+  /categories/#!/{{- include.category | url_encode -}}
+{%- elsif include.archive -%}
+  /archive/#!/{{- include.archive | url_encode -}}
+{%- elsif include.author -%}
+  /authors/#!/{{- include.author | url_encode -}}
+{%- endif -%}

data/_includes/head/head.liquid

@@ -0,0 +1,12 @@
+  <head>
+    {% include head/meta.liquid %}
+    {% include head/opengraph.liquid %}
+    {% include head/requirements.liquid %}
+    {% include head/styles.liquid %}
+
+    {%- if jekyll.environment == "production" -%}
+      {%- include components/analytics.liquid -%}
+    {%- endif %}
+
+    {% include custom/head.liquid %}
+  </head>

data/_includes/head/meta.liquid

@@ -0,0 +1,41 @@
+{%- assign robots = "index,follow" -%}
+{%- if site.disallow_robots -%}
+  {%- assign robots = "noindex,nofollow" -%}
+{%- endif -%}
+
+{%- assign title_separator = site.title_separator | default: "-" -%}
+{%- capture page_title -%}{%- include functions/get_page_title.liquid -%}{%- endcapture -%}
+{%- assign html_title = page_title -%}
+{%- if page.title -%}
+  {%- assign html_title = html_title | append: " " | append: title_separator | append: " " -%}
+{%- endif -%}
+{%- assign html_title = html_title | append: site.title -%}
+
+
+    <meta charset="{{- site.encoding | default: 'utf-8' -}}">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="{{- robots -}}">
+    {%- if site.keywords -%}<meta name="keywords" content="{{- site.keywords -}}">{%- endif -%}
+    {%- if site.baseurl -%}<base href="{{- site.baseurl -}}">{%- endif -%}
+    <link rel="icon" type="image/x-icon" href="{{- site.favicon | default:'/assets/favicon.ico' -}}">
+
+    <title>{{- html_title -}}</title>
+    
+    <script type="text/javascript" >
+      window.databookConfig = {
+        siteTitle: "{{- site.title -}}",
+        siteBaseurl: "{{- site.baseurl -}}",
+        siteUrl: "{{- site.url -}}",
+        titleSeparater: "{{- site.title_separator -}}",
+        generatedDate: "{{- site.time | date_to_xmlschema -}}",
+        pageTitle: "{{- page_title -}}",
+        pageLayout: "{{- page.layout -}}",
+        {%- if page.scrollspy or layout.scrollspy or site.scrollspy -%}scrollspy: true,{%- endif -%}
+        {%- if page.chartjs or layout.chartjs or site.chartjs -%}chartjs: true,{%- endif -%}
+        {%- if page.mathjax or layout.mathjax or site.mathjax -%}mathjax: true,{%- endif -%}
+        {%- if page.mermaid or layout.mermaid or site.mermaid -%}mermaid: true,{%- endif -%}
+        {% if jekyll.environment == "development" %}debug: true,{% endif %}
+      };
+      document.querySelector('.js-disabled').classList.remove('js-disabled');
+    </script>

data/_includes/head/opengraph.liquid

@@ -0,0 +1 @@
+{%- comment -%}todo{%- endcomment -%}

data/_includes/head/requirements.liquid

@@ -0,0 +1,87 @@
+{%- assign npm_cdn_key = ":npm_cdn/" -%}
+{%- assign npm_cdn = site.npm_cdn | default: "https://cdn.jsdelivr.net/npm/"-%}
+{%- assign last_char = npm_cdn | split: "" | last -%}
+{%- if last_char != "/" -%}{%- assign npc_cdn = npm_cdn | append: "/" -%}{%- endif -%}
+
+{%- assign github_cdn_key = ":github_cdn/" -%}
+{%- assign github_cdn = site.github_cdn | default: "https://cdn.jsdelivr.net/gh/" -%}
+{%- assign last_char = github_cdn | split: "" | last -%}
+{%- if last_char != "/" -%}{%- assign github_cdn = github_cdn | append: "/" -%}{%- endif -%}
+
+{%- assign js_list = "" | split: "" -%}
+{%- assign mjs_list = "" | split: "" -%}
+{%- assign css_list = "" | split: "" -%}
+
+{%- assign js_list = js_list
+  | push: "/assets/databook/js/databook.js"
+  -%}
+
+{%- assign mjs_list = mjs_list
+  -%}
+
+{%- assign css_list = css_list
+  | push: "/assets/databook/css/databook.css"
+  | push: ":npm_cdn/@fortawesome/fontawesome-free/css/all.min.css"
+  -%}
+
+{%- if page.chartjs or layout.chartjs or site.chartjs -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/chart.js/dist/chart.min.js" -%}
+{%- endif -%}
+
+{%- if page.flowchart or layout.flowchart or site.flowchart -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/raphael@2.3.0/raphael.min.js" -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/flowchart.js@1.8.0/release/flowchart.min.js" -%}
+{%- endif -%}
+
+{%- if page.katex or layout.katex or site.katex -%}
+  {%- assign css_list = css_list | push: ":npm_cdn/katex/dist/katex.min.css" -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/katex/dist/katex.min.js" -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/katex/dist/contrib/auto-render.min.js" -%}
+  {%- include custom/katex.liquid -%}
+{%- endif -%}
+
+{%- if page.mathjax or layout.mathjax or site.mathjax -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/mathjax/es5/tex-mml-chtml.js" -%}
+  {%- include custom/mathjax.liquid -%}
+{%- endif -%}
+
+{%- if page.mermaid or layout.mermaid or site.mermaid -%}
+  {%- assign js_list = js_list | push: ":npm_cdn/mermaid/dist/mermaid.min.js" -%}
+{%- endif -%}
+
+{%- if site.data.requirements.js -%}{%- assign js_list = js_list | concat: site.data.requirements.js -%}{%- endif -%}
+{%- if site.data.requirements.modules -%}{%- assign mjs_list = mjs_list | concat: site.data.requirements.modules -%}{%- endif -%}
+{%- if site.data.requirements.css -%}{%- assign css_list = css_list | concat: site.data.requirements.css -%}{%- endif -%}
+
+{%- if site.requirements.js -%}{%- assign js_list = js_list | concat: site.requirements.js -%}{%- endif -%}
+{%- if site.requirements.modules -%}{%- assign mjs_list = mjs_list | concat: site.requirements.modules -%}{%- endif -%}
+{%- if site.requirements.css -%}{%- assign css_list = css_list | concat: site.requirements.css -%}{%- endif -%}
+
+{%- if layout.requirements.js -%}{%- assign js_list = js_list | concat: layout.requirements.js -%}{%- endif -%}
+{%- if layout.requirements.modules -%}{%- assign mjs_list = mjs_list | concat: layout.requirements.modules -%}{%- endif -%}
+{%- if layout.requirements.css -%}{%- assign css_list = css_list | concat: layout.requirements.css -%}{%- endif -%}
+
+{%- if page.requirements.js -%}{%- assign js_list = js_list | concat: page.requirements.js -%}{%- endif -%}
+{%- if page.requirements.modules -%}{%- assign mjs_list = mjs_list | concat: page.requirements.modules -%}{%- endif -%}
+{%- if page.requirements.css -%}{%- assign css_list = css_list | concat: page.requirements.css -%}{%- endif -%}
+
+{%- if page.js -%}{%- assign js_list = js_list | concat: page.js -%}{%- endif -%}
+{%- if page.modules -%}{%- assign mjs_list = mjs_list | concat: page.modules -%}{%- endif -%}
+{%- if page.css -%}{%- assign css_list = css_list | concat: page.css -%}{%- endif -%}
+
+{%- assign js_list = js_list | uniq -%}
+{%- assign mjs_list = mjs_list | uniq -%}
+{%- assign css_list = css_list | uniq -%}
+
+
+{%- for url in css_list -%}
+  <link href="{{- url | replace: npm_cdn_key, npm_cdn | replace: github_cdn_key, github_cdn | relative_url -}}" type="text/css" rel="stylesheet">
+{%- endfor -%}
+
+{%- for url in js_list -%}
+  <script src="{{- url | replace: npm_cdn_key, npm_cdn | replace: github_cdn_key, github_cdn | relative_url -}}" type="text/javascript" defer></script>
+{%- endfor -%}
+
+{%- for url in mjs_list -%}
+  <script src="{{- url | replace: npm_cdn_key, npm_cdn | replace: github_cdn_key, github_cdn | relative_url -}}" type="module" ></script>
+{%- endfor -%}

data/_includes/head/styles.liquid

@@ -0,0 +1,10 @@
+{%- assign accent_color_hue = page.accent_color_hue | default: layout.accent_color_hue | default: site.accent_color_hue | default: false -%}
+{%- assign accent_color_saturation = page.accent_color_saturation | default: layout.accent_color_saturation | default: site.accent_color_saturation | default: false -%}
+{%- if accent_color_hue or accent_color_saturation -%}
+  <style>
+    :root[data-accent-color="custom"] {
+      --db-accent-color-h: {{accent_color_hue|default:"220"}};
+      --db-accent-color-s: {{accent_color_saturation|default:"50%"}};
+    }
+  </style>
+{%- endif -%}

data/_includes/js/codes.js

@@ -0,0 +1,116 @@
+{
+  function init() {
+    let items = [...document.querySelectorAll('pre')]
+      .filter(pre => {
+        return pre.childElementCount == 1
+          && pre.children[0].tagName == 'CODE'
+          && pre.children[0].childElementCount == 0;
+      })
+      .map((pre, index) => {
+        let name = pre.children[0].className.replace('language-', '');
+        let text = pre.children[0].textContent;
+        let newNode = document.createElement('div');
+        newNode.className = `js-code js-code--${name}`;
+        newNode.setAttribute('style', pre.getAttribute('style') || "");
+        pre.after(newNode);
+        return {
+          node: pre,
+          name,
+          text,
+          output: newNode,
+          id: `js-pre${index}`,
+        }
+      });
+
+    items.forEach(render);
+
+    if (items.some(x => x.success && x.name == 'mathjax')) {
+      MathJax.startup.document.clear();
+      MathJax.startup.document.updateDocument();
+    }
+  }
+
+  function render(item) {
+    if (item.name == 'chart' && typeof Chart !== 'undefined') {
+      renderChart(item);
+    } else if (item.name == 'flowchart' && typeof flowchart !== 'undefined') {
+      renderFlowchart(item);
+    } else if ((item.name == 'katex' || item.name == 'math') && typeof katex !== 'undefined') {
+      renderKatex(item);
+    } else if ((item.name == 'mathjax' || item.name == 'math') && typeof MathJax !== 'undefined') {
+      renderMathjax(item);
+    } else if (item.name == 'mermaid' && typeof mermaid !== 'undefined') {
+      renderMermaid(item);
+    }
+
+    if (item.error) {
+      item.output.innerHTML = `<p style="color:red;">Error: ${item.error}</p>`;
+    } else if (item.success) {
+      item.node.style.display = 'none';
+    }
+  }
+
+
+  function renderChart(item) {
+    let json;
+    try {
+      json = JSON.parse(item.text);
+    } catch (error) {
+      item.error = 'Invalid JSON syntax.';
+      return;
+    }
+
+    let canvas = document.createElement('canvas');
+    item.output.append(canvas);
+    try {
+      new Chart(canvas, json);
+      item.success = true;
+    } catch (error) {
+      item.error = 'Invalid Chart syntax.';
+      console.error(error);
+    }
+  }
+
+  function renderFlowchart(item) {
+    try {
+      let diagram = flowchart.parse(item.text);
+      diagram.drawSVG(item.output);
+      item.success = true;
+    } catch (error) {
+      item.error = 'Invalid flowchart syntax.';
+      console.error(error);
+    }
+  }
+
+  function renderKatex(item) {
+    try {
+      katex.render(item.text, item.output, { displayMode: true });
+      item.success = true;
+    } catch (error) {
+      item.error = 'Invalid Katex syntax.';
+      console.error(error);
+    }
+  }
+
+  function renderMathjax(item) {
+    try {
+      item.output.append(MathJax.tex2chtml(item.text));
+      item.success = true;
+    } catch (error) {
+      item.error = 'Invalid Mathjax syntax.';
+      console.error(error);
+    }
+  }
+
+  function renderMermaid(item) {
+    try {
+      item.output.innerHTML = mermaid.render(item.id, item.text);
+      item.success = true;
+    } catch (error) {
+      item.error = 'Invalid mermaid syntax.';
+      console.error(error);
+    }
+  }
+
+  window.addEventListener('load', init);
+}

data/_includes/js/scrollspy.js

@@ -0,0 +1,16 @@
+{
+  if (!!window.databookConfig?.scrollspy) {
+    window.addEventListener('load', () => {
+      let links = Array.from(document.querySelectorAll('.c-toc__link'));
+      let headers = links.map(x => decodeURI(x.href).split('#', 2)[1]).map(x => document.getElementById(x));
+      if (links.length <= 1) return;
+      window.onscroll = () => {
+        let scrollPosition = document.documentElement.scrollTop;
+        let offsets = headers.map(x => x.offsetTop);
+        offsets = offsets.map((x, i) => x - (x - ((i == 0) ? 0 : offsets[i - 1])) * .33);
+        let target = offsets.findIndex(x => x > scrollPosition);
+        links.forEach((link, i) => link.classList.toggle('is-active', i == target - 1));
+      };
+    });
+  }
+}