add a caterpillar page

content/_index.md

@@ -33,4 +33,8 @@ I can also be reached via [telegram](https://t.me/bleki42).
 I like webrings.
 
 <a href="https://webring.haaien.xyz/#1" target="_blank" rel="noopener"><img src="/hairing.gif" alt="A button saying haaien webring" height='31px' width='88px'/></a>
-<a href="https://acingtheinternet.netlify.app" target="_blank" rel="noopener"><img src="/acenow.gif" alt="A button saying asexuals now" height='31px' width='88px'></a>
+<a href="https://acingtheinternet.netlify.app" target="_blank" rel="noopener"><img src="/acenow.gif" alt="A button saying asexuals now" height='31px' width='88px'></a>
+
+---
+
+Did you ever wonder what a [caterpillar](/caterpillar) looks like?

content/caterpillar.md

@@ -0,0 +1,5 @@
++++
+title = 'Caterpillar'
++++
+
+# Caterpillar

templates/base.html

@@ -13,10 +13,6 @@
         <div class='screen bg'></div>
         <div class='screen content'>
             <h1 style='margin-bottom:0.25em'>blek! World</h1>
-            <h2>{{ section.title }}</h2>
-            <noscript>
-                Your browser doesn't support JS. This is so cool!
-            </noscript>
 
             {% block content %} {% endblock %}
             
@@ -27,20 +23,6 @@
                 </a>
             </p>
         </div>
-        <div class='screen flicker'></div>
-        <div class='screen fader'>
-            <p>
-                <img src='/load.gif' width='46px' height='48px' style='margin-bottom:8px' /><br/>
-                Loading...
-
-                <span style='font-size:50%;display:block;margin-top:3em;color:#777777 !important'>
-                    Credit for loading gif to
-                    <a href='https://bdragon1727.itch.io/pixel-loading-pack-3'>
-                        BDragon1727
-                    </a>
-                </span>
-            </p>
-        </div>
 
         <script src='/script/cursor.min.js' type='application/javascript'></script>
         <script>

templates/index.html

@@ -2,8 +2,27 @@
 
 {% block content %}
 
+<h2>{{ section.title }}</h2>
+<noscript>
+    Your browser doesn't support JS. This is so cool!
+</noscript>
+
 <div class='md-content'>
     {{ section.content | safe }}
 </div>
 
+<div class='screen fader'>
+    <p>
+        <img src='/load.gif' width='46px' height='48px' style='margin-bottom:8px' /><br/>
+        Loading...
+
+        <span style='font-size:50%;display:block;margin-top:3em;color:#777777 !important'>
+            Credit for loading gif to
+            <a href='https://bdragon1727.itch.io/pixel-loading-pack-3'>
+                BDragon1727
+            </a>
+        </span>
+    </p>
+</div>
+
 {% endblock content %}

templates/page.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>{{ page.title }}</h2>
+<noscript>
+    Your browser doesn't support JS. This is so cool!
+</noscript>
+
+<div class='md-content'>
+    {{ page.content | safe }}
+</div>
+
+{% endblock content %}