diff options
| author | Roel M. Hogervorst <hogervorst.rm@gmail.com> | 2020-12-11 19:08:27 +0300 |
|---|---|---|
| committer | Roel M. Hogervorst <hogervorst.rm@gmail.com> | 2020-12-11 19:08:27 +0300 |
| commit | df49c4bc5c306660bb02ad60aa953d9a32ca6ef4 (patch) | |
| tree | 2b3ca6718023c8092b2ec8101af3250d125d34a8 | |
| parent | 54b825ad0fd57160ac62fb70b77cb6e8959ebcca (diff) | |
Make component recipes clickable
Now that components are rendered as well, this makes a link
to the subcomponents.
| -rw-r--r-- | layouts/recipes/single.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/layouts/recipes/single.html b/layouts/recipes/single.html index 5b0778f..1f5ba5b 100644 --- a/layouts/recipes/single.html +++ b/layouts/recipes/single.html @@ -84,20 +84,20 @@ </ul> </div> </div> - <!-- end recipe and directions --> + <!-- end recipe and directions --> <!-- check if it's a component-based recipe, render it --> {{ with .Params.Components }} <div class="components bg-darken-2 p2 mt3 mb3 center"> ↓ This is a <strong class="blue">component-based recipe</strong> (fancy talk for making the dish in pieces, then assembling). ↓ </div> - + <div class="clearfix mxn2"> {{ range . }} {{ $compTitle := . }} <div class="sm-col sm-col-4 px2 recipeItems"> {{ range where $.Site.Pages "Title" $compTitle }} - <h4 class="blue center">{{ .Title }}</h4> + <h4 class="blue center"><a href="{{ .Permalink }}">{{ .Title }}</a></h4> {{ range (.Resources.ByType "image") }} <div class="image ratio bg-cover" style="background-image:url({{$.Site.BaseURL}}{{ .RelPermalink }});"> <img class="hide" itemprop="photo" src="{{$.Site.BaseURL}}{{ .RelPermalink }}" /> @@ -120,7 +120,7 @@ </li> {{ end }} </ul> - + <h4 class="blue regular xs-center">Steps</h4> <ul itemprop="instructions"> {{ range .Params.Directions }} @@ -134,9 +134,9 @@ </div> {{ end }} </div> - + {{ end }} - <!-- end components --> + <!-- end components --> <br /> {{ with .Params.Category }}{{ partial "taxonomy/category" . }}{{ end }} |