CHANGE image handling, ADD partials to reuse structure, REFACTOR
This commit is contained in:
parent
1265491dee
commit
01dcf04b8a
36 changed files with 1181 additions and 864 deletions
|
@ -1,37 +1,40 @@
|
|||
{{- $posts := .posts }}
|
||||
{{- $pages := .pages }}
|
||||
{{- $defaultimage := .defaultimage }}
|
||||
{{- $odd := .odd }}
|
||||
{{- $id := "posts"}}
|
||||
{{- $defaultimage := .defaultimage }}
|
||||
{{- $odd := .odd }}
|
||||
{{- $id := "posts"}}
|
||||
{{if $posts.id}}
|
||||
{{- $id = $posts.id}}
|
||||
{{else if .id}}
|
||||
{{- $id = .id }}
|
||||
{{- $id = $posts.id}}
|
||||
{{else if .id}}
|
||||
{{- $id = .id }}
|
||||
{{end}}
|
||||
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
|
||||
<div class="section-content posts">
|
||||
<div class="title">
|
||||
<h1 class="content-title">{{ $posts.title }}</h1>
|
||||
<div class="divider"></div>
|
||||
</div>
|
||||
<div class="cardList">
|
||||
{{ range first 3 $pages }}
|
||||
<div class="card">
|
||||
<a href="{{.Permalink}}">
|
||||
<div class="cardContent">
|
||||
{{ if .Params.image }}
|
||||
<img class="cardImage {{ if eq .Params.image.cover false }} noCover {{ end }}" alt="{{ .Params.image.alt }}" src="{{ .Params.image.url }}" />
|
||||
{{ else }}
|
||||
<img class="cardImage" src="{{ $defaultimage }}" alt="Defaul Image" />
|
||||
{{ end }}
|
||||
<div class="cardTitle">{{.Title}}</div>
|
||||
<div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
|
||||
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="section-content posts">
|
||||
{{ partial "components/title.html" $posts.title }}
|
||||
<div class="cardList">
|
||||
{{ range first 3 $pages }}
|
||||
<div class="card">
|
||||
<a href="{{.Permalink}}">
|
||||
<div class="cardContent">
|
||||
{{ if .Params.image }}
|
||||
{{ $style := "cardImage {{if ne .Params.image.cover }} noCover {{ end }}" }}
|
||||
{{- partial "components/image.html" (dict "style" $style "url" .image.url "alt" .image.alt) -}}
|
||||
{{ else }}
|
||||
{{- partial "components/image.html" (dict "style" "cardImage" "url" $defaultimage "alt" "Placeholder") -}}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="more-button"><a href="{{ $posts.id }}"> {{ $posts.moretext }} </a></div>
|
||||
<div class="cardTitle">{{.Title}}</div>
|
||||
<div class="cardDescription">
|
||||
{{ .Summary | safeHTML | truncate 320 }}
|
||||
</div>
|
||||
<div class="cardDetail">
|
||||
{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ partial "components/button.html" (dict "type" "text block" "url"
|
||||
$posts.id "text" ($posts.more | default "More")) }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue