Override section.html for index content.

Starting online Bible Journal.

config.toml

@@ -1,6 +1,10 @@
 # The URL the site will be built for
 base_url = "https://menteeth.us"
 
+title = "Annotated Annals"
+
+theme = "hermit_zola"
+
 # Whether to automatically compile all Sass files in the sass directory
 compile_sass = true
 
@@ -9,12 +13,30 @@ compile_sass = true
 highlight_code = true
 
 # Whether to build a search index to be used later on by a JavaScript library
-build_search_index = true
+build_search_index = false
+
+generate_feed = true
+
+feed_limit = 20
+
+[markdown]
+highlight_code = true
+highlight_theme = "charcoal"
+
+external_links_target_blank = true
+external_links_no_follow = true
+external_links_no_referrer = true
+
+smart_punctuation = true
 
 [extra]
 # Put all your custom variables here
 home_subtitle = "Infrequently increasing in interesting entries"
 
+hermit_menu = [
+{ link = "/bible_journal", name = "Bible Journal" }
+]
+
 hermit_social = [
 { name = "github", link = "https://github.com/IslandUsurper" },
 { name = "twitter", link = "https://fosstodon.org/@IslandUsurper" }
@@ -22,4 +44,3 @@ hermit_social = [
 
 [extra.author]
 name = "Lyle Mantooth"
-

content/bible_journal/_index.md

@@ -0,0 +1,16 @@
++++
+title = "Bible Journal"
+sort_by = "date"
++++
+
+As a method of accountability, a way to spark conversation, and hopefully a
+spur towards consistency, I am here and now starting to publish my Bible study
+journal to this website. This is a good time for it because I have just wrapped
+up Romans and Zephaniah in a physical journal, and now I am starting to study
+the Gospel according to Luke. My prayer is that this effort will benefit both
+myself as I continue my walk with the Lord, and also to encourage fellow
+believers to read God's Word and mine out the treasures that are in it.
+
+The format for these pages is to start with a link to the passage of Scripture
+being read, followed by a paragraph or two of notes, and ending with a short
+prayer.

content/bible_journal/luke_1:1-4.md

@@ -0,0 +1,19 @@
++++
+title = "Luke 1:1–4"
+date = "2022-10-15"
++++
+
+### [Read the passage.](https://biblia.com/bible/esv/Lk1.1-4)
+
+In the very beginning of his writing, Luke lays out his purpose in recording
+the life and ministry of Jesus. Though he addresses Theophilus, the style
+indicates he expected many people to read his book, so that all believers would
+have certainty about the things they have been taught. This certainty comes
+from having "followed all things closely" (_v. 3_) that came from "those who
+from the beginning were eye-witnesses and ministers of the word" (_v. 2_). So,
+while Luke is giving us a second-hand account, his sources are primary sources
+who really saw Jesus do amazing things.
+
+* * *
+
+You speak only the truth, O Lord. You give us certainty in an uncertain world.

sass/_predefined.scss

@@ -0,0 +1,37 @@
+// Colors
+//
+$theme: #018574;
+$text: #c6cddb;
+$light-grey: #154961; // Overridden
+$dark-grey: #3b3e48;
+$highlight-grey: #7d828a;
+$midnightblue: #31333d;
+
+// Fonts
+//
+$fonts: "Trebuchet MS", Verdana, "Verdana Ref", "Segoe UI", Candara,
+  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
+$code-fonts: Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco,
+  "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
+  "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New",
+  Courier, "YaHei Consolas Hybrid", monospace, "Segoe UI Emoji", "PingFang SC",
+  "Microsoft YaHei";
+
+// Mixins
+//
+@mixin dimmed {
+  opacity: 0.6;
+}
+
+@mixin aTag {
+  a {
+    word-break: break-all;
+    border: none;
+    box-shadow: inset 0 -4px 0 $theme;
+    transition-property: background-color;
+
+    &:hover {
+      background-color: $theme;
+    }
+  }
+}

sass/override.scss

@@ -0,0 +1,3 @@
+html {
+    background: #154961;
+}

templates/section.html

@@ -0,0 +1,72 @@
+{% extends "index.html" %} {% import "macros.html" as macros %} {% block header
+%}
+<header id="site-header" class="animated slideInUp faster">
+  <div class="hdr-wrapper section-inner">
+    <div class="hdr-left">
+      <div class="site-branding">
+        <a href="{{ config.base_url}}">{{ config.title }}</a>
+      </div>
+      <nav class="site-nav hide-in-mobile">
+        {% for menu_item in config.extra.hermit_menu %}
+        <a href="{{ config.base_url ~ menu_item.link }}">{{ menu_item.name }}</a>
+        {% endfor %}
+      </nav>
+    </div>
+    <div class="hdr-right hdr-icons">
+      <span class="hdr-social hide-in-mobile">
+        {{ macros::render_social_icons() }}
+      </span>
+      <button id="menu-btn" class="hdr-btn" title="Menu">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="feather feather-menu"
+        >
+          <line x1="3" y1="12" x2="21" y2="12"></line>
+          <line x1="3" y1="6" x2="21" y2="6"></line>
+          <line x1="3" y1="18" x2="21" y2="18"></line>
+        </svg>
+      </button>
+    </div>
+  </div>
+</header>
+<div id="mobile-menu" class="animated fast">
+  <ul>
+    {% for menu_item in config.extra.hermit_menu %}
+    <li>
+      <a href="{{ config.base_url ~ menu_item.link }}">{{ menu_item.name }}</a>
+    </li>
+    {% endfor %}
+  </ul>
+</div>
+{% endblock header %} {% block title %} {% endblock title %} {% block main %}
+
+<main class="site-main section-inner thin animated fadeIn faster">
+  {{ section.content | safe }}
+  <h1>{{ section.title }}</h1>
+  {% for year, pages in section.pages | group_by(attribute="year") %}
+  <div class="posts-group">
+    <div class="post-year">{{ year }}</div>
+    <ul class="posts-list">
+      {% for page in pages %}
+      <li class="post-item">
+        <a href="{{ page.permalink }}">
+          <span class="post-title">{{ page.title }}</span>
+          <span class="post-day">{{ page.date | date(format="%b %d") }}</span>
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endfor %}
+</main>
+
+{% endblock main %} {% block footer %} {{ macros::footer() }} {% endblock footer
+%}