Implement Journals

Jekyll will follow directory structures, using it as the URL path when
building a site. This significant change adds configuration, styles, and
layouts for journals. Journals will be stored in the `/journals`
directory, and then within a directory for the character.

For each character's journals, configuration must be established in the
`_config.yml` file. Each character journal directory then can be treated
similar to a Jekyll project: the `_posts` directory can be leveraged for
posts. The base character journal directory has an index page, which by
default shows a small top section, then the most recent post. Since
these character journals don't adhere to the actual calendar, permalinks
have been reduced to the post title alone. Note: this means every post
in the character journal must be named different. Not certain if every
post on the site must be named different.

There are a number of steps still left:
- Build site index page. Include cards for each character that has a
  journal, for each adventure, and for any additional miscellaneous
  things captured on the site.
- Implement the adventure section, similar to journals. Any configured
  adventures will exist in the `/adventures` directory, and then within
  a specific directory.
- Actually write stuff.

404.html

@@ -1,6 +1,6 @@
 ---
 permalink: /404.html
-layout: default
+layout: journal
 ---
 
 <style type="text/css" media="screen">

_config.yml

@@ -1,28 +1,7 @@
-# Welcome to Jekyll!
+title: Vagabond's TTRPG Site
-#
+author: Bill Niblock
-# This config file is meant for settings that affect your whole blog, values
-# which you are expected to set up once and rarely edit after that. If you find
-# yourself editing this file very often, consider using Jekyll's data files
-# feature for the data you need to update frequently.
-#
-# For technical reasons, this file is *NOT* reloaded automatically when you use
-# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
-#
-# If you need help with YAML syntax, here are some quick references for you: 
-# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
-# https://learnxinyminutes.com/docs/yaml/
-#
-# Site settings
-# These are used to personalize your new site. If you look in the HTML files,
-# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
-# You can create any custom variable you would like, and they will be accessible
-# in the templates via {{ site.myvariable }}.
-
-title: Taliah's Journal
-author: Nataliah Kas Zhukoff
 description: >- # this means to ignore newlines until "baseurl:"
-  My name is Nataliah Kas Zhukoff. At the suggestion of my master Jhoric
+  A collection of my tabletop roleplaying game writings.
-  Stonehammer, I am keeping this journal of my progress and discoveries.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 
@@ -30,22 +9,32 @@ url: "" # the base hostname & protocol for your site, e.g. http://example.com
 plugins:
   - jekyll-feed
 
-# Exclude from processing.
+permalink: none
-# The following items will not be processed, by default.
+
-# Any item listed under the `exclude:` key here will be automatically added to
+defaults:
-# the internal "default list".
+  ## Defaults for Nataliah Journals ##
-#
+  -
-# Excluded items can be processed by explicitly listing the directories or
+    scope:
-# their entries' file path in the `include:` list.
+      path: "journals/nataliah"
-#
+    values:
-# exclude:
+      layout: "journal"
-#   - .sass-cache/
+      title: Taliah's Journal
-#   - .jekyll-cache/
+      author: Nataliah Kas Zhukoff
-#   - gemfiles/
+      aut: nataliah
-#   - Gemfile
+      description: >-
-#   - Gemfile.lock
+        My name is Nataliah Kas Zhukoff. At the suggestion of my master Jhoric
-#   - node_modules/
+        Stonehammer, I am keeping this journal of my progress and discoveries.
-#   - vendor/bundle/
+      des: Journal of the alchemist apprentice Nataliah Kas Zhukoff
-#   - vendor/cache/
+      
-#   - vendor/gems/
+  ## Defaults for Bask Journals ##
-#   - vendor/ruby/
+  -
+    scope:
+      path: "journals/bask"
+    values:
+      layout: "journal"
+      title: Bask's Journal
+      author: Bask Temlin
+      aut: bask
+      description: >-
+        I'm Bask, I hit things with my sword.
+      des: Journal of the eldritch knight Bask Temlin

_includes/journal_footer.html

