2 files changed, 30 insertions, 22 deletions
diff --git a/layouts/recipes/list.html b/layouts/recipes/list.html
index 9c51074..b758a2b 100644
--- a/layouts/recipes/list.html
+++ b/layouts/recipes/list.html
@@ -1,17 +1,24 @@
 {{- define "main" }}
 <h1>{{ .Title }}</h1>
 {{ .Content }}
-<ul>
-	{{- range sort .Paginator.Pages "Title" }}
-	<li>
-		<a href="{{ .Permalink }}">{{ .Title }}</a>
-			<small>
-				{{ .Summary }}
-				{{- range .Params.tags }}
-				<a href="/tags/{{ . | lower }}">#{{ . }}</a>
-				{{- end }}
-			</small>
-	</li>
-	{{- end }}
-</ul>
+{{- range sort .Pages "Title" }}
+<section class="recipe">
+	<div class="preview">
+		{{- with .Params.preview }}
+		<img src="{{ .src }}" />
+		{{- end }}
+	</div>
+	<div class="description">
+		<h2>
+			<a class="p-name" href="{{ .Permalink }}">{{ .Title }}</a>
+		</h2>
+		<ul class="taglist">
+			{{- range sort .Params.tags }}
+			<li><a class="p-category tag" href="/tags/{{ . | lower }}">{{ . }}</a></li>
+			{{- end }}
+		</ul>
+		{{ .Content }}
+	</div>
+</section>
+{{- end }}
 {{- end }}
diff --git a/layouts/recipes/single.html b/layouts/recipes/single.html
index 7919970..353abd2 100644
--- a/layouts/recipes/single.html
+++ b/layouts/recipes/single.html
@@ -1,14 +1,12 @@
-{{ define "head" }}
-		<script type="text/javascript" src="/js/cookbook.js"></script>
-{{- end }}
-
 {{ define "main" }}
 <article>
 	<header>
-		<h1>{{ .Title }}</h1>
-		{{- range .Params.tags }}
-		<a href="/tags/{{ . | lower }}">#{{ . }}</a>
-		{{- end }}
+		<h1 class="p-name">{{ .Title }}</h1>
+		<ul class="taglist">
+			{{- range sort .Params.tags }}
+			<li><a class="p-category tag" href="/tags/{{ . | lower }}">{{ . }}</a></li>
+			{{- end }}
+		</ul>
 		{{- if .Draft }}
 		<section class="admonition">
 			<div class="admonition-title">
@@ -26,7 +24,7 @@
 		</section>
 		{{- end }}
 	</header>
-	<main>
+	<main class="e-content">
 		{{ .Content }}
 		<table>
 			<tbody>
@@ -81,6 +79,9 @@
 		<h2>Instructions</h2>
 		{{- range $i, $stage := .Params.stages }}
 			<h3>{{ $stage.label }}</h3>
+			{{- if $stage.notes }}
+			<p>{{ .notes }}</p>
+			{{- end }}
 			<ol>
 			{{- range $j, $step := $stage.steps }}
 				<li>