diff --git a/app.js b/app.js
new file mode 100644
index 0000000..23e15dc
--- /dev/null
+++ b/app.js
@@ -0,0 +1,18 @@
+var express = require('express');
+var app = express.createServer();
+
+app.configure(function () {
+    app.use(require('./blocks'));
+    app.use(app.router);
+});
+
+app.set('views', __dirname + '/views');
+app.set('view engine', 'html');
+app.register('.html', require('ejs'));
+
+app.get('/', function (req, res) {
+    res.render('test', { foo: 'bar' });
+});
+
+app.listen(8080);
+console.log('listening on port 8080...');
\ No newline at end of file
diff --git a/layout_main.ejs b/layout_main.html
similarity index 97%
rename from layout_main.ejs
rename to layout_main.html
index bd8d1a2..c2ce738 100644
--- a/layout_main.ejs
+++ b/layout_main.html
@@ -14,3 +14,5 @@ <h1>Main Layout</h1>
 <ul><li>A layout.css stylesheet in the document head</li>
     <li>A layout.js script at the document foot</li>
 </ul>
+
+<%- body %>
\ No newline at end of file
diff --git a/layout_site.ejs b/layout_site.html
similarity index 96%
rename from layout_site.ejs
rename to layout_site.html
index c2afb47..79c30b4 100644
--- a/layout_site.ejs
+++ b/layout_site.html
@@ -15,8 +15,10 @@ <h1>Site Layout</h1>
     <ul><li><t>head</t>: a block whose content is rendered in the HTML 'head' section</li>
         <li><t>foot</t>: a block whose content is rendered just before the closing 'body' tag</li>
     </ul>
+    
+    <%- body %>
 
     <!-- pull in the 'foot' block content defined by our child layouts/pages -->
     <%- block('foot') %>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/index.ejs b/test.html
similarity index 98%
rename from index.ejs
rename to test.html
index 66f10c7..4e823e5 100644
--- a/index.ejs
+++ b/test.html
@@ -13,4 +13,4 @@ <h2>Index Page</h2>
 </p>
 <ul><li>A page.css stylesheet in the document head</li>
     <li>A page.js script at the document foot</li>
-</ul>
+</ul>
\ No newline at end of file