diff options
Diffstat (limited to 'layouts/recipe')
| -rw-r--r-- | layouts/recipe/single.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/layouts/recipe/single.html b/layouts/recipe/single.html new file mode 100644 index 0000000..fb88d7f --- /dev/null +++ b/layouts/recipe/single.html @@ -0,0 +1,46 @@ +{{ define "head" }} +<link rel="stylesheet" href='{{ "css/single.css" | absURL }}'> +<script type="application/ld+json"> + {{ .RawContent }} +</script> +{{ end }} + +{{ define "main" }} +{{- $data := transform.Unmarshal .RawContent -}} +<main id="main" class="post"> + <a href="{{- $data.url -}}"> + <h1 class="title">{{ .Title }}</h1> + </a> + <article class="content recipe"> + <div><i>{{ .PublishDate.Format "January 2, 2006"}}</i></div> + <p>{{- $data.description -}}</p> + + <div class="body"> + <div class="ingredients"> + <h2>Ingredients</h2> + <ul> + {{- range $data.recipeIngredient -}} + <li> + <input type="checkbox" id="{{ . }}"> + <label for="{{ . }}">{{ . }}</label> + </li> + {{ end }} + </ul> + </div> + + <div class="instructions"> + <h2>Instructions</h2> + <ol> + {{- range $data.recipeInstructions -}} + <li> + <input type="checkbox" id="{{ . }}"> + <label for="{{ . }}">{{ . }}</label> + </li> + {{ end }} + </ol> + </div> + </div> + + </article> +</main> +{{ end }} |