4 files changed, 110 insertions, 69 deletions
diff --git a/gulpfile.js b/gulpfile.js
index 612ebee..3f63fa6 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -10,6 +10,8 @@
  var git = require('gulp-git');
  var filter = require('gulp-filter');
  var less = require('gulp-less');
+  var data = require('gulp-data');
+  var change = require('gulp-change');
  var rsync = require('gulp-rsync');
  var webserver = require('gulp-webserver');
  var streamqueue = require('streamqueue');
@@ -101,6 +103,8 @@
        var $ = cheerio.load(fs.readFileSync(file));
        posts.push({
          'title': $("head title").text(),
+          'description': $("head meta[name='description']").attr('content'),
+          'body': $("body").text(),
          'mtime': stat.mtime,
          'path': 'posts/' + files[i]
        });
@@ -114,6 +118,12 @@
    return posts;
  }
+  function performTemplateChange(content) {
+    var file = dir.src + '/templates/post.hbs';
+    var stat = fs.statSync(file);
+    return fs.readFileSync(file, {'encoding': 'utf-8'});
+  }
  /**
   * Clean the output directory.
   *
@@ -211,7 +221,7 @@
  /**
   * Package the handlebars files.
   */
-  gulp.task('package:posts', function () {
+  gulp.task('package:postindex', function () {
    var templateData = {
      'posts': buildPostManifest(),
@@ -227,6 +237,30 @@
      .pipe(gulp.dest(dir.dist));
  });
+  gulp.task('package:posts', function () {
+    var templateData = {
+      'author': packageJson.author
+    };
+    // Automatically build the site list.
+    return gulp.src(dir.src + '/posts/*.html', {'base': dir.src})
+      .pipe(data(function(path) {
+        var stat = fs.statSync(path);
+        var $ = cheerio.load(fs.readFileSync(path));
+        return {
+          'title': $("head title").text(),
+          'description': $("head meta[name='description']").attr('content'),
+          'body': $("body").text(),
+        }}))
+      .pipe(change(performTemplateChange))
+      .pipe(handlebars(templateData, handlebarsConfig))
+      .pipe(rename(function (path) {
+        path.extname = ".html";
+      }))
+      .pipe(gulp.dest(dir.dist));
+  });
  /**
   * Copy the HTML files into the dist folder.
   */
@@ -296,7 +330,7 @@
   * Package the entire site into the dist folder.
   */
  gulp.task('package', ['package:html', 'package:talks', 'package:posts',
-    'package:libs',
+    'package:postindex', 'package:libs',
    'package:images', 'package:css', 'package:js']);
  gulp.task('rsync', function () {
diff --git a/package.json b/package.json
index de762dc..8346b66 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,9 @@
    "bower": "^1.4.1",
    "cheerio": "^0.19.0",
    "gulp": "^3.9.0",
+    "gulp-change": "^1.0.0",
    "gulp-compile-handlebars": "^0.5.0",
+    "gulp-data": "^1.2.0",
    "gulp-filter": "^3.0.0",
    "gulp-git": "^1.2.4",
    "gulp-ignore": "^1.2.1",
diff --git a/src/posts/big-tent.html b/src/posts/big-tent.html
index 8b71e0c..981913a 100644
--- a/src/posts/big-tent.html
+++ b/src/posts/big-tent.html
@@ -1,47 +1,9 @@
-<!doctype html>
+<html>
-<html class="no-js">
+<head>
-  <head>
+  <meta description="OpenStack as Layers but also tents but also cats" />
-    <meta charset="utf-8">
+  <title> The Big Tent </title>
-    <title>The Big Tent</title>
+</head>
-    <link rel="stylesheet"
+<body>
-          href="/css/bootstrap.css">
-    <link rel="stylesheet"
-          href="/css/mordred.css">
-    <meta name="author" content="{{author.name}}">
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
-    <meta name="description" content="OpenStack as Layers but also tents but also cats">
-    <meta name="viewport" content="width=device-width">
-    <link rel="shortcut icon" href="/favicon.ico">
-  </head>
-  <body>
-    <!--[if lt IE 10]>
-      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-    <![endif]-->
-<nav class="navbar navbar-default navbar-fixed-top">
-    <div class="container-fluid"><a href="/">
-        <span class="navbar-brand">
-                Things you may or may not care or not care about.</a></span>
-    </div>
-</nav>
-    <!-- Main jumbotron for a primary marketing message or call to action -->
-    <div class="jumbotron">
-      <div class="container-fluid">
-          <h1>
-              <span xmlns:dct="http://purl.org/dc/terms/"
-                  href="http://purl.org/dc/dcmitype/InteractiveResource"
-                  property="dct:title"
-                  rel="dct:type">
-                  The Big Tent
-          </h1>
-        <p class="lead">OpenStack as Layers but also tents but also cats</p>
-      </div>
-  </div>
-  <div class="container-fluid">
      <p>I'd like to build on the ideas in <a href="https://dague.net/2014/08/26/openstack-as-layers/">Sean's Layers</a>. I've been noodling on it for a while and have had a several interesting conversations with people. Before I tell you how I've taxonomied things in my head, I want to spend a second on why.</p>
      <h3 id="why-do-we-care">Why do we care?</h3>
      <p>Our choices in organizing our work effect a few different unrelated things:</p>
@@ -223,28 +185,5 @@ designate call-that-ip &#39;blog.inaugust.com&#39; --also-reverse-dns-kthxbai #
      <p>We can actually let the market decided more on the relative importance of things without us needing to predecide that.</p>
      <p>We can take a much stronger position on some of the topics, such as &quot;Compute instances need IP Addresses&quot; without having to put ourselves in the position to take such a strong stance on everything else.</p>
      <p>Who's with me?</p>
-      </div>
-<nav class="navbar navbar-default navbar-fixed-bottom">
-    <div class="container-fluid">
-        <p class="navbar-text">
-            <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
-                <img alt="Creative Commons License"
-                     src="https://i.creativecommons.org/l/by/4.0/88x31.png"/>
-            </a>
-          <a xmlns:cc="http://creativecommons.org/ns#"
-              rel="cc:attributionURL"
-              href='http://inaugust.com'>http://inaugust.com</a>
-            by <span xmlns:cc="http://creativecommons.org/ns#"
-                               property="cc:attributionName">{{author.name}}</span>
-            is licensed under a <a rel="license"
-                                   href="http://creativecommons.org/licenses/by/4.0/">Creative
-            Commons Attribution 4.0 International License</a>.
-          Source code available at <a href='http://git.inaugust.com/cgit/inaugust.com'>http://git.inaugust.com/cgit/inaugust.com</a>
-        </p>
-    </div>
-</nav>
 </body>
 </html>
diff --git a/src/templates/post.hbs b/src/templates/post.hbs
new file mode 100644
index 0000000..dd2187e
--- /dev/null
+++ b/src/templates/post.hbs
@@ -0,0 +1,66 @@
+<!doctype html>
+<html class="no-js">
+<head>
+  <meta charset="utf-8">
+  <title>{{ title }}</title>
+  <link rel="stylesheet" href="/css/bootstrap.css">
+  <link rel="stylesheet" href="/css/mordred.css">
+  <meta name="author" content="{{author.name}}">
+  <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
+  <meta name="description" content="{{ description }}">
+  <meta name="viewport" content="width=device-width">
+  <link rel="shortcut icon" href="/favicon.ico">
+</head>
+<body>
+  <!--[if lt IE 10]>
+    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+  <![endif]-->
+  <nav class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid"><a href="/">
+        <span class="navbar-brand">
+          Things you may or may not care or not care about.</a></span>
+    </div>
+  </nav>
+  <div class="jumbotron">
+    <div class="container-fluid">
+      <h1>
+        <span xmlns:dct="http://purl.org/dc/terms/"
+         href="http://purl.org/dc/dcmitype/InteractiveResource"
+         property="dct:title"
+         rel="dct:type">
+          {{ title }}
+      </h1>
+      <p class="lead">{{ description }}</p>
+    </div>
+  </div>
+  <div class="container-fluid">
+    {{{ body }}}
+  </div>
+  <nav class="navbar navbar-default navbar-fixed-bottom">
+    <div class="container-fluid">
+      <p class="navbar-text">
+      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
+        <img alt="Creative Commons License"
+             src="https://i.creativecommons.org/l/by/4.0/88x31.png"/>
+      </a>
+      <a xmlns:cc="http://creativecommons.org/ns#"
+             rel="cc:attributionURL"
+             href='http://inaugust.com'>http://inaugust.com</a>
+      by <span xmlns:cc="http://creativecommons.org/ns#"
+             property="cc:attributionName">{{author.name}}</span>
+      is licensed under a <a rel="license"
+                             href="http://creativecommons.org/licenses/by/4.0/">Creative
+                             Commons Attribution 4.0 International License</a>.
+                           Source code available at <a href='http://git.inaugust.com/cgit/inaugust.com'>http://git.inaugust.com/cgit/inaugust.com</a>
+      </p>
+    </div>
+  </nav>
+</body>
+</html>