diff options
| author | Mathias Biilmann Christensen <info@mathias-biilmann.net> | 2017-02-21 00:50:28 -0800 |
|---|---|---|
| committer | Mathias Biilmann Christensen <info@mathias-biilmann.net> | 2017-02-21 00:50:28 -0800 |
| commit | 988a3cd185b9e0268ad220b6f506acf446a35447 (patch) | |
| tree | da28425a8584653d0f0bae1556f9f64433dcb203 /site/layouts/partials | |
| parent | abac30330edd5b7ea718abc230c9d685dfe30c83 (diff) | |
Make product page use content from frontmatter
Diffstat (limited to 'site/layouts/partials')
| -rw-r--r-- | site/layouts/partials/4-up.html | 33 | ||||
| -rw-r--r-- | site/layouts/partials/blockquote.html | 4 | ||||
| -rw-r--r-- | site/layouts/partials/head.html | 2 | ||||
| -rw-r--r-- | site/layouts/partials/image-grid.html | 6 | ||||
| -rw-r--r-- | site/layouts/partials/table-column.html | 11 | ||||
| -rw-r--r-- | site/layouts/partials/table.html | 17 |
6 files changed, 20 insertions, 53 deletions
diff --git a/site/layouts/partials/4-up.html b/site/layouts/partials/4-up.html index dcfbbbf..d57d043 100644 --- a/site/layouts/partials/4-up.html +++ b/site/layouts/partials/4-up.html @@ -4,33 +4,12 @@ <p class="mb4 mw6">{{.description}}</p> <div class="flex-ns flex-wrap mhn2-ns mb3"> - - <div class="ph2-ns w-50-ns mb4"> - <img src="{{.svg1}}" alt="" class="center db mb3" style="width: 240px"> - <p>{{.text1}}</p> - </div> - - <div class="ph2-ns w-50-ns mb4"> - <img src="{{.svg2}}" alt="" class="center db mb3" style="width: 240px"> - <p>{{.text2}}</p> - </div> - - <div class="ph2-ns w-50-ns mb4"> - <img src="{{.svg3}}" alt="" class="center db mb3" style="width: 240px"> - <p>{{.text3}}</p> - </div> - - <div class="ph2-ns w-50-ns mb4"> - <img src="{{.svg4}}" alt="" class="center db mb3" style="width: 240px"> - <p>{{.text4}}</p> - </div> - + {{ range .blurbs }} + <div class="ph2-ns w-50-ns mb4"> + <img src="{{ .image }}" alt="" class="center db mb3" style="width: 240px"> + <p>{{ .text }}</p> + </div> + {{ end }} </div> - - {{ if .buttonText }} - <div class="tc"> - <a href="{{.buttonLink}}" class="btn raise">{{.buttonText}}</a> - </div> - {{ end }} </div> </div> diff --git a/site/layouts/partials/blockquote.html b/site/layouts/partials/blockquote.html index 85920f0..1c851e1 100644 --- a/site/layouts/partials/blockquote.html +++ b/site/layouts/partials/blockquote.html @@ -1,6 +1,6 @@ <div class="center mb3 ph3"> <blockquote class="bg-grey-1 primary pa3 mb3 br1 b mw6 center"> - <p class="f4 mb0">{{.quote}}</p> - <cite class="tr db grey-3">{{.author}}</cite> + <p class="f4 mb0">“{{ .quote }}”</p> + <cite class="tr db grey-3">{{ .author }}</cite> </blockquote> </div> diff --git a/site/layouts/partials/head.html b/site/layouts/partials/head.html index bd2f1da..9c72ea1 100644 --- a/site/layouts/partials/head.html +++ b/site/layouts/partials/head.html @@ -3,7 +3,7 @@ <head> <html lang="en-US"> - <title>{{.Title}} | Kaldi</title> + <title>{{ .Title }} | Kaldi</title> <link rel="stylesheet" href="/css/main.css"/> <meta charset="utf-8"> diff --git a/site/layouts/partials/image-grid.html b/site/layouts/partials/image-grid.html index 726be38..5ead5f1 100644 --- a/site/layouts/partials/image-grid.html +++ b/site/layouts/partials/image-grid.html @@ -2,15 +2,15 @@ <div class="flex flex-wrap mhn1"> <div class="w-100 w-50-ns ph1-ns"> - <img src="/img/products/products-grid3.jpg" alt="A close-up of a paper filter filled with ground coffee"> + <img src="{{ .image1.image }}" alt="{{ .image1.alt }}"> </div> <div class="w-100 w-50-ns ph1-ns"> - <img src="/img/products/products-grid2.jpg" alt="A green cup of a coffee on a wooden table"> + <img src="{{ .image2.image }}" alt="{{ .image2.alt }}"> </div> <div class="w-100 ph1-ns"> - <img src="/img/products/products-grid1.jpg" alt="Coffee beans"> + <img src="{{ .image3.image }}" alt="{{ .image3.alt }}"> </div> </div> diff --git a/site/layouts/partials/table-column.html b/site/layouts/partials/table-column.html index 5713f65..7d2f49e 100644 --- a/site/layouts/partials/table-column.html +++ b/site/layouts/partials/table-column.html @@ -13,15 +13,12 @@ <!-- Features --> <ul> + {{ $itemCount := len .items }} + {{ range $index, $item := .items }} <li> - <p class="pb2 mb2 divider-grey">{{.item1}}</p> - </li> - <li> - <p class="pb2 mb2 divider-grey">{{.item2}}</p> - </li> - <li> - <p>{{.item3}}</p> + <p class="{{ if ne (add 1 $index) $itemCount }}pb2 mb2 divider-grey{{ end }}">{{ $item }}</p> </li> + {{ end }} </ul> </div> diff --git a/site/layouts/partials/table.html b/site/layouts/partials/table.html index 95f639b..2b521a9 100644 --- a/site/layouts/partials/table.html +++ b/site/layouts/partials/table.html @@ -3,21 +3,12 @@ <div class="mw7 center"> <h2 class="f2 b lh-title mb3">{{.heading}}</h1> - <p class="mw6">{{.text}}</p> + <p class="mw6">{{.description}}</p> <div class="flex-ns mhn2-ns mw7"> - - <div class="w-33-ns ph2">{{ partial "table-column" (dict "plan" "Small" "price" "50" "description" "Perfect for the drinker who likes to enjoy 1-2 cups per day." "item1" "3 lbs of coffee per month" "item2" "Green or roasted beans" "item3" "One or two varieties of beans") }} - </div> - - <div class="w-33-ns ph2"> - {{ partial "table-column" (dict "plan" "Big" "price" "80" "description" "Great for avid drinkers, java-nsoving couples and bigger crowds" "item1" "6 lbs of coffee per month" "item2" "Green or roasted beans" "item3" "Up to 4 different varieties of beans") }} - </div> - - <div class="w-33-ns ph2"> - {{ partial "table-column" (dict "plan" "Custom" "price" "?" "description" "Want a few tiny batches from different varieties? Try our custom plan" "item1" "Whatever you need" "item2" "Green or roasted beans" "item3" "Unlimited varieties") }} - </div> - + {{ range .plans }} + <div class="w-33-ns ph2">{{ partial "table-column" . }}</div> + {{ end }} </div> </div> |