diff --git a/styles.css b/styles.css
index 2e86f9b..40970fe 120000
--- a/styles.css
+++ b/styles.css
@@ -1 +1 @@
-./weblog/styles.css.md
\ No newline at end of file
+./weblog/B0. Template/styles.css.md
\ No newline at end of file
diff --git a/weblog/2024-04-17_10_01_08_page-template.md b/weblog/2024-04-17_10_01_08_page-template.md
deleted file mode 100644
index 44b187f..0000000
--- a/weblog/2024-04-17_10_01_08_page-template.md
+++ /dev/null
@@ -1,181 +0,0 @@
-Type: Template
-Title: Page Template
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<title>{weblog-title}{separator}{post-title}</title>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-{feeds}
-<style>
-@import url('https://static.omg.lol/type/font-honey.css');
-@import url('https://static.omg.lol/type/font-lato-regular.css');
-@import url('https://static.omg.lol/type/font-lato-bold.css');
-@import url('https://static.omg.lol/type/font-lato-italic.css');
-@import url('https://static.omg.lol/type/font-md-io.css');
-@import url('https://static.omg.lol/type/fontawesome-free/css/all.css');
-
-:root {
-	--foreground: #212529;
-	--background: #f8f9fa;
-	--link: #0b7285;
-	--accent: #868e96;
-}
-
-@media (prefers-color-scheme: dark) {
-	:root {
-		--foreground: #eee;
-		--background: #222;
-		--link: #99e9f2;
-		--accent: #ced4da;
-	}
-}
-
-* {
-	box-sizing: border-box;
-}
-
-body {
-	font-family: 'Lato', sans-serif;
-	font-size: 120%;
-	color: var(--foreground);
-	background: var(--background);
-}
-
-header nav ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-}
-
-header nav li {
-	display: inline-block;
-}
-
-header nav li a {
-	display: block;
-	text-decoration: none;
-	margin-right: 1em;
-}
-
-h1, h2, h3, h4, h5, h6 {
-	font-family: 'VC Honey Deck', serif;
-	margin: 1rem 0;
-}
-
-p, li {
-	line-height: 160%;
-}
-
-header, main, footer {
-	max-width: 60em;
-	margin: 2em auto;
-	padding: 0 1em;
-}
-
-header {
-	margin-top: 4em;
-}
-
-footer p {
-	margin-top: 5em;
-	font-size: 90%;
-	text-align: center;
-}
-
-a:link { color: var(--link); }
-a:visited { color: var(--link); }
-a:hover { color: var(--link); }
-a:active { color: var(--link); }
-
-.post-info, .post-tags {
-	font-size: 85%;
-	color: var(--accent);
-	text-align: right;
-}
-
-.post-info i:nth-child(2) {
-	margin-left: .75em;
-}
-
-.tag {
-	background: var(--accent);
-	color: var(--background) !important;
-	padding: .3em .4em;
-	margin: .8em 0 0 .4em;
-	border-radius: .5em;
-	text-decoration: none;
-	display: inline-block;
-}
-
-hr {
-	border: 0;
-	height: 1px;
-	background: #333;
-	margin: 2em 0;
-}
-
-code {
-	padding: .2em .3em;
-	border: 1px solid var(--accent);
-	white-space: pre-wrap;
-	word-wrap: break-word; 
-}
-
-pre, code {
-	font-family: 'MD IO 0.4';
-	font-size: 90%;
-}
-
-pre code {
-	background:  #000;
-	color:  #eee;
-	display: inline-block;
-	padding: 1em;
-	white-space: pre-wrap;
-	word-wrap: break-word;   
-}
-
-img {
-	max-width: 100%;
-}
-
-table {
-	border-collapse: collapse;
-}
-
-td, th {
-	padding: .75em;
-	text-align: left;
-	border: 1px solid var(--accent);
-}
-	
-.weblog-title a {
-	text-decoration: none;
-	color: var(--foreground);
-}
-
-</style>
-</head>
-<body>
-
-<header>
-	<h1 class="weblog-title"><a href="{base-path}">{weblog-title}</a></h1>
-	{navigation}
-</header>
-
-<main>
-
-{body}
-
-<hr>
-
-</main>
-
-<footer>
-	<p>Made with <a href="https://weblog.lol">weblog.lol</a>.</p>
-</footer>
-
-</body>
-</html>
diff --git a/weblog/2024-05-06_02_24_your-new-post.md b/weblog/2024-05-06_02_24_your-new-post.md
deleted file mode 100644
index 13f9ed2..0000000
--- a/weblog/2024-05-06_02_24_your-new-post.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-Date: 2024-05-06 02:24
----
-
-# Your new post
-
-This is a new blog post. You can author it in _Markdown_, which is **awesome**.
diff --git a/weblog/styles.css.md b/weblog/B0. Template/styles.css.md
similarity index 100%
rename from weblog/styles.css.md
rename to weblog/B0. Template/styles.css.md
diff --git a/weblog/B0. Template/template-page.html.md b/weblog/B0. Template/template-page.html.md
new file mode 100644
index 0000000..afbaec8
--- /dev/null
+++ b/weblog/B0. Template/template-page.html.md	
@@ -0,0 +1,33 @@
+Type: Template
+Title: Page Template
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>{weblog-title}{separator}{post-title}</title>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="/styles.css?v0.0.3">
+{feeds}
+</head>
+<body>
+
+<header>
+	<h1 class="weblog-title"><a href="{base-path}">{weblog-title}</a></h1>
+	{navigation}
+</header>
+
+<main>
+
+{body}
+
+<hr>
+
+</main>
+
+<footer>
+	<p>Made with <a href="https://weblog.lol">weblog.lol</a>.</p>
+</footer>
+
+</body>
+</html>
