diff --git a/theme/templates/base.html b/theme/templates/base.html
index 369422a..46bceb7 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -1,71 +1,82 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
-    <link href="{{ SITEURL }}/{{ FEED }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
-    {% if FEED_RSS %}
-    <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
-    {% endif %}
 
-    <!--[if IE]>
-      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+<head>
+  <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
+  <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
+  <style>
+   body {
+     font: 0.75em/1.5 AppleGothic, Sans-serif;
+   }
 
-    <!--[if lte IE 7]>
-      <link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie.css"/>
-      <script src="{{ SITEURL }}/js/IE8.js" type="text/javascript"></script><![endif]-->
+   a {
+     color: black;
+     text-decoration: none;
+   }
 
-    <!--[if lt IE 7]>
-      <link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie6.css"/><![endif]-->
+   p {
+     margin: 0;
+   }
 
-  </head>
+   article.title {
+     font-size: 1.2em;
+   }
 
-  <body>
-    <div id="wrap" style="width:850px">
-      <div id="container" style="width:560px">
-        {% include 'github.html' %}
+   time {
+     font-size: 0.65em;
+   }
+  </style>
+</head>
 
+<body>
 
-        <div class="entry">
-          {% block content %}
-          {% endblock %}
-        </div>
+  <div style="margin: 1em;">
+
+    <a class="w-100 black o-10 db pb5" href="{{ SITEURL }} " title="title">
+      <div class="b black" style="font-size: 3.6em;">
+        {{ SITENAME }}
       </div>
+    </a>
 
+    {% for category, articles in categories %}
 
-      <div id="sidebar">
-        <h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
-        <span class="description">{{ DESCRIPTION }} </span>
-        <!-- <span class="feed"><a href="">RSS</a> | <a href="">Atom</a></span> -->
-      </div>
+      {% if category.name == 'notes' %}
 
-      <div id="footer">
-        <nav>
-          <ul>
-            {% for page in pages %}
-            <li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>{% if not loop.last %} ::{% endif %}</li>
-            {% endfor %}
-            {% if categories|length > 1 %}
-            <li>:: <a href="{{ SITEURL }}/categories.html">Categories</a></li>
-            {% endif %}
-            {% if tags|length > 1 %}
-            <li>:: <a href="{{ SITEURL }}/tags.html">Tags</a></li>
-            {% endif %}
-          </ul>
-        </nav>
+        {% for article in articles %}
 
-        <div id="credits">
-          <span>Adapted from <a href="http://wordpress.org/themes/monospace">Monospace</a> || Created with <a href="">Pelican</a></span>
+        <article class="title">
+          <a href="{{ SITEURL }}/{{ article.url }}" class="db b pb2 o-50">
+            {{ article.title }}
+          </a>
+        </article>
+
+        <div>
+          {{ article.content }}
         </div>
 
-      </div>
+        {% if not HIDE_DATE %}
+        <time class="db w-100 tr pb4 o-30" datetime="{{ article.date.isoformat() }}">
+          {{ article.date.isoformat() }}
+        </time>
+        {% endif %}
 
-      {% include 'analytics.html' %}
-      {% include 'piwik.html' %}
-      {% include 'disqus_script.html' %}
+        {% endfor %}
 
-    </div>
+      {% endif %}
+
+    {% endfor %}
+
+  </div>
+
+  <script type="text/javascript">
+    $(document).ready(function () {
+      $('a[class*=external]').attr('target', '_blank').css('background-color', 'rgba(0, 0, 0, 0.1)');
+    });
+  </script>
+
+</body>
 
-  </body>
 </html>
