Extend Theme

This commit is contained in:
Hoernschen 2022-06-27 16:09:44 +02:00
parent 7239b2c45e
commit 0cf0202035
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
29 changed files with 802 additions and 169 deletions

29
layouts/posts/list.html Normal file
View file

@ -0,0 +1,29 @@
{{ define "main" }}
<div class="content">
<article>
<div class="title">
<h1 class="content-title">{{ .Title }}</h1>
<div class="divider"></div>
</div>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
{{.Content}}
</article>
<!-- Ranges through content/posts/*.md -->
<div class="cardList">
{{ range .Pages }}
<a href="{{.Permalink}}">
<div class="card">
{{ if .Params.image }}
<img class="cardImage" src="{{ .Params.image }}" />
{{ else }}
<img class="cardImage" src="{{ $.Site.Params.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>
{{ end }}
</div>
</div>
{{ end }}

47
layouts/posts/single.html Normal file
View file

@ -0,0 +1,47 @@
{{ define "main" }}
{{ with .Params.image }}
<img class="coverimage" src="{{ . }}" />
{{ end }}
<div class="content">
{{ with .Params.tags }}
<div id="tags">
{{ range . }}
<a href="{{ "tags" | absURL }}/{{ . | urlize }}/">#{{ . }}</a>
{{ end }}
</div>
{{ end }}
<div class="title">
<h1 class="content-title">{{ .Title }}</h1>
<div class="post-detail">{{.Date.Format "02.01.2006"}} - ⏱ {{.ReadingTime}} Minuten</div>
<div class="divider"></div>
</div>
{{ .Content }}
{{- $author := .Params.author }}
{{ with .Site.GetPage "/team" }}
{{- range .RegularPages -}}
{{if eq .Params.name $author}}
<a href="{{.Permalink}}">
<div class="author">
{{ if .Params.image }}
<img class="avatar-small" src="{{ .Params.image }}" alt="Avatar">
{{ else }}
<img class="avatar-small" src="{{ $.Site.Params.defaultimage }}" alt="Avatar">
{{ end }}
<h4 class="author-title">{{ .Params.name }}</h4>
<div class="social-media">
<span>
{{- range .Params.social}}
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
{{- end}}
{{if .Params.mail}}
<a href="mailto:{{ .Params.mail }}"><i class="fas fa-at"></i></a>
{{end}}
</span>
</div>
</div>
</a>
{{end}}
{{ end }}
{{ end }}
</div>
{{ end }}