Some stuff, idk

content/tabletop/_index.md

@@ -1,5 +1,3 @@
 +++
-title = "Tabletop Experiments and Stuff"
+title = "Tabletop Shit"
 +++
-
-HEWWO

content/tabletop/new-system.md

@@ -3,6 +3,26 @@ title = "New Tabletop RPG System (WIP)"
 description = "Bored and restless, so time it is to design a tabletop system..."
 date = 2020-12-21
 draft = true
+[extra]
+toc = true
 +++
 
-GAAAA
+# Core Gameplay
+
+## Skill Checks
+
+A player attempting something that could be subject to failure will perform a
+skill check to determine whether they succeed or fail.
+
+A skill check is performed by rolling `1d20`, adding the relevant skill, and
+comparing the result to 20. If the result is equal to or greater than `20` then
+the action succeeds. If the result is less than `20` then the action fails.
+
+### Critical Rolls
+
+If the number rolled on the dice, before adding any other numbers, is exactly
+`20`, the character succeeds at their action no matter what.
+If exactly `1` is rolled, then the character fails their action no matter what.
+
+Further consequences, either good or bad, could occur on critical successes or
+fails, at the discretion of the GM.

content/tabletop/testo.md

@@ -1,8 +0,0 @@
-+++
-title = "New Tabletop RPG System NOT REAL"
-description = "Bored and restless, so time it is to design a tabletop system..."
-date = 2020-12-21
-draft = true
-+++
-
-GAAAA

deploy.sh

@@ -13,14 +13,14 @@ git worktree prune
 rm -rf .git/worktrees/-deploy/
 
 echo "Checking out gh-pages branch into public"
-git worktree add -B gh-pages .deploy origin/gh-pages
+git worktree add -B rendered .deploy origin/rendered
 
 echo "Generating site"
 zola build
 cp -r public/* .deploy/
 
 echo "Updating gh-pages branch"
-cd .deploy && git add --all && git commit -m "Publishing to gh-pages (deploy.sh)"
+cd .deploy && git add --all && git commit -m "Publishing to rendered (deploy.sh)"
 
 echo "Pushing to github"
 git push --all

static/style.css

@@ -24,7 +24,9 @@ body {
   padding: 1rem;
 }
 
-header {
+code {
+  background-color: #454545;
+  padding: 0 0.25ch;
 }
 
 h1,
@@ -32,6 +34,7 @@ h2,
 h3 {
   font-weight: bold;
   font-size: 1em;
+  margin-bottom: 0;
 }
 
 h1.site-title {
@@ -148,6 +151,21 @@ div.table-wrapper tr:nth-child(even) {
   cursor: pointer;
 }
 
+#toc ol {
+  counter-reset: item;
+  list-style-type: none;
+}
+
+#toc li {
+  display: block;
+  color: var(--decoration);
+}
+
+#toc li:before {
+  content: counters(item, ".") " ";
+  counter-increment: item;
+}
+
 h1.post-title {
   font-size: 1.5em;
   border: none;
@@ -159,3 +177,17 @@ p.post-date {
   color: var(--decoration);
   margin: 0;
 }
+
+p.post-desc {
+  margin-top: 0;
+}
+
+.flex {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.flex * {
+  margin-left: 1em;
+  margin-right: 1em;
+}

templates/page.html

@@ -10,22 +10,22 @@
 {% if page.extra.toc %}
 <h1>Table of Contents <span id="toc-toggle">[-]</span></h1>
 <div id="toc">
-<ul>
+<ol>
 {% for h1 in page.toc %}
     <li>
         <a class="internal" href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
         {% if h1.children %}
-            <ul>
+            <ol>
                 {% for h2 in h1.children %}
                     <li>
                         <a class="internal" href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
                     </li>
                 {% endfor %}
-            </ul>
+            </ol>
         {% endif %}
     </li>
 {% endfor %}
-</ul>
+</ol>
 </div>
 <script>
  var shown = false;

templates/section.html

@@ -3,18 +3,23 @@
 {% block title %}{{ section.title }} - Hazelnut{% endblock title %}
 
 {% block content %}
-{{ section.content | safe }}
+<h1> {{ section.title }} </h1>
-<hr>
 <ul class="post-list">
-    {% for page in section.pages %}
+    {% for page in section.pages | sort(attribute="date") | reverse %}
     <li>
         <a class="internal" href="{{ page.permalink }}">
             {{ page.title }}
+            
             {% if page.date %}
                 <p class="post-date">
                     {{ page.date | date(format="%Y-%m-%d") }}
                 </p>
             {% endif %}
+                {% if page.description %}
+                <p class="post-desc">
+                    {{ page.description }}
+                </p>
+                {% endif %}
         </a>
     </li>
     {% endfor %}