@@ -0,0 +1,23 @@
+<footer>
+{% assign entries = site.posts | where: "aut", page.aut %}
+
+{% for entry in entries %}
+    {% if entry.id == page.id %}
+        {% assign this_index = forloop.index0 | to_integer %}
+        {% break %}
+    {% endif %} 
+{% endfor %}
+{% assign next_index = this_index | minus: 1 %}
+{% assign prev_index = this_index | plus: 1 %}
+
+{% if prev_index < entries.size %}
+	<span class="previous">
+		<a href="{{ entries[prev_index].url }}">Previous</a>
+	</span>
+{% endif %}
+{% if next_index >= 0 %}
+	<span class="next">
+		<a href="{{ entries[next_index].url }}">Next</a>
+	</span>
+{% endif %}
+</footer>

_layouts/home.html

@@ -1,10 +1,20 @@
----
+<!DOCTYPE html>
-layout: default
+<html>
----
+<head>
-<header>
+    <title>{{ site.title }}</title>
-  <img src="/assets/token.png" 
+    {% feed_meta %}
-       alt="Nataliah Kas Zhukoff"
+    <meta name="description" 
-       style="display:block;margin-left:auto;margin-right:auto" 
+          content="{{ site.des }}" />
-  />
+    <meta name="author" content="{{ site.author }}" />
-  <p>{{ site.description }}</p>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-</header>
+    <link rel="canonical" href="{{ site.url}}{{ page.url }}" />
+    <link rel="stylesheet" type="text/css" href="/assets/home.css" />
+</head>
+<body>
+  <main>
+    <article>
+    {{ content }}
+    </article>
+  </main>
+</body>
+</html>

_layouts/journal.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>{{ page.title }}</title>
+    {% feed_meta %}
+    <meta name="description" 
+          content="{{ page.des }}" />
+    <meta name="author" content="{{ page.author }}" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="canonical" href="{{ site.url}}{{ page.url }}" />
+    <link rel="stylesheet" type="text/css" href="/assets/journal.css" />
+    <link rel="stylesheet" type="text/css" href="/assets/{{ page.aut }}.css" />
+</head>
+<body>
+  <div class="menu-toggle">M</div>
+  <menu>
+    <figure>
+      <a href="/journals/{{ page.aut }}">
+        <img src="/assets/{{ page.aut }}.png" alt="{{ page.author }}" />
+      </a>
+      <hr>
+      <figcaption>{{ page.description }}</figcaption>
+      <hr>
+    </figure>
+    <nav>
+      <ul>
+        <li><a href="/">Site Home</a></li>
+        <li><a href="/journals/{{ page.aut }}">Journal Home</li>
+      </ul>
+      <hr>
+      <ul>
+        {% assign entries = site.posts | 
+        where_exp:"posts", "posts.categories contains page.aut" %}
+        {% for entry in entries %}
+        <li>
+          <a href="{{ entry.url }}">{{ entry.title }}</a>
+        </li>
+        {% endfor %}
+      </ul>
+    </nav>
+  </menu>
+  <div class="main-filter"></div>
+  <main>
+    <article>
+    {{ content }}
+    {% include journal_footer.html %}
+    </article>
+  </main>
+</body>
+</html>

_posts/2024-02-25-welcome-to-jekyll.markdown

@@ -1,37 +0,0 @@
----
-layout: post
-title:  "Welcome to Jekyll!"
-date:   2024-02-25 21:25:39 -0500
----
-You’ll find this post in your `_posts` directory. Go ahead and edit it and
-re-build the site to see your changes. You can rebuild the site in many
-different ways, but the most common way is to run `jekyll serve`, which launches
-a web server and auto-regenerates your site when a file is updated.
-
-Jekyll requires blog post files to be named according to the following format:
-
-`YEAR-MONTH-DAY-title.MARKUP`
-
-Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit
-numbers, and `MARKUP` is the file extension representing the format used in the
-file. After that, include the necessary front matter. Take a look at the source
-for this post to get an idea about how it works.
-
-Jekyll also offers powerful support for code snippets:
-
-{% highlight ruby %}
-def print_hi(name)
-  puts "Hi, #{name}"
-end
-print_hi('Tom')
-#=> prints 'Hi, Tom' to STDOUT.
-{% endhighlight %}
-
-Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most
-out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub
-repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll
-Talk][jekyll-talk].
-
-[jekyll-docs]: https://jekyllrb.com/docs/home
-[jekyll-gh]:   https://github.com/jekyll/jekyll
-[jekyll-talk]: https://talk.jekyllrb.com/

assets/bask.css

