diff --git a/wip/templates/base.html b/wip/templates/base.html
deleted file mode 100644
index 1ffc3cb..0000000
--- a/wip/templates/base.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <base href="{{base_path}}">
-    <link rel="stylesheet" href="style.css">
-    <title>{{note.title}}</title>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js"></script>
-</head>
-<body>
-<div class="sidebar"></div>
-<div class="content">
-<h1>{{note.title}}</h1>
-<ul>
-{% for key, value in note.frontmatter.items() %}
-    <li>
-        <strong>{{key}}</strong>
-        {% if key == 'tags' %}
-            {% for tag in value %}
-                #{{tag}}
-            {% endfor %}
-        {% else %}
-        {{value}}
-        {% endif %}
-    </li>
-{% endfor %}
-</ul>
-{{note.our_content | markdown}}
-</div>
-<script src="script.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/wip/templates/base.jinja2 b/wip/templates/base.jinja2
new file mode 100644
index 0000000..a456831
--- /dev/null
+++ b/wip/templates/base.jinja2
@@ -0,0 +1,17 @@
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <base href="{{base_path}}">
+    <link rel="stylesheet" href="style.css">
+    <title>{% block title %}WIP{% endblock %}</title>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js"></script>
+</head>
+<body>
+<div class="sidebar"></div>
+<div class="content">
+{% block content %}{% endblock %}
+</div>
+<script src="script.js"></script>
+{% block scripts %}{% endblock %}
+</body>
+</html>
\ No newline at end of file
diff --git a/wip/templates/image.jinja2 b/wip/templates/image.jinja2
new file mode 100644
index 0000000..e69de29
diff --git a/wip/templates/note.jinja2 b/wip/templates/note.jinja2
new file mode 100644
index 0000000..0e17211
--- /dev/null
+++ b/wip/templates/note.jinja2
@@ -0,0 +1,20 @@
+{% extends 'base.html' %}
+{% block title %}{{note.title}}{% endblock %}
+{% block content %}
+<h1>{{note.title}}</h1>
+<ul>
+{% for key, value in note.frontmatter.items() %}
+    <li>
+        <strong>{{key}}</strong>
+        {% if key == 'tags' %}
+            {% for tag in value %}
+                #{{tag}}
+            {% endfor %}
+        {% else %}
+        {{value}}
+        {% endif %}
+    </li>
+{% endfor %}
+</ul>
+{{note.our_content | markdown}}
+{% endblock %}
diff --git a/wip/templates/pdf.jinja2 b/wip/templates/pdf.jinja2
new file mode 100644
index 0000000..837fad4
--- /dev/null
+++ b/wip/templates/pdf.jinja2
@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+{% block title %}{{filename}}{% endblock %}
+{% block content %}
+TODO: pdf.js
+{% endblock %}
