diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..5af0498
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1 @@
+title: Window Maker
diff --git a/_includes/dock.html b/_includes/dock.html
new file mode 100644
index 0000000..2c9a810
--- /dev/null
+++ b/_includes/dock.html
@@ -0,0 +1,37 @@
+  <div id="dock">
+    <table width="64" height="500" border="0" cellpadding="0" cellspacing="0">
+      <tr>
+        <td><a href="/"><img src="/homewmaker.png" alt="Home" width="60" height="81"></a></td>
+      </tr>
+
+      <tr>
+        <td><a href="/news.html"><img src=
+        "/news.png" alt="News" width="60" height="81"></a></td>
+      </tr>
+
+      <tr>
+        <td><a href="/docs.html"><img src=
+        "/docs.png" alt="Documentation" width="60" height="81"></a></td>
+      </tr>
+
+      <tr>
+        <td><a href="/lists.html"><img src="/mailing_list.png" alt="Mailing Lists" width="60" height=
+        "81"></a></td>
+      </tr>
+
+      <tr>
+        <td><a href="/dev.html"><img src="/development.png" alt="Development" width="60" height=
+        "81"></a></td>
+      </tr>
+
+      <tr>
+        <td><a href="/themes.html"><img src="/themes.png" alt="Themes" width="60" height=
+        "81"></a></td>
+      </tr>
+
+      <tr>
+        <td><a href="/links.html"><img src="/links.png" alt="Links" width="60" height=
+        "81"></a></td>
+      </tr>
+    </table>
+  </div>
diff --git a/footer.php b/_includes/footer.html
similarity index 100%
rename from footer.php
rename to _includes/footer.html
diff --git a/header.php b/_includes/header.html
similarity index 51%
rename from header.php
rename to _includes/header.html
index 65ac354..de43f8e 100644
--- a/header.php
+++ b/_includes/header.html
@@ -2,7 +2,7 @@
     <table width="100%">
       <tr>
         <td width="100%">
-          <a href="<?php echo $root;?>"><img src="<?php echo $root;?>header.png" style="min-width:700px" width="95%" alt="title bar"></a>
+          <a href="/"><img src="/header.png" style="min-width:700px" width="95%" alt="title bar"></a>
       </tr>
       <tr>
         <td width="100%">
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..2ce8edc
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,25 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
+
+  <title>Window Maker: {{ page.title }}</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
+  <link href="title.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+  {% include dock.html %}{% include header.html %}
+
+  <div>
+    <table class="inner" border="0" cellpadding="1" cellspacing="1">
+      <tr>
+        <td content="content" colspan="2" valign="top">
+	  {{ content }}
+        </td>
+      </tr>
+    </table>
+
+  {% include footer.html %}
+
+</body>
+</html>
diff --git a/dev.php b/dev.html
similarity index 80%
rename from dev.php
rename to dev.html
index e609f56..2e24b9a 100644
--- a/dev.php
+++ b/dev.html
@@ -1,20 +1,8 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
+---
+layout: default
+title: Development
+---
 
-  <title>Window Maker: Development</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-  <div>
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
           <p>Here are some pieces of information regarding development in Window Maker.</p>
 
           <h3>Source code versioning system</h3>
@@ -63,11 +51,3 @@
           </ul><br />
           <br />
           <br />
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
diff --git a/dock.php b/dock.php
deleted file mode 100644
index c0119f1..0000000
--- a/dock.php
+++ /dev/null
@@ -1,38 +0,0 @@
-<?php $root = "http://www.windowmaker.org/";?>
-  <div id="dock">
-    <table width="64" height="500" border="0" cellpadding="0" cellspacing="0">
-      <tr>
-        <td><a href="<?php echo $root;?>home.php"><img src="<?php echo $root;?>homewmaker.png" alt="Home" width="60" height="81"></a></td>
-      </tr>
-
-      <tr>
-        <td><a href="<?php echo $root;?>news.php"><img src=
-        "<?php echo $root;?>news.png" alt="News" width="60" height="81"></a></td>
-      </tr>
-
-      <tr>
-        <td><a href="<?php echo $root;?>docs.php"><img src=
-        "<?php echo $root;?>docs.png" alt="Documentation" width="60" height="81"></a></td>
-      </tr>
-
-      <tr>
-        <td><a href="<?php echo $root;?>lists.php"><img src="<?php echo $root;?>mailing_list.png" alt="Mailing Lists" width="60" height=
-        "81"></a></td>
-      </tr>
-
-      <tr>
-        <td><a href="<?php echo $root;?>dev.php"><img src="<?php echo $root;?>development.png" alt="Development" width="60" height=
-        "81"></a></td>
-      </tr>
-
-      <tr>
-        <td><a href="<?php echo $root;?>themes.php"><img src="<?php echo $root;?>themes.png" alt="Themes" width="60" height=
-        "81"></a></td>
-      </tr>
-
-      <tr>
-        <td><a href="<?php echo $root;?>links.php"><img src="<?php echo $root;?>links.png" alt="Links" width="60" height=
-        "81"></a></td>
-      </tr>
-    </table>
-  </div>
diff --git a/docs.php b/docs.html
similarity index 81%
rename from docs.php
rename to docs.html
index e3b9df2..084b8e5 100644
--- a/docs.php
+++ b/docs.html
@@ -1,20 +1,8 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
+---
+layout: default
+title: Documentation
+---
 
-  <title>Window Maker: Documentation</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-  <div>
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
           <br />
           <br />
 
@@ -59,13 +47,3 @@
 	in a system tray like <a href="http://sourceforge.net/projects/wmsystemtray">wmsystemtray</a> on your dock.</p>
 
 	<div align="center"><img src="essential_dockapps.png" alt="Essential dockapps" width="66" height="135" /><div>wmvolman and wmsystemtray with nm-applet</div></div>
-
-
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
diff --git a/home.php b/index.html
similarity index 71%
rename from home.php
rename to index.html
index d08ab51..ee7a61d 100644
--- a/home.php
+++ b/index.html
@@ -1,20 +1,7 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
-
-  <title>Window Maker: Home</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-  <div>
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
+---
+layout: default
+title: Home
+---
           <br />
           <br />
 
@@ -38,11 +25,3 @@
           <p>The latest <a href="http://repo.or.cz/w/wmaker-crm.git/shortlog/refs/heads/master">stable</a> version is
 	  <a href="http://windowmaker.org/pub/source/release/WindowMaker-0.95.8.tar.gz">0.95.8</a>,
           released on 11.03.2017. See the <a href="news.php">NEWS</a> section for more information.</p>
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
diff --git a/index.php b/index.php
deleted file mode 100644
index 664b2ba..0000000
--- a/index.php
+++ /dev/null
@@ -1 +0,0 @@
-<?php include("home.php"); ?>
diff --git a/links.php b/links.html
similarity index 81%
rename from links.php
rename to links.html
index f9f79fc..7ca81b0 100644
--- a/links.php
+++ b/links.html
@@ -1,20 +1,8 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
+---
+layout: default
+title: Links
+---
 
-  <title>Window Maker: Links</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-  <div>
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
           <br />
           <br />
 
@@ -87,11 +75,3 @@
 
 	<br><br><br>
           </ul>
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
diff --git a/lists.php b/lists.html
similarity index 81%
rename from lists.php
rename to lists.html
index e0ba46b..1800aa6 100644
--- a/lists.php
+++ b/lists.html
@@ -1,20 +1,8 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
+---
+layout: default
+title: Mailing Lists
+---
 
-  <title>Window Maker: Mailing Lists</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-  <div>
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
           <br />
           <br />
 
@@ -90,11 +78,3 @@
               <br /></p>
             </li>
           </ul>
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
diff --git a/news.php b/news.html
similarity index 94%
rename from news.php
rename to news.html
index e5c4f3c..816d0f8 100644
--- a/news.php
+++ b/news.html
@@ -1,20 +1,7 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
-
-  <title>Window Maker: News</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-  <div>
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
+---
+layout: default
+title: News
+---
 
 	<h3>Version 0.95.8 released</h3>
 	  <p> Window Maker 0.95.8 was released on March 11th 2017.</p>
@@ -274,11 +261,3 @@ the addition of a debian folder with files summing around ~20k lines. The full d
           <p><br /></p>
 
           <div align="center"><img src="v0_95_1.png" alt="Info v0.95.1" width="382" height="257" /></div>
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
diff --git a/themes.php b/themes.html
similarity index 67%
rename from themes.php
rename to themes.html
index 525b6f8..75db242 100644
--- a/themes.php
+++ b/themes.html
@@ -1,19 +1,8 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
+---
+layout: default
+title: Themes
+---
 
-  <title>Window Maker: Themes</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-  <link href="title.css" rel="stylesheet" type="text/css" />
-</head>
-
-<body>
-  <?php include("dock.php");  ?>
-  <?php include("header.php"); ?>
-
-    <table class="inner" border="0" cellpadding="1" cellspacing="1">
-      <tr>
-        <td content="content" colspan="2" valign="top">
           <br />
           <br />
 
@@ -44,12 +33,3 @@
             <a href="screenshots/NeXT-Retro.png"><img src="screenshots/thumb_NeXT-Retro.png" height="250" alt="NeXT-Retro" /></a><br />
             <b><a href="Themes/NeXT-Retro.tar.gz">NeXT-Retro</a></b> by Martin Dietze (<a href="Themes/NeXT-Retro_README.txt">README</a>, <a href="Themes/NeXT-Retro_dockapps.txt">dockapps information</a>) <p />
           </div>
-        </td>
-      </tr>
-    </table>
-
-  <?php include("footer.php"); ?>
-
-</body>
-</html>
-
