diff --git a/content/_index.md b/content/_index.md
index aea23f6..1bf656b 100644
--- a/content/_index.md
+++ b/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>
\ No newline at end of file
+<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?
\ No newline at end of file
diff --git a/content/caterpillar.md b/content/caterpillar.md
new file mode 100644
index 0000000..9c5227d
--- /dev/null
+++ b/content/caterpillar.md
@@ -0,0 +1,5 @@
++++
+title = 'Caterpillar'
++++
+
+# Caterpillar
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index b3baef3..b805a2b 100644
--- a/templates/base.html
+++ b/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>
diff --git a/templates/index.html b/templates/index.html
index d93185b..6532658 100644
--- a/templates/index.html
+++ b/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 %}
\ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
new file mode 100644
index 0000000..c377857
--- /dev/null
+++ b/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 %}
\ No newline at end of file