--- /dev/null
+.card {
+    box-sizing: border-box;
+    border: 30px solid #aaaaaa;
+    width: 200px;
+    height: 400px; }
 
--- /dev/null
+<div class="card">
+  % if card["type"] == 'guilt':
+  <h1 id="title">GUILT CARD</h1>
+  <p id="prompt">Choose at least one of these guilts as your own:</p>
+  <ul id="answers">
+  % for answer in card["answers"]:
+    <li>{{ answer }}</li>
+  % end
+  <ul/>
+  % end
+  % if card["type"] == 'action':
+  <h1 id="title">ACTION CARD<br />{{ card["title"] }}</h1>
+  % for paragraph in card["paragraphs"]:
+  <p>{{ paragraph }}</p>
+  % end
+  % end
+</div>
 
--- /dev/null
+<!DOCTYPE HTML>
+<html>
 
-<!DOCTYPE HTML>
-<html>
+% include('_meta_head.tpl')
 <style>
-  .card {
-      box-sizing: border-box;
-      border: 30px solid #aaaaaa;
-      width: 200px;
-      height: 400px; }
+% include('_card.css')
 </style>
 <body>
-  <div class="card">
-    % if card["type"] == 'guilt':
-    <h1 id="title">GUILT CARD</h1>
-    <p id="prompt">Choose at least one of these guilts as your own:</p>
-    <ul id="answers">
-    % for answer in card["answers"]:
-      <li>{{ answer }}</li>
-    % end
-    <ul/>
-    % end
-    % if card["type"] == 'action':
-    <h1 id="title">ACTION CARD<br />{{ card["title"] }}</h1>
-    % for paragraph in card["paragraphs"]:
-    <p>{{ paragraph }}</p>
-    % end
-    % end
-  </div>
+% include('_card.tpl')
 <a href="{{ web_path }}/decks/{{deck_id}}/cards">back to overview</a>
 </body>
-</html>
+% include('_meta_foot.tpl')
 
-<!DOCTYPE HTML>
-<html>
+% include('_meta_head.tpl')
 <body>
 <h1>Edit {{ card["type"] }} card</h1>
 <form action="{{ web_path }}/decks/{{deck_id}}/cards/{{ card_id }}" method="POST">
 % end
 </form>
 </body>
-</html>
+% include('_meta_foot.tpl')
 
-<!DOCTYPE HTML>
-<html>
+% include('_meta_head.tpl')
 <body>
 <h1>deck: {{deck_name}}</h1>
 <ul>
 <a href="{{ web_path }}/decks">back to decks overview</a>
 </p>
 </body>
-</html>
+% include('_meta_foot.tpl')
 
-<!DOCTYPE HTML>
-<html>
+% include('_meta_head.tpl')
 <style>
+% include('_card.css')
   .card {
       page-break-before: always;
-      box-sizing: border-box;
-      border: 30px solid #aaaaaa;
-      width: 200px;
-      height: 400px; }
+  }
 </style>
 <body>
 % for card in cards:
-  <div class="card">
-    % if card["type"] == 'guilt':
-    <h1 id="title">GUILT CARD</h1>
-    <p id="prompt">Choose at least one of these guilts as your own:</p>
-    <ul id="answers">
-    % for answer in card["answers"]:
-      <li>{{ answer }}</li>
-    % end
-    <ul/>
-    % end
-    % if card["type"] == 'action':
-    <h1 id="title">ACTION CARD<br />{{ card["title"] }}</h1>
-    % for paragraph in card["paragraphs"]:
-    <p>{{ paragraph }}</p>
-    % end
-    % end
-  </div>
+% include('_card.tpl')
 % end
-</body>
-</html>
+<body>
+% include('_meta_foot.tpl')
 
--- /dev/null
+% include('_meta_head.tpl')
+<body>
+<ul>
+% for deck_id in decks:
+<li><a href="{{ web_path }}/decks/{{deck_id}}">{{decks[deck_id]}}</a></li>
+% end
+</ul>
+<form action="{{ web_path }}/decks/" method="GET">
+add another deck? name: <input type="text" name="deck_name" />
+</form>
+</body>
+% include('_meta_foot.tpl')
 
-<!DOCTYPE HTML>
-<html>
+% include('_meta_head.tpl')
 <body>
 <form action="{{ web_path }}/decks/{{ deck_id }}/cards/{{ card_id }}/delete" method="POST">
 <input type="submit" value="delete {{card_name}}?" />
 </form>
 <a href="{{ web_path }}/decks/{{ deck_id }}/cards">Nah, better not …</a>
 </body>
-</html>
+% include('_meta_foot.tpl')