From 89ae9df5de906ef45968830bac4569274bc9315a Mon Sep 17 00:00:00 2001
From: Monty Taylor <mordred@inaugust.com>
Date: Sat, 1 Aug 2015 06:21:17 +1000
Subject: Try to make a templated layout
---
src/posts/big-tent.html | 73 ++++---------------------------------------------
src/templates/post.hbs | 66 ++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 72 insertions(+), 67 deletions(-)
create mode 100644 src/templates/post.hbs
(limited to 'src')
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 class="no-js">
- <head>
- <meta charset="utf-8">
- <title>The Big Tent</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="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">
+<html>
+<head>
+ <meta description="OpenStack as Layers but also tents but also cats" />
+ <title> The Big Tent </title>
+</head>
+<body>
<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 'blog.inaugust.com' --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 "Compute instances need IP Addresses" 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>
--
cgit v1.2.3