CHANGE card display, CHANGE Link List, ADD Custom Bullet Points

This commit is contained in:
Hoernschen 2022-07-08 17:01:05 +02:00
parent 1c60871e9a
commit 0ded2e9138
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
8 changed files with 103 additions and 31 deletions

View file

@ -8,7 +8,7 @@
{{- $id := .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content links">
<div class="section-content">
{{ with $links.title }}
<div class="title">
<h1 class="content-title">{{ . }}</h1>
@ -17,7 +17,23 @@
{{ end }}
<div class="cardList">
{{- range $links.links}}
<a href="{{ .url }}">
<div class="mediumCard">
<a href="{{ .url }}">
<div class="cardContent">
{{ if .image }}
<img class="cardImage {{ if eq .image.cover false }} noCover {{ end }}" alt="{{ .image.alt }}" src="{{ .image.url }}" />
{{ else if .icon }}
<div class="cardImage">
<i class="fas fa-{{ .icon }} cardIcon"></i>
</div>
{{ else }}
<img class="cardImage" alt="default image" src="{{ $defaultimage }}" />
{{ end }}
<div class="cardTitle">{{ .title }}</div>
</div>
</a>
</div>
{{/* <a href="{{ .url }}">
<div class="mediumCard">
{{ if .image }}
<img class="cardImage" alt="{{ .image.alt }}" src="{{ .image.url }}" />
@ -30,7 +46,7 @@
{{ end }}
<div class="cardTitle">{{.title}}</div>
</div>
</a>
</a> */}}
{{- end}}
</div>
</div>

View file

@ -16,18 +16,20 @@
</div>
<div class="cardList">
{{ range first 3 $pages }}
<a href="{{.Permalink}}">
<div class="card">
{{ if .Params.image }}
<img class="cardImage" src="{{ .Params.image }}" />
{{ else }}
<img class="cardImage" src="{{ $defaultimage }}" />
{{ end }}
<div class="cardTitle">{{.Title}}</div>
<div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
</div>
</a>
<div class="card">
<a href="{{.Permalink}}">
<div class="cardContent">
{{ if .Params.image }}
<img class="cardImage {{ if eq .Params.image.cover false }} noCover {{ end }}" src="{{ .Params.image.url }}" />
{{ else }}
<img class="cardImage" src="{{ $defaultimage }}" />
{{ end }}
<div class="cardTitle">{{.Title}}</div>
<div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
</div>
</a>
</div>
{{ end }}
</div>
<div class="more-button"><a href="{{ $posts.id }}"> {{ $posts.moretext }} </a></div>