moonwalk-tokyonight 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 9cc4f6fde8045b14b6f42bfab068c004094cd0fc29a979e91c7aaac6814bf1b1
+  data.tar.gz: eca404908f4ada4c60bb859fc77f26b14a749176208780335d0f7c9ec09a9a98
+SHA512:
+  metadata.gz: 672efbb10e5de655e1d4325e202689da8d3451849241d59724fd94a9cdf7c8535b4076892ed58db93977777e608c89a21875628b74e254b4567bd34a62c9789a
+  data.tar.gz: 566315d860f54ca23f7698aac759bbf05189d98ac0982ad4a7518de21194339114d2196d321780c8af2a54f33a228ed4a234d6e11a63ce1a9ad51293f8b8f85e

data/404.html

@@ -0,0 +1,38 @@
+---
+layout: default
+title: Page not found
+permalink: /404.html
+---
+
+<div class="not-found">
+  <div class="not-found-code">404</div>
+  <h1 class="not-found-title">You took a wrong turn.</h1>
+  <p class="not-found-lede">
+    The page you were looking for is not here. Maybe it moved, maybe it never existed,
+    maybe the moon ate it.
+  </p>
+
+  <div class="not-found-actions">
+    <a href="{{ "/" | relative_url }}" class="not-found-cta">← Head back home</a>
+    {% if site.posts.size > 0 %}
+      {% assign random_post = site.posts | sample %}
+      <a href="{{ random_post.url | relative_url }}" class="not-found-cta not-found-cta-secondary">
+        Read something random →
+      </a>
+    {% endif %}
+  </div>
+
+  {% if site.posts.size > 0 %}
+    <div class="not-found-recent">
+      <h3>Or pick one of these:</h3>
+      <ul>
+        {% for post in site.posts limit:5 %}
+          <li class="post-list-item">
+            <span class="home-date">{{ post.date | date: site.theme_config.date_format }}&raquo;</span>
+            <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+          </li>
+        {% endfor %}
+      </ul>
+    </div>
+  {% endif %}
+</div>

data/LICENSE

@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) 2026 Santiago Zarate
+
+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.
+
+PS: This is based on the work by Abhinav Saxena

data/README.md

@@ -0,0 +1,60 @@
+# Moonwalk Tokyo Night
+
+A minimal Jekyll theme based on moonwalk by @abhinavs compatible with `jekyll-remote-theme` using [Tokyo Night](https://tokyonight.org/) as a color palette (specifically `moon` variant).
+
+## Install
+
+### Using with GitHub Pages via `jekyll-remote-theme` plugin:
+
+If your site uses the `github-pages` gem or you publish via GitHub Pages, it should be enough to have this
+in your site’s `_config.yml`:
+
+```yml
+remote_theme: foursixnine/moonwalk-tokyonight
+plugins:
+  - jekyll-remote-theme
+  - jekyll-feed
+  - jekyll-sitemap
+  - jekyll-seo-tag
+```
+
+### Might not be needed (ymmv, but I haven't yested yet)
+
+In your site’s `Gemfile`, keep `github-pages` and add `jekyll-remote-theme` if needed:
+
+```ruby
+source "https://rubygems.org"
+
+gem "github-pages", "~> 232", group: :jekyll_plugins
+gem "jekyll-remote-theme", group: :jekyll_plugins
+```
+
+
+Optional theme settings:
+
+```yml
+theme_config:
+  appearance: dark   # light, dark, auto
+  appearance_toggle: true
+  palette: moon      # current Tokyo Night palette
+```
+
+## Notes
+
+- This theme is based on the original [Moonwalk](https://github.com/abhinavs/moonwalk) theme by Abhinav Saxena.
+- This adaptation is published as `moonwalk-tokyonight`.
+- Attribution to the original author is preserved in the codebase and this README.
+- This update was assisted by GPT-5.4 via Zed’s coding agent tooling.
+
+## Development
+
+### Theme repository
+
+Use the included `Gemfile` for local development, `local-dev-environment.sh` has some other environment variables that
+might help with development of the theme.
+
+```sh
+bin/bootstrap
+bin/start
+```
+

data/_config.yml

@@ -0,0 +1,49 @@
+title: Moonwalk Tokyo Night
+description: >
+  A Tokyo Night-flavoured Jekyll theme designed for remote-theme use.
+
+permalink: /:slug
+
+twitter:
+  card: summary_large_image
+
+theme_config:
+  appearance: "dark" # can be "light", "dark" or "auto"
+  palette: "moon" # currently supported: moon, groundwork added for day/full Tokyo Night support
+  appearance_toggle: true # if appearance can be switched by user
+  date_format: "%Y-%m-%d" # customize how date is formatted
+  show_description: true # show blog description
+  show_navbar: true # show horizontal navbar
+  show_footer: true # show footer links in home page,add in _data/home.yml
+  show_copyright: true # show copyright notice in footer
+  # following keys are using to create home layout
+  show_projects: false # show projects as cards, add in _data/home.yml
+  show_blog: true # show blog posts added in _posts
+  show_old_projects: false # show old projects as cards, add in _data/home.yml
+  show_misc_list: false # show generic vertical list for misc details, add _data/home.yml
+  show_reading_time: true # show number of words and reading time in the blog posts
+  show_tags: true # show tags in a blog posts
+  show_code_copy: true # show copy button on code blocks
+  show_progress_bar: true # show reading progress bar on posts
+  show_back_to_top: true # show back-to-top button
+  show_post_nav: true # show prev/next links on posts
+  show_toc: true # allow per-post table of contents via toc: true front matter
+  show_footnote_tooltips: true # show footnote text on hover instead of scrolling to bottom
+  show_link_previews: true # show preview cards when hovering internal post links
+  # options for "home" page
+  home:
+    title_projects: Portfolio
+    title_misc_list: Details
+    title_blog: Blog
+    title_old_projects: Old Projects
+
+highlighter: rouge
+
+sass:
+  style: compressed
+
+plugins:
+  - jekyll-feed
+  - jekyll-sitemap
+  - jekyll-seo-tag
+

data/_data/home.yml

@@ -0,0 +1,104 @@
+navbar_entries:
+  - title: about
+    url: about
+
+  - title: blog
+    url: blog
+
+  - title: website
+    url: https://www.abhinav.co
+
+project_entries:
+  - title: Project 1
+    url: overview-post
+    desc: This is an example project, configured in _data/home.yml
+
+  - title: Project 2
+    url: overview-post
+    desc: Projects are shown in card layout
+
+  - title: Project 3
+    url: overview-post
+    desc: You can control visibility from _config.yml file
+
+  - title: Project 4
+    url: overview-post
+    desc: This project uses highlight markup, configured in _data/home.yml
+    highlight: WIP
+
+  - title: Project 5
+    url: overview-post
+    desc: Tokyo Night also has horizontal list support for header and footer
+    highlight: WIP
+
+  - title: Project 6
+    url: overview-post
+    desc: It also has a scalable vertical list (in case you need it)
+
+old_project_entries:
+  - title: Soopr
+    url: https://www.soopr.co
+    desc: Delight your readers - add beautiful share and like buttons easily to your websites 
+    highlight: NEW
+
+  - title: Cookie
+    url: https://github.com/abhinavs/cookie
+    desc: An open source landing website with supporting pages and integrated blog
+
+  - title: Moonwalk Tokyo Night
+    url: https://github.com/foursixnine/moonwalk-tokyonight
+    desc: A Tokyo Night-flavoured Moonwalk fork for remote-theme use
+
+  - title: Humangous
+    url: https://www.humangous.co
+    desc: The better people know you, the better they collaborate
+
+footer_entries:
+  - title: abhinav's homepage
+    url: https://www.abhinav.co
+
+  - title: twitter
+    url: https://twitter.com/abhinav
+
+  - title: github
+    url: https://github.com/abhinavs
+
+  - title: feed
+    url: feed.xml
+
+  - title: llms.txt
+    url: llms.txt
+
+misc_entries:
+  - title: this is an example vertical list
+    url: false
+
+  - title: you can show or hide using a boolean flag in _config.yml
+    url: false
+
+  - title: and you can add data in _data/home.yml
+    url: false
+
+  - title: Blog posts
+    post_list: true
+    url: false
+
+  - title: tokyo night on the Internet
+    url: false
+    entries:
+      - title: on Github
+        url: https://github.com/abhinavs/moonwalk
+
+      - title: originally built for abhinav's homepage
+        url: https://www.abhinav.co
+
+      - title: this list is scalable and can be nested
+        url: false
+        entries:
+          - title: this is nested inside a nested list
+            url: false
+
+          - title: it is easy to use, see _data/home.yml to see how to configure it.
+            url: false
+
+

data/_includes/back_to_top.html

@@ -0,0 +1,53 @@
+<button class="back-to-top" aria-label="Back to top" onclick="window.scrollTo({top:0,behavior:'smooth'})">
+  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="18 15 12 9 6 15"></polyline>
+  </svg>
+</button>
+<style>
+  .back-to-top {
+    position: fixed;
+    bottom: 2em;
+    right: 2em;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    border: 1px solid var(--border);
+    background: var(--bg-secondary);
+    color: var(--text);
+    cursor: pointer;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 50;
+  }
+  .back-to-top.visible {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .back-to-top:hover {
+    color: var(--links);
+  }
+  @media screen and (max-width: 600px) {
+    .back-to-top {
+      bottom: 1em;
+      right: 1em;
+      width: 36px;
+      height: 36px;
+    }
+  }
+</style>
+<script>
+(function() {
+  var btn = document.querySelector('.back-to-top');
+  window.addEventListener('scroll', function() {
+    if (window.scrollY > 400) {
+      btn.classList.add('visible');
+    } else {
+      btn.classList.remove('visible');
+    }
+  });
+})();
+</script>

data/_includes/card_list.html

@@ -0,0 +1,26 @@
+<ul class="horizontal-list">
+  {% for item in include.collection %}
+
+    <li class="card">
+      <a href="{{ item.url }}">
+        <span class="header">
+          {{ item.title }}
+
+          {% if item.highlight %}
+            <mark>{{ item.highlight }}</mark>
+          {% endif %}
+
+        </span>
+
+        <hr />
+
+        {% if item.desc != false %}
+        <p class="body">
+          {{ item.desc }}
+        </p>
+        {% endif %}
+      </a>
+    </li>
+
+  {% endfor %}
+</ul>

data/_includes/code_copy.html

@@ -0,0 +1,31 @@
+<script>
+(function() {
+  document.querySelectorAll('div.highlighter-rouge').forEach(function(block) {
+    block.style.position = 'relative';
+
+    // Language label derived from rouge's language-* class
+    var langClass = Array.from(block.classList).find(function(c) {
+      return c.indexOf('language-') === 0 && c !== 'language-plaintext';
+    });
+    if (langClass) {
+      var label = document.createElement('span');
+      label.className = 'code-lang';
+      label.textContent = langClass.replace('language-', '');
+      block.appendChild(label);
+    }
+
+    var btn = document.createElement('button');
+    btn.className = 'code-copy';
+    btn.setAttribute('aria-label', 'Copy code to clipboard');
+    btn.textContent = 'copy';
+    btn.addEventListener('click', function() {
+      var code = block.querySelector('code');
+      navigator.clipboard.writeText(code.innerText).then(function() {
+        btn.textContent = 'copied!';
+        setTimeout(function() { btn.textContent = 'copy'; }, 2000);
+      });
+    });
+    block.appendChild(btn);
+  });
+})();
+</script>

data/_includes/custom_head.html

@@ -0,0 +1,3 @@
+{% comment %}
+  Placeholder to allow defining custom head. You can put favicons and other custom header fields here
+{% endcomment %}

data/_includes/date_and_social_share.html

@@ -0,0 +1,32 @@
+<div class="post-meta">
+  <div class="post-meta-line">
+    {% if page.author %}
+      <span class="post-meta-author">{{ page.author }}</span>
+      <span class="post-meta-sep">·</span>
+    {% endif %}
+    {% if page.date %}
+      <time class="post-meta-date" datetime="{{ page.date | date_to_xmlschema }}">
+        {{ page.date | date: "%B %-d, %Y" }}
+      </time>
+    {% endif %}
+    {% if site.theme_config.show_reading_time == true %}
+      {% capture words %}{{ content | number_of_words | minus: 180 }}{% endcapture %}
+      {% unless words contains '-' %}
+        <span class="post-meta-sep">·</span>
+        <span class="post-meta-reading">{{ words | plus: 180 | divided_by: 180 }} min read</span>
+      {% endunless %}
+    {% endif %}
+  </div>
+
+  {% if site.theme_config.show_tags == true and page.tags %}
+    <div class="post-meta-tags">
+      {% for tag in page.tags %}
+        <a href="{{ "/tags" | relative_url }}#{{ tag | slugify }}" class="tag">{{ tag }}</a>
+      {% endfor %}
+    </div>
+  {% endif %}
+
+  <div class="soopr-btn"
+     {% if site.twitter.username %}data-twitter="{{ site.twitter.username }}"{% endif %}
+  ></div>
+</div>

data/_includes/footnotes.html

@@ -0,0 +1,39 @@
+<script>
+(function() {
+  // Render a small tooltip preview when hovering/tapping kramdown-generated
+  // footnote refs (e.g. <a href="#fn:1">1</a>) so readers don't have to
+  // scroll to the bottom of the post.
+  var refs = document.querySelectorAll('a.footnote, sup a[href^="#fn"]');
+  if (!refs.length) return;
+
+  var tip = document.createElement('div');
+  tip.className = 'fn-tooltip';
+  tip.setAttribute('role', 'tooltip');
+  document.body.appendChild(tip);
+
+  function show(ref) {
+    var id = ref.getAttribute('href').slice(1);
+    var fn = document.getElementById(id);
+    if (!fn) return;
+    var clone = fn.cloneNode(true);
+    var back = clone.querySelector('.reversefootnote, a[href^="#fnref"]');
+    if (back) back.remove();
+    tip.innerHTML = clone.innerHTML;
+
+    var rect = ref.getBoundingClientRect();
+    var top = window.scrollY + rect.bottom + 8;
+    var left = Math.max(12, window.scrollX + rect.left - 12);
+    tip.style.top = top + 'px';
+    tip.style.left = left + 'px';
+    tip.classList.add('visible');
+  }
+  function hide() { tip.classList.remove('visible'); }
+
+  refs.forEach(function(ref) {
+    ref.addEventListener('mouseenter', function() { show(ref); });
+    ref.addEventListener('mouseleave', hide);
+    ref.addEventListener('focus', function() { show(ref); });
+    ref.addEventListener('blur', hide);
+  });
+})();
+</script>

data/_includes/github_alerts.html

@@ -0,0 +1,41 @@
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    var defined_alerts = {
+      NOTE:      { icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></svg>', label: 'Note' },
+      TIP:       { icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z"></path></svg>', label: 'Tip' },
+      IMPORTANT: { icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v9.5A1.75 1.75 0 0 1 14.25 13H8.06l-2.573 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25Zm7 2.25v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path></svg>', label: 'Important' },
+      WARNING:   { icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path></svg>', label: 'Warning' },
+      CAUTION:   { icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></svg>', label: 'Caution' }
+    };
+
+    var blockquotes = document.querySelectorAll("blockquote");
+    for (var i = 0; i < blockquotes.length; i++) {
+      var bq = blockquotes[i];
+      var firstP = bq.querySelector("p:first-child");
+      if (!firstP) continue;
+
+      var text = firstP.innerHTML;
+      var match = text.match(/^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(<br\s*\/?>)?/);
+      if (!match) continue;
+
+      var type = match[1];
+      var alert = defined_alerts[type];
+
+      // Remove the marker from the paragraph text
+      firstP.innerHTML = text.replace(match[0], "").trim();
+
+      // If the paragraph is now empty, remove it
+      if (!firstP.innerHTML) {
+        firstP.remove();
+      }
+
+      // Build the alert title
+      var title = document.createElement("p");
+      title.className = "markdown-alert-title";
+      title.innerHTML = alert.icon + " " + alert.label;
+      bq.insertBefore(title, bq.firstChild);
+
+      bq.classList.add("markdown-alert", "markdown-alert-" + type.toLowerCase());
+    }
+  });
+</script>

data/_includes/head.html

@@ -0,0 +1,42 @@
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <title>
+    {% if page.title %}
+      {{ page.title }}
+    {% else %}
+      {{ site.title }}
+    {% endif %}
+  </title>
+
+  {% seo title=false %}
+  {% feed_meta %}
+
+  <!-- Favicon -->
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ "/assets/images/favicon/apple-touch-icon.png" | relative_url }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ "/assets/images/favicon/favicon-32x32.png" | relative_url }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ "/assets/images/favicon/favicon-16x16.png" | relative_url }}">
+  <link rel="manifest" href="{{ "/assets/images/favicon/site.webmanifest" | relative_url }}">
+  <link rel="mask-icon" href="{{ "/assets/images/favicon/safari-pinned-tab.svg" | relative_url }}" color="#5bbad5">
+  <link rel="shortcut icon" href="{{ "/assets/images/favicon/favicon.ico" | relative_url }}">
+  <meta name="msapplication-TileColor" content="#00aba9">
+  <meta name="msapplication-config" content="{{ "/assets/images/favicon/browserconfig.xml" | relative_url }}">
+  <meta name="theme-color" content="{% if site.theme_config.palette == 'moon' %}#222436{% elsif site.theme_config.palette == 'day' %}#e6e7ed{% else %}#222436{% endif %}">
+  <!-- Favicon -->
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
+  {%- if site.soopr -%}
+  <link rel="dns-prefetch" href="https://sdk.soopr.co">
+  {%- endif -%}
+
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+  {% if site.theme_config.appearance_toggle %}
+    {% include toggle_theme_js.html %}
+  {% endif %}
+
+  {%- include custom_head.html -%}
+</head>

data/_includes/horizontal_list.html

@@ -0,0 +1,10 @@
+<ul class="horizontal-list">
+  {% for item in include.collection %}
+    <li>
+      <a href="{{ item.url }}">
+        {{ item.title }}
+      </a>
+      &nbsp;&nbsp;
+    </li>
+  {% endfor %}
+</ul>

data/_includes/link_preview.html

@@ -0,0 +1,56 @@
+<script>
+(function() {
+  // Hover any internal post link to see a small preview card with title,
+  // excerpt and date. Pulls from /search.json which is a Jekyll-generated
+  // index of all posts.
+  var postIndex = null;
+  var loading = null;
+
+  function loadIndex() {
+    if (loading) return loading;
+    loading = fetch('{{ "/search.json" | relative_url }}')
+      .then(function(r) { return r.ok ? r.json() : []; })
+      .then(function(data) { postIndex = data; return data; })
+      .catch(function() { postIndex = []; return []; });
+    return loading;
+  }
+
+  var card = document.createElement('div');
+  card.className = 'link-preview';
+  document.body.appendChild(card);
+  var hideTimer;
+
+  function show(link, post) {
+    card.innerHTML =
+      '<div class="lp-title">' + escape(post.title) + '</div>' +
+      (post.excerpt ? '<div class="lp-excerpt">' + escape(post.excerpt) + '</div>' : '') +
+      '<div class="lp-meta">' + escape(post.date || '') + '</div>';
+    var rect = link.getBoundingClientRect();
+    card.style.top = (window.scrollY + rect.bottom + 8) + 'px';
+    card.style.left = Math.max(12, window.scrollX + rect.left) + 'px';
+    card.classList.add('visible');
+  }
+  function hide() {
+    hideTimer = setTimeout(function() { card.classList.remove('visible'); }, 100);
+  }
+  function escape(s) {
+    return String(s || '').replace(/[&<>"']/g, function(c) {
+      return { '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[c];
+    });
+  }
+
+  document.querySelectorAll('.page-content a[href^="/"], .page-content a[href^="{{ site.url }}"]').forEach(function(link) {
+    link.addEventListener('mouseenter', function() {
+      clearTimeout(hideTimer);
+      loadIndex().then(function(idx) {
+        var href = link.getAttribute('href').replace('{{ site.url }}', '');
+        var match = idx.find(function(p) { return p.url === href || p.url === href + '/'; });
+        if (match) show(link, match);
+      });
+    });
+    link.addEventListener('mouseleave', hide);
+  });
+  card.addEventListener('mouseenter', function() { clearTimeout(hideTimer); });
+  card.addEventListener('mouseleave', hide);
+})();
+</script>

data/_includes/post_list.html

@@ -0,0 +1,12 @@
+{% if site.posts.size > 0 %}
+  <ul>
+    {% for post in site.posts %}
+      <li class="post-list-item">
+        <span class="home-date">
+          {{ post.date | date: site.theme_config.date_format }}»
+        </span>
+        <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}

data/_includes/post_nav.html

@@ -0,0 +1,10 @@
+{% if page.previous or page.next %}
+<nav class="post-nav" aria-label="Post navigation">
+  {% if page.previous %}
+    <a class="post-nav-prev" href="{{ page.previous.url | relative_url }}">&larr; {{ page.previous.title }}</a>
+  {% endif %}
+  {% if page.next %}
+    <a class="post-nav-next" href="{{ page.next.url | relative_url }}">{{ page.next.title }} &rarr;</a>
+  {% endif %}
+</nav>
+{% endif %}