8 files changed, 173 insertions, 9 deletions

diff --git a/bower.json b/bower.json
index fb73900..b8a7d7e 100644
--- a/bower.json
+++ b/bower.json
@@ -17,7 +17,8 @@
     "font-awesome": "~4.3.0",
     "font-mfizz": "~2.0.1",
     "reveal.js": "~3.1.0",
-    "bootstrap": "~3.3.5"
+    "bootstrap": "~3.3.5",
+    "modernizr": "~2.8.2"
   },
   "overrides": {
     "font-mfizz": {
diff --git a/gulpfile.js b/gulpfile.js
index 20ca3b1..f6334a3 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -26,10 +26,10 @@
   // List of file paths.
   var paths = {
     'html': dir.src + '/**/*.html',
-    'hbs': dir.src + '/index.hbs',
     'index': dir.src + '/index.hbs',
     'css': dir.src + '/css/**/*.css',
     'js': dir.src + '/js/**/*.js',
+    'talks': dir.src + '/talks',
     'images': [
       dir.src + '/**/*.png',
       dir.src + '/**/*.gif',
@@ -62,10 +62,10 @@
    */
   function buildPresentationManifest () {
     var presentations = [];
-    var files = fs.readdirSync(dir.src);
+    var files = fs.readdirSync(paths.talks);
 
     for (var i = 0; i < files.length; i++) {
-      var file = dir.src + '/' + files[i] + '/index.html';
+      var file = paths.talks + '/' + files[i] + '/index.html';
       try {
         var stat = fs.statSync(file);
         var $ = cheerio.load(fs.readFileSync(file));
@@ -163,7 +163,7 @@
   /**
    * Package the handlebars files.
    */
-  gulp.task('package:hbs', function () {
+  gulp.task('package:talks', function () {
 
     var templateData = {
       'presentations': buildPresentationManifest(),
@@ -171,7 +171,7 @@
     };
 
     // Automatically build the site list.
-    return gulp.src(paths.hbs, {'base': dir.src})
+    return gulp.src(paths.talks + '/index.hbs', {'base': dir.src})
       .pipe(handlebars(templateData, handlebarsConfig))
       .pipe(rename(function (path) {
         path.extname = ".html";
@@ -247,7 +247,7 @@
   /**
    * Package the entire site into the dist folder.
    */
-  gulp.task('package', ['package:html', 'package:hbs', 'package:libs',
+  gulp.task('package', ['package:html', 'package:talks', 'package:libs',
     'package:images', 'package:css', 'package:js']);
 
   gulp.task('rsync', function () {
@@ -272,7 +272,7 @@
   gulp.task('serve', function () {
     gulp.watch(paths.html, ['package:html']);
     gulp.watch(paths.images, ['package:images']);
-    gulp.watch(paths.hbs, ['package:hbs']);
+    gulp.watch(paths.hbs, ['package:talks']);
     gulp.watch(paths.css, ['package:css']);
     gulp.watch(paths.js, ['package:js']);
 
diff --git a/src/css/mordred.css b/src/css/mordred.css
new file mode 100644
index 0000000..23674ee
--- /dev/null
+++ b/src/css/mordred.css
@@ -0,0 +1,84 @@
+.browsehappy {
+  margin: 0.2em 0;
+  background: #ccc;
+  color: #000;
+  padding: 0.2em 0;
+}
+
+/* Space out content a bit */
+body {
+  padding-bottom: 20px;
+}
+
+/* Everything but the jumbotron gets side spacing for mobile first views */
+.header,
+.marketing,
+.footer {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+/* Custom page header */
+.header {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+  /* Make the masthead heading the same height as the navigation */
+.header h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+  line-height: 40px;
+  padding-bottom: 19px;
+}
+
+/* Custom page footer */
+.footer {
+  padding-top: 19px;
+  color: #777;
+  border-top: 1px solid #e5e5e5;
+}
+
+.container-narrow > hr {
+  margin: 30px 0;
+}
+
+/* Main marketing message and sign up button */
+.jumbotron {
+  background: url(/images/smallInAugustLogo.jpeg) no-repeat;
+  text-align: center;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.jumbotron .btn {
+  font-size: 21px;
+  padding: 14px 24px;
+}
+
+/* Supporting marketing content */
+.marketing {
+  margin: 40px 0;
+}
+
+.markerting > p + h4 {
+    margin-top: 28px;
+  }
+
+/* Responsive: Portrait tablets and up */
+@media screen and (min-width: 768px) {
+  .container {
+    max-width: 730px;
+  }
+
+  /* Remove the padding we set earlier */
+  .header,
+  .marketing,
+  .footer {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  /* Space out the masthead */
+  .header {
+    margin-bottom: 10px;
+  }
+}
diff --git a/src/images/smallInAugustLogo.jpeg b/src/images/smallInAugustLogo.jpeg
new file mode 100644
index 0000000..6d2a40c
--- /dev/null
+++ b/src/images/smallInAugustLogo.jpeg
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..340aab5
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,79 @@
+<!doctype html>
+<html class="no-js">
+  <head>
+    <meta charset="utf-8">
+    <title>In August Productions</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width">
+    <link rel="shortcut icon" href="/favicon.ico">
+    <link rel="stylesheet"
+          href="/css/bootstrap.css">
+    <link rel="stylesheet"
+          href="/css/modernizr.css">
+    <link rel="stylesheet"
+          href="/css/mordred.css">
+
+  </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-inverse navbar-fixed-top">
+        <div class="container">
+            <div class="header">
+                <ul class="nav nav-pills pull-right">
+                    <li class="active"><a href="/">Home</a></li>
+                    </ul>
+                <h3 class="text-muted"><a href="/">inaugust.com</a></h3>
+            </div>
+        </div>
+    </nav>
+    -->
+
+    <!-- Main jumbotron for a primary marketing message or call to action -->
+    <div class="jumbotron"
+         xmlns:dct="http://purl.org/dc/terms/"
+         href="http://purl.org/dc/dcmitype/InteractiveResource"
+         property="dct:title"
+         rel="dct:type">
+        <div class="container">
+            <p class="lead">Things you may or may not care or not care about.</p>
+        </div>
+  </div>
+
+  <div class="container">
+      <div class="row">
+          <h3><a href='talks'>Slides for Talks I've Given</a></h3>
+      </div>
+      <div class="row">
+          <h3><a href='big-tent.html'>The Big Tent</a></h3>
+      </div>
+
+      <div class="footer">
+          <p>&copy;
+          <span xmlns:cc="http://creativecommons.org/ns#"
+              property="cc:attributionName">Monty Taylor</span>
+          2015
+          </p>
+
+          <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
+              <img alt="Creative Commons License"
+              style="border-width:0"
+              src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
+          </a><br />
+          <a xmlns:cc="http://creativecommons.org/ns#"
+              rel="cc:attributionURL"
+              href='http://inaugust.com'>http://inaugust.com</a> is licensed under a
+          <a rel="license"
+              href="http://creativecommons.org/licenses/by/4.0/">
+              Creative Commons Attribution 4.0 International License
+          </a>.
+          <br />
+          Website source code available at <a href='https://github.com/emonty/inaugust.com'>https://github.com/emonty/inaugust.com</a>
+      </div>
+
+</body>
+</html>
diff --git a/src/a-vision-for-the-future/index.html b/src/talks/a-vision-for-the-future/index.html
index 88fdbe5..88fdbe5 100644
--- a/src/a-vision-for-the-future/index.html
+++ b/src/talks/a-vision-for-the-future/index.html
diff --git a/src/index.hbs b/src/talks/index.hbs
index 97114c7..4fba0b1 100644
--- a/src/index.hbs
+++ b/src/talks/index.hbs
@@ -5,7 +5,7 @@
     <meta charset="utf-8">
     <title>Conference Talks</title>
     <link rel="stylesheet"
-          href="css/bootstrap.css">
+          href="/css/bootstrap.css">
     <meta name="description"
           content="Conference Talks by {{author.name}}">
     <meta name="author" content="{{author.name}}">
diff --git a/src/template/index.hbs b/src/talks/template/index.hbs
index 1d05d8f..1d05d8f 100644
--- a/src/template/index.hbs
+++ b/src/talks/template/index.hbs