Draw a platter around the home page layout

layouts/_default/index.html

@@ -1,12 +1,22 @@
 {{ define "main" }}
-<h1>{{ .Title }}</h1>
-{{ .Content }}
-{{ with site.Menus.main }}
-{{ $url := $.RelPermalink }}
-<nav>
-  {{ range . }}
-  <li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
-  {{ end }}
-</nav>
+<div class="platter">
+  <div class="grid">
+    <div id="title">
+      <h1 class="site">{{ .Title }}</h1>
+    </div>
+    <div id="content">
+      {{ .Content }}
+    </div>
+    {{ with site.Menus.main }}
+    {{ $url := $.RelPermalink }}
+    <div id="nav">
+      <nav class="site bulleted">
+        {{ range . }}
+        <li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
+        {{ end }}
+      </nav>
+    </div>
+  </div>
+</div>
 {{ end }}
 {{ end }}