Adding lots of stuff to make this an actual site driven by json data

_includes/footer.html

@@ -0,0 +1,7 @@
+<footer class="footer">
+    <div class="content has-text-centered">
+        <p>
+            Hosted on <a href="https://github.com/zargon-now/zargon-now.github.io">GitHub</a> using <a href="https://bulma.io/">Bulma</a>
+        </p>
+    </div>
+</footer>

_includes/navbar.html

@@ -0,0 +1,26 @@
+<nav class="navbar" role="navigation" aria-label="main navigation">
+    <div class="navbar-brand">
+        <a class="navbar-item has-text-info is-capitalized" href="/">
+            <b>Zargon</b>
+        </a>
+
+        <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
+            data-target="navbarBasicExample">
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+        </a>
+    </div>
+
+    <div id="navbarBasicExample" class="navbar-menu">
+        <div class="navbar-start">
+            <a class="navbar-item" href="/">
+                Home
+            </a>
+
+            <a class="navbar-item" href="/about">
+                About
+            </a>
+        </div>
+    </div>
+</nav>

_includes/rules.html

@@ -0,0 +1,14 @@
+<h1 class="title is-1">Rules of Zargon</h1>
+{% for order in site.data.rules.order %}
+{% assign rule_data = site.data.all_rules[order] %}
+<div class="content ruleset">
+    <h4 class="subtitle is-4">{{ rule_data.title }}</h4>
+    <ul>
+        {% for rule in rule_data.rules %}
+        <li>
+            {{ rule.text }}
+        </li>
+        {% endfor %}
+    </ul>
+</div>
+{% endfor %}

_includes/style.html

@@ -0,0 +1,30 @@
+<style>
+    html,
+    body {
+        height: 100%;
+    }
+
+    .page-wrap {
+        min-height: 100%;
+        /* equal to footer height */
+        margin-bottom: -72px;
+    }
+
+    .page-wrap:after {
+        content: "";
+        display: block;
+    }
+
+    footer {
+        padding: 1.5rem !important;
+    }
+
+    footer,
+    .page-wrap:after {
+        height: 72px;
+    }
+
+    .ruleset {
+        margin-top: 1.5rem;
+    }
+</style>