diff --git a/templates/base.html.tera b/templates/base.html.tera
new file mode 100644
index 0000000..94911dd
--- /dev/null
+++ b/templates/base.html.tera
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+ {% block head %}
+ {% endblock head %}
+
+
+
+
+
+ {% block body %}{% endblock body %}
+
+
+
diff --git a/templates/pretty.html.tera b/templates/pretty.html.tera
index 88133af..55c6002 100644
--- a/templates/pretty.html.tera
+++ b/templates/pretty.html.tera
@@ -1,85 +1,43 @@
-
-
+{% extends "base" %}
-
-
-
-
- {{ title }}
+{% block styles %}
-
-
-
-
-
- {% if theme %}
-
- {% endif %}
-
-
+ text-align: centre;
+ /* Change color to that of your theme's comment color */
+ color: #5c6773;
+ border-right: 20px solid transparent;
+ vertical-align: top;
+ }
-
+ /* for block of code */
+ .hljs-ln-code {
+ padding-left: 10px;
+ }
+{% endblock styles %}
+
+
+{% block head %}
+ {% if theme %}
+
+ {% endif %}
+{% endblock head %}
+
+
+{% block body %}
{{ code }}
@@ -88,6 +46,4 @@
hljs.initHighlightingOnLoad();
hljs.initLineNumbersOnLoad();
-
-
-
+{% endblock body %}