@@ -0,0 +1,8 @@
+/* Custom to Bask Journal */
+menu {
+  background-color: orange;
+}
+figcaption {
+  font-family: sans-serif;
+  font-size: 1.5rem;
+}

assets/journal.css

@@ -0,0 +1,110 @@
+html {
+  background-color: black;
+}
+
+/* Layout */
+body {
+  display: flex;
+	margin: 0 auto; max-width: 1620px;
+  background-color: antiquewhite;
+}
+.menu-toggle {
+  display: none;
+}
+menu {
+  height: 100vh; width: 20%; max-width: 350px; min-width: 250px;
+	position: sticky; top: 0; left: 0;
+	padding: 0; margin: 0; z-index:5;
+	outline:none;  
+  background-color: antiquewhite;
+  overflow-y: scroll;
+}
+menu .meta_buttons {
+  margin: 0; padding: 0 10%;
+}
+menu figure {
+  margin: 2vh 0 0 0; padding: 0 10%;
+}
+figure img {
+  width: 100%;
+	max-width: 100%;
+}
+menu nav {
+  margin: 0 0 2vh 0; padding: 0 10%;
+}
+menu nav ul {
+  list-style: none;
+}
+main {
+  position:relative;
+	height:100vh; width: 100%;
+  overflow-y: scroll;
+}
+main article {
+  margin: 3vh auto; padding: 0; max-width: 90%;
+}
+.main-filter {
+  display: none;
+}
+/* Typography */
+html {
+  font-family: sans-serif;
+}
+a,a:visited,a:link,a:focus {
+  text-decoration: none;
+  color: purple;
+  transition: color 0.5s;
+}
+a:hover {
+  color: darkorchid;
+  transition: color 0.5s;
+  text-decoration: underline;
+}
+figcaption {
+  font-size: 1.5rem;
+}
+article h1 {}
+article h2 {}
+article h3 {}
+article h4 {}
+article h5 {}
+
+/* Responsive */
+@media only screen and (max-width: 900px) {
+  body {
+    overflow-y: hidden;
+  }
+  .menu-toggle {
+    display: block;
+    position: fixed;
+    bottom: 3vh; right: 1vw;
+    height: 3vh; padding: 0 1vw;
+    z-index: 10;
+    background-color: black; color: white;
+    text-align: center;
+
+    &:focus + menu,&:active + menu,&:target + menu {
+      top: 10vh;
+      transition: top 0.7s ease-in-out;
+    }
+    &:focus ~ .main-filter,&:active ~ .main-filter,&:target ~ .main-filter {
+      display: block;
+      transition: display 0.3s ease-in-out;
+    }
+  }
+  menu {
+    height: 90vh; width: 100vw; max-width: 100%; min-width: 100%;
+    position: absolute; top: 100vh; left: 0; right: 0; 
+    padding: 0; margin: 0; z-index:5;
+    outline:none;  
+    background-color: antiquewhite;
+    overflow-y: scroll;
+    transition: top 1s ease-in-out;
+  }
+  .main-filter {
+    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
+    background-color: black;
+    opacity: 0.5;
+    transition: display;
+  }
+}

assets/nataliah.css

@@ -0,0 +1,8 @@
+/* Custom to Nataliah Journal */
+menu {
+  background-color: darkslategrey;
+}
+figcaption {
+  font-family: cursive;
+  font-size: 1.5rem;
+}

index.markdown

@@ -1,6 +1,9 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
 layout: home
 ---
+
+<h2>Journals</h2>
+<ul>
+    <li><a href="/journals/nataliah">Nataliah Kas Zhukoff</a></li>
+    <li><a href="/journals/bask">Bask Temlin</a></li>
+</ul>

journals/bask/index.markdown

@@ -0,0 +1,14 @@
+---
+layout: journal
+---
+
+# This is the index page. 
+
+Certain Stuff can go here, and then the most recent
+entry shows below.
+
+---
+
+{% assign recent = site.posts | where: "aut", page.aut | first %}
+
+{{ recent.content }}

journals/nataliah/index.markdown

@@ -0,0 +1,14 @@
+---
+layout: journal
+---
+
+# This is the index page. 
+
+Certain Stuff can go here, and then the most recent
+entry shows below.
+
+---
+
+{% assign recent = site.posts | where: "aut", page.aut | first %}
+
+{{ recent.content }}