diff --git a/.gitignore b/.gitignore
index 1f5347a..dbf684c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,9 @@
-# Haskell
-*.o
-*.hi
-
 # Hakyll
 _cache
 _site
 site
 
-# Vim
-*.swp
+# Tup
+/build/*
+!/build/tup.config
+graph.png
diff --git a/Makefile b/Makefile
index 720e58d..a96220c 100644
--- a/Makefile
+++ b/Makefile
@@ -5,3 +5,14 @@ all: site.hs
 
 build: all
 	./${TARGET} build
+
+tup:
+	tup build
+
+graph:
+	tup graph . | dot -Tpng > graph.png
+
+deploy:
+	rsync --checksum -ave 'ssh -p 4242' \
+		build/* fab@ffreling.com:public_html/ffreling.com/public/
+  
diff --git a/Tupfile b/Tupfile
new file mode 100644
index 0000000..2349037
--- /dev/null
+++ b/Tupfile
@@ -0,0 +1,8 @@
+: foreach *.md | templates/footer.html |> \
+	pandoc --from markdown --to html \
+	--template=templates/pandoc.html \
+	--css css/default.css \
+	--include-before-body=templates/nav.html \
+	--include-after-body=templates/footer.html \
+	%f --output=%o \
+	|> %B.html
diff --git a/Tupfile.ini b/Tupfile.ini
new file mode 100644
index 0000000..e69de29
diff --git a/build/tup.config b/build/tup.config
new file mode 100644
index 0000000..e69de29
diff --git a/css/Tupfile b/css/Tupfile
new file mode 100644
index 0000000..8320379
--- /dev/null
+++ b/css/Tupfile
@@ -0,0 +1 @@
+:foreach *.css |> !tup_preserve |>
diff --git a/images/Tupfile b/images/Tupfile
new file mode 100644
index 0000000..c5fe903
--- /dev/null
+++ b/images/Tupfile
@@ -0,0 +1 @@
+:foreach *.png *.jpg |> !tup_preserve |>
diff --git a/index.md b/index.md
index 6b9eca2..db398d3 100644
--- a/index.md
+++ b/index.md
@@ -8,7 +8,7 @@ For an up-to-date professional resume, you might want to head over to my [Linked
 
 <div align=right style="padding-top: 100px;">
 <a href="mantis.html">
-<img src="/images/mantis_shrimp.png" alt="Mantis shrimp, minding its own business">
+<img src="images/mantis_shrimp.png" alt="Mantis shrimp, minding its own business">
 </a>
 <br clear=all>
 <i>May the mighty mantis shrimp smile upon you.</i>
diff --git a/projects/dawnchaos/Tupfile b/projects/dawnchaos/Tupfile
new file mode 100644
index 0000000..84beffe
--- /dev/null
+++ b/projects/dawnchaos/Tupfile
@@ -0,0 +1,8 @@
+: foreach *.md | ../../templates/footer.html |> \
+	pandoc --from markdown --to html \
+	--template=../../templates/pandoc.html \
+	--css ../../css/default.css \
+	--include-before-body=../../templates/nav.html \
+	--include-after-body=../../templates/footer.html \
+	%f --output=%o \
+	|> %B.html
diff --git a/projects/maestro/Tupfile b/projects/maestro/Tupfile
new file mode 100644
index 0000000..84beffe
--- /dev/null
+++ b/projects/maestro/Tupfile
@@ -0,0 +1,8 @@
+: foreach *.md | ../../templates/footer.html |> \
+	pandoc --from markdown --to html \
+	--template=../../templates/pandoc.html \
+	--css ../../css/default.css \
+	--include-before-body=../../templates/nav.html \
+	--include-after-body=../../templates/footer.html \
+	%f --output=%o \
+	|> %B.html
diff --git a/projects/oboy/Tupfile b/projects/oboy/Tupfile
new file mode 100644
index 0000000..84beffe
--- /dev/null
+++ b/projects/oboy/Tupfile
@@ -0,0 +1,8 @@
+: foreach *.md | ../../templates/footer.html |> \
+	pandoc --from markdown --to html \
+	--template=../../templates/pandoc.html \
+	--css ../../css/default.css \
+	--include-before-body=../../templates/nav.html \
+	--include-after-body=../../templates/footer.html \
+	%f --output=%o \
+	|> %B.html
diff --git a/projects/trailr/Tupfile b/projects/trailr/Tupfile
new file mode 100644
index 0000000..84beffe
--- /dev/null
+++ b/projects/trailr/Tupfile
@@ -0,0 +1,8 @@
+: foreach *.md | ../../templates/footer.html |> \
+	pandoc --from markdown --to html \
+	--template=../../templates/pandoc.html \
+	--css ../../css/default.css \
+	--include-before-body=../../templates/nav.html \
+	--include-after-body=../../templates/footer.html \
+	%f --output=%o \
+	|> %B.html
diff --git a/projects/whereiscar/Tupfile b/projects/whereiscar/Tupfile
new file mode 100644
index 0000000..84beffe
--- /dev/null
+++ b/projects/whereiscar/Tupfile
@@ -0,0 +1,8 @@
+: foreach *.md | ../../templates/footer.html |> \
+	pandoc --from markdown --to html \
+	--template=../../templates/pandoc.html \
+	--css ../../css/default.css \
+	--include-before-body=../../templates/nav.html \
+	--include-after-body=../../templates/footer.html \
+	%f --output=%o \
+	|> %B.html
diff --git a/templates/Tupfile b/templates/Tupfile
new file mode 100644
index 0000000..45e0fb0
--- /dev/null
+++ b/templates/Tupfile
@@ -0,0 +1 @@
+: |> ./generate_footer.sh > %o |> footer.html
diff --git a/templates/generate_footer.sh b/templates/generate_footer.sh
new file mode 100755
index 0000000..54df8f5
--- /dev/null
+++ b/templates/generate_footer.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+cat << EOF
+<div id="footer">
+Copyright &copy; Fabien Freling 2007-$(date +%Y)
+</div>
+EOF
diff --git a/templates/nav.html b/templates/nav.html
new file mode 100644
index 0000000..483c158
--- /dev/null
+++ b/templates/nav.html
@@ -0,0 +1,6 @@
+<div id="banner"></div>
+<div id="navigation">
+  <a href="index.html">Home</a>
+  <a href="projects.html">Projects</a>
+  <a href="about.html">About</a>
+</div>
diff --git a/templates/pandoc.html b/templates/pandoc.html
new file mode 100644
index 0000000..9816fcf
--- /dev/null
+++ b/templates/pandoc.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+$for(author-meta)$
+  <meta name="author" content="$author-meta$" />
+$endfor$
+$if(date-meta)$
+  <meta name="dcterms.date" content="$date-meta$" />
+$endif$
+$if(keywords)$
+  <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
+$endif$
+  <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
+  <style>
+      code{white-space: pre-wrap;}
+      span.smallcaps{font-variant: small-caps;}
+      span.underline{text-decoration: underline;}
+      div.column{display: inline-block; vertical-align: top; width: 50%;}
+$if(quotes)$
+      q { quotes: "“" "”" "‘" "’"; }
+$endif$
+  </style>
+$if(highlighting-css)$
+  <style>
+$highlighting-css$
+  </style>
+$endif$
+$for(css)$
+  <link rel="stylesheet" href="$css$" />
+$endfor$
+$if(math)$
+  $math$
+$endif$
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+$for(header-includes)$
+  $header-includes$
+$endfor$
+</head>
+<body>
+$for(include-before)$
+$include-before$
+$endfor$
+$if(title)$
+<header id="title-block-header">
+<h1 class="title">$title$</h1>
+$if(subtitle)$
+<p class="subtitle">$subtitle$</p>
+$endif$
+$for(author)$
+<p class="author">$author$</p>
+$endfor$
+$if(date)$
+<p class="date">$date$</p>
+$endif$
+</header>
+$endif$
+$if(toc)$
+<nav id="$idprefix$TOC" role="doc-toc">
+$table-of-contents$
+</nav>
+$endif$
+$body$
+$for(include-after)$
+$include-after$
+$endfor$
+</body>
+</html>