themes/squirrel
themes/squirrel
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Extend Theme

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

10
layouts/404.html
View file

@ -1,5 +1,5 @@
<html>
<body>
<img src="/images/undraw_page_not_found_su7k.svg">
</body>
</html>
{{ define "main" }}
<div class="notfound">
<img class="notfoundimage" src="/images/undraw_page_not_found_su7k.svg">
</div>
{{ end }}

39
layouts/_default/baseof.html
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Hardcoded description; the author should update :){{ end }}" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
{{- $favIcon := .Site.Params.favIcon }}
<link rel="icon" type="image/png" sizes="16x16" href="{{ if $favIcon.small }}{{ $favIcon.small }}{{ else }}/favIcon16x16.png{{ end }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ if $favIcon.big }}{{ $favIcon.big }}{{ else }}/favIcon32x32.png{{ end }}">
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<link rel="stylesheet" type="text/css" href="/Font-Awesome/css/all.min.css">
{{ $template := resources.Get "scss/index.scss" }}
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/index.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
{{ end }}
{{ block "styling" . }}
{{ end }}
{{ $template := resources.Get "scss/totop.scss" }}
{{ if $template }}
{{ $totop := $template | resources.ExecuteAsTemplate "css/totop.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $totop.RelPermalink }}">
{{ end }}
</head>
<body>
{{ block "header" . }}
{{- partial "header.html" . -}}
{{ end }}
{{ block "main" . }}
<!-- The part of the page that begins to differ between templates -->
{{ end }}
{{ block "footer" . }}
{{- partial "footer.html" . -}}
{{ end }}
</body>
</html>

26
layouts/_default/list.html
View file

@ -0,0 +1,26 @@
{{ define "main" }}
{{ if .Params.id }}
{{- partial "hero.html" (dict "hero" .Params "color" .Site.Params.color "odd" 0) -}}
{{ end }}
{{.Content}}
<div>
{{- range $index, $page := .Pages }}
{{ $odd := mod (add $index 1) 2 }}
{{ if eq .Params.type "slider" }}
{{- partial "slider.html" (dict "id" $page.File.ContentBaseName "slider" .Params "color" $.Site.Params.color "odd" $odd) -}}
{{ else if eq .Params.type "hero" }}
{{- partial "hero.html" (dict "id" $page.File.ContentBaseName "hero" .Params "color" $.Site.Params.color "odd" $odd) -}}
{{ else if eq .Params.type "video" }}
{{- partial "video.html" (dict "id" $page.File.ContentBaseName "video" .Params "odd" $odd) -}}
{{ else if eq .Params.type "service" }}
{{- partial "service.html" (dict "id" $page.File.ContentBaseName "service" .Params "content" .Content "odd" $odd) -}}
{{ else if eq .Params.type "contact" }}
{{- partial "contact.html" (dict "id" $page.File.ContentBaseName "contact" .Params "odd" $odd) -}}
{{ else if eq .Params.type "logos" }}
{{- partial "logos.html" (dict "id" $page.File.ContentBaseName "logos" .Params "odd" $odd) -}}
{{ else if eq .Params.type "links" }}
{{- partial "links.html" (dict "id" $page.File.ContentBaseName "links" .Params "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{ end }}
{{ end }}
</div>
{{ end }}

25
layouts/_default/single.html
View file

@ -1,18 +1,15 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
{{ block "main" . }}
<div class="article">
{{ define "main" }}
{{ with .Params.image }}
<img class="coverimage" src="{{ . }}" />
{{ end }}
<div class="content">
{{ with .Title }}
<div class="title">
<h1 class="content-title">{{ .Title }}</h1>
<h1 class="content-title">{{ . }}</h1>
<div class="divider"></div>
</div>
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
{{ .Content }}
</div>
{{ end }}
{{- partial "footer.html" . -}}
</body>
</html>
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
{{ .Content }}
</div>
{{ end }}

20
layouts/_default/terms.html Normal file
View file

@ -0,0 +1,20 @@
{{ define "main" }}
<div class="content">
<article>
<div class="title">
<h1 class="content-title">{{ .Title }}</h1>
<div class="divider"></div>
</div>
</article>
<!-- Ranges through content/posts/*.md -->
<div class="cardList">
{{ range .Pages }}
<a href="{{.Permalink}}">
<div class="smallCard">
<div class="cardTitle">{{.Title}}</div>
</div>
</a>
{{ end }}
</div>
</div>
{{ end }}

48
layouts/index.html
View file

@ -1,24 +1,24 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
{{- range $index, $section := .Site.Params.sections }}
{{ $odd := mod $index 2 }}
{{if eq .type "slider" }}
{{- partial "slider.html" (dict "slider" $section "odd" $odd) -}}
{{ else if eq .type "video" }}
{{- partial "video.html" (dict "video" $section "odd" $odd) -}}
{{ else if eq .type "service" }}
{{- partial "service.html" (dict "service" $section "odd" $odd) -}}
{{ else if eq .type "team" }}
{{- partial "team.html" (dict "team" $section "odd" $odd) -}}
{{ else if eq .type "contact" }}
{{- partial "contact.html" (dict "contact" $section "odd" $odd) -}}
{{ else if eq .type "logos" }}
{{- partial "logos.html" (dict "logos" $section "odd" $odd) -}}
{{end}}
{{- end }}
{{- partial "footer.html" . -}}
</body>
</html>
{{ define "main" }}
{{- range $index, $section := .Site.Params.sections }}
{{ $odd := mod $index 2 }}
{{ if eq .type "slider" }}
{{- partial "slider.html" (dict "slider" $section "color" $.Site.Params.color "odd" $odd) -}}
{{ else if eq .type "hero" }}
{{- partial "hero.html" (dict "hero" $section "color" $.Site.Params.color "odd" $odd) -}}
{{ else if eq .type "video" }}
{{- partial "video.html" (dict "video" $section "odd" $odd) -}}
{{ else if eq .type "service" }}
{{- partial "service.html" (dict "service" $section "content" $section.description "odd" $odd) -}}
{{ else if eq .type "team" }}
{{ $pages := where $.Site.RegularPages "Section" $section.id }}
{{- partial "team.html" (dict "team" $section "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{ else if eq .type "contact" }}
{{- partial "contact.html" (dict "contact" $section "odd" $odd) -}}
{{ else if eq .type "logos" }}
{{- partial "logos.html" (dict "logos" $section "odd" $odd) -}}
{{ else if eq .type "posts" }}
{{ $pages := where $.Site.RegularPages "Section" $section.id }}
{{- partial "posts.html" (dict "posts" $section "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{ end }}
{{- end }}
{{ end }}

8
layouts/partials/contact.html
View file

@ -1,5 +1,11 @@
{{- $contact := .contact }}
<div id="{{ $contact.id }}" class="section section-highlight">
{{- $id := "contact"}}
{{if $contact.id}}
{{- $id := $contact.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
<div id="{{ $id }}" class="section section-highlight">
<div class="section-content contact">
<div class="contact-text">
<h1>{{ $contact.title }}</h1>

5
layouts/partials/footer.html
View file

@ -4,7 +4,7 @@
{{ $template := resources.Get "scss/footer.scss" }}
{{ if $template }}
{{ $footer := $template | resources.ExecuteAsTemplate "css/footer.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $footer.Permalink }}">
<link rel="stylesheet" type="text/css" href="{{ $footer.RelPermalink }}">
{{ end }}
<footer class="footer">
<div class="social-media-footer">
@ -12,6 +12,7 @@
{{- range $social}}
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
{{- end }}
<a href="/posts/index.xml"><i class="fas fa-rss"></i></a>
</span>
</div>
<div>
@ -22,7 +23,7 @@
</ul>
</div>
<div class="copyright">
© 2021 <a href="https://nutfactory.org">Nutfactory</a>
© {{ dateFormat "2006" now }} {{ $footer.copyright }}</a>
</div>
</footer>
<a class="totop hide" id="totop" href="#"><i class="fas fa-chevron-up"></i></a>

28
layouts/partials/head.html
View file

@ -1,28 +0,0 @@
<head>
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Hardcoded description; the author should update :){{ end }}" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
{{- $favIcon := .Site.Params.favIcon }}
<link rel="icon" type="image/png" sizes="16x16" href="{{ if $favIcon.small }}{{ $favIcon.small }}{{ else }}/favIcon16x16.png{{ end }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ if $favIcon.big }}{{ $favIcon.big }}{{ else }}/favIcon32x32.png{{ end }}">
{{ $template := resources.Get "scss/index.scss" }}
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/index.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.Permalink }}">
{{ end }}
<!-- <link rel="stylesheet" type="text/css" href="/css/index.css"> -->
{{ $template := resources.Get "scss/totop.scss" }}
{{ if $template }}
{{ $totop := $template | resources.ExecuteAsTemplate "css/totop.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $totop.Permalink }}">
{{ end }}
<!-- <link rel="stylesheet" type="text/css" href="/css/totop.css"> -->
{{ $template := resources.Get "scss/slider.scss" }}
{{ if $template }}
{{ $slider := $template | resources.ExecuteAsTemplate "css/slider.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $slider.Permalink }}">
{{ end }}
<link rel="stylesheet" type="text/css" href="/Font-Awesome/css/all.min.css">
</head>

36
layouts/partials/header.html
View file

@ -1,11 +1,15 @@
{{- $header := .Site.Params.header }}
{{- $logo := index $header "logo" }}
{{- $links := index $header "links" }}
<link rel="stylesheet" href="/css/header.css">
{{ $template := resources.Get "scss/header.scss" }}
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/header.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
{{ end }}
{{ $template := resources.Get "scss/progressbar.scss" }}
{{ if $template }}
{{ $progressbar := $template | resources.ExecuteAsTemplate "css/progressbar.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $progressbar.Permalink }}">
<link rel="stylesheet" type="text/css" href="{{ $progressbar.RelPermalink }}">
{{ end }}
<div class="progress"></div>
<header class="header" id="header">
@ -13,18 +17,24 @@
<a class="home" href="{{ $logo.url }}"><img id="logo" class="logo" src="{{ $logo.image }}"></a>
<div class="header-items" id="header-items">
{{- range $links}}
<a class="header-item" href="{{ .url }}">{{ .text }}</a>
{{- end }}
<!-- <div class="header-item dropdown">
<button class="dropbtn">Portfolio
<i class="fas fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Tauschmärkte</a>
<a href="#">Konsumkritischer Stadtrundgang</a>
<a href="#">Workshops</a>
{{ if .links }}
<div class="header-item dropdown">
<button class="dropbtn">{{ .text }}
<i class="fas fa-caret-down"></i>
</button>
<div class="dropdown-content">
{{- range .links}}
<a href="{{ .url }}">{{ .text }}</a>
{{- end }}
</div>
</div>
</div> -->
{{ else }}
<a class="header-item" href="{{ .url }}">{{ .text }}</a>
{{ end }}
{{- end }}
{{ if $header.button }}
<a class="header-contact-button" href="{{ $header.button.url }}">{{ $header.button.text }}</a>
{{ end }}
</div>
</div>
<a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">&#9776;</a>

31
layouts/partials/hero.html Normal file
View file

@ -0,0 +1,31 @@
{{- $hero := .hero }}
{{- $color := .color }}
{{- $odd := .odd }}
{{- $id := "hero"}}
{{if $hero.id}}
{{- $id := $hero.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
{{ $template := resources.Get "scss/hero.scss" }}
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/hero.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
{{ end }}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}} row hero">
<div class="section-content">
<div class="hero-description col-5">
<div class="title">
<h1 class="content-title">{{ $hero.title }}</h1>
<div class="divider"></div>
</div>
<p>{{ $hero.subtitle }}</p>
{{if $hero.button.visible}}
<a class="hero-button" href="{{ $hero.button.url }}">{{ $hero.button.text }}</a>
{{end}}
</div>
<div class="hero-icon-container col-7">
<img class="service-icon" alt="{{ $hero.image.alt }}" src="{{ $hero.image.url }}">
</div>
</div>
</div>

37
layouts/partials/links.html Normal file
View file

@ -0,0 +1,37 @@
{{- $links := .links }}
{{- $odd := .odd }}
{{- $defaultimage := .defaultimage}}
{{- $id := "links"}}
{{if $links.id}}
{{- $id := $links.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content links">
{{ with $links.title }}
<div class="title">
<h1 class="content-title">{{ . }}</h1>
<div class="divider"></div>
</div>
{{ end }}
<div class="cardList">
{{- range $links.links}}
<a href="{{ .url }}">
<div class="mediumCard">
{{ if .image }}
<img class="cardImage" 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>
{{- end}}
</div>
</div>
</div>

8
layouts/partials/logos.html
View file

@ -1,6 +1,12 @@
{{- $logos := .logos }}
{{- $odd := .odd }}
<div id="{{ $logos.id }}" class="section {{if eq $odd 0}} section-even {{end}}">
{{- $id := "logos"}}
{{if $logos.id}}
{{- $id := $logos.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content funding">
<div class="title">
<h1 class="content-title">{{ $logos.title }}</h1>

35
layouts/partials/posts.html Normal file
View file

@ -0,0 +1,35 @@
{{- $posts := .posts }}
{{- $pages := .pages }}
{{- $defaultimage := .defaultimage }}
{{- $odd := .odd }}
{{- $id := "posts"}}
{{if $posts.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 }}
<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>
{{ end }}
</div>
<div class="more-button"><a href="{{ $posts.id }}"> {{ $posts.moretext }} </a></div>
</div>
</div>

25
layouts/partials/service.html
View file

@ -1,24 +1,31 @@
{{- $service := .service }}
{{- $content := .content }}
{{- $odd := .odd }}
<div id="{{ $service.id }}" class="section {{if eq $odd 0}} section-even {{end}} row">
{{- $id := "service"}}
{{if $service.id}}
{{- $id := $service.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
<div id="{{$id}}" class="section {{if eq $odd 0}} section-even {{end}} row">
<div class="section-content services">
{{if eq $service.image.direction "left"}}
<div class="service-icon-container col-5">
{{if and ($service.image) (eq $service.image.direction "left")}}
<div class="service-icon-container col-4">
<img class="service-icon" src="{{ $service.image.url }}">
</div>
{{end}}
<div class="service-description col-7">
<div class="service-description {{if $service.image}} col-8 {{end}}">
<div class="title">
<h1 class="content-title">{{ $service.title }}</h1>
<div class="divider"></div>
</div>
<p>{{ $service.description }}</p>
{{if $service.button.visible}}
<p>{{ $content }}</p>
{{if and ($service.button) ($service.button.visible)}}
<a class="service-button" href="{{ $service.button.url }}">{{ $service.button.text }}</a>
{{end}}
</div>
{{if eq $service.image.direction "right"}}
<div class="service-icon-container col-5">
</div>
{{if and ($service.image) (eq $service.image.direction "right")}}
<div class="service-icon-container col-4">
<img class="service-icon" src="{{ $service.image.url }}">
</div>
{{end}}

13
layouts/partials/slider.html
View file

@ -1,7 +1,18 @@
{{- $slider := .slider }}
{{- $color := .color }}
{{ $length := len $slider.images }}
{{- $id := "slider"}}
{{if $slider.id}}
{{- $id := $slider.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
{{ $template := resources.Get "scss/slider.scss" }}
<div id="{{ $slider.id }}" class="slider">
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/slider.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
{{ end }}
<div id="{{ $id }}" class="slider">
{{ if gt $length 1}}
<div class=slide-links>
{{- range $index, $slide := $slider.images}}

57
layouts/partials/team.html
View file

@ -1,33 +1,46 @@
{{- $team := .team }}
{{ $length := len $team.members }}
{{- $pages := .pages}}
{{- $defaultimage := .defaultimage}}
{{- $odd := .odd }}
<div id="{{ $team.id }}" class="section {{if eq $odd 0}} section-even {{end}}">
{{- $id := "team"}}
{{if $team.id}}
{{- $id := $team.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content team">
<div class="title">
<h1 class="content-title">{{ $team.title }}</h1>
<div class="divider"></div>
</div>
{{- range first 3 $team.members }}
<div class="teammember">
<img class="avatar" src="{{ .image }}" alt="Avatar">
<h1 class="teammember-title">{{ .name }}</h1>
{{- range .jobs }}
<p>{{ . }}</p>
<div class="team-list">
{{- range first 4 $pages.ByDate }}
<a href="{{.Permalink}}">
<div class="teammember">
{{ if .Params.image }}
<img class="avatar" src="{{ .Params.image }}" alt="Avatar">
{{ else }}
<img class="avatar" src="{{ $defaultimage }}" alt="Avatar">
{{ end }}
<h1 class="teammember-title">{{ .Params.name }}</h1>
{{- range .Params.jobs }}
<p>{{ . }}</p>
{{- end }}
<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 }}
<div class="social-media">
<span>
{{- range .social}}
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
{{- end}}
{{if .mail}}
<a href="mailto:{{ .mail }}"><i class="fas fa-at"></i></a>
{{end}}
</span>
</div>
</div>
{{- end }}
{{if gt $length 3}}
<div><a href="#"> > Weitere Teammitglieder < </a></div>
{{end}}
<div class="more-button"><a href="{{ $team.id }}"> {{ $team.moretext }} </a></div>
</div>
</div>

8
layouts/partials/video.html
View file

@ -1,6 +1,12 @@
{{- $video := .video }}
{{- $odd := .odd }}
<div id="{{ $video.id }}" class="section {{if eq $odd 0}} section-even {{end}}">
{{- $id := "video"}}
{{if $video.id}}
{{- $id := $video.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content">
<div class="videoWrapper">
{{ if eq $video.video.type "mp4"}}

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 }}

38
layouts/team/list.html Normal file
View file

@ -0,0 +1,38 @@
{{ define "main" }}
<div class="content">
<article>
<div class="title">
<h1 class="content-title">{{ .Title }}</h1>
<div class="divider"></div>
</div>
{{.Content}}
</article>
<div class="team-list">
{{ range .Pages.ByDate }}
<a href="{{.Permalink}}">
<div class="teammember">
{{ if .Params.image }}
<img class="avatar" src="{{ .Params.image }}" alt="Avatar">
{{ else }}
<img class="avatar" src="{{ $.Site.Params.defaultimage }}" alt="Avatar">
{{ end }}
<h1 class="teammember-title">{{ .Params.name }}</h1>
{{- range .Params.jobs }}
<p>{{ . }}</p>
{{- end }}
<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 }}
</div>
</div>
{{ end }}

46
layouts/team/single.html Normal file
View file

@ -0,0 +1,46 @@
{{ define "main" }}
<div class="content">
<div class="teammember-header">
{{ with .Params.image }}
<img class="teammember-header-avatar" src="{{ . }}" alt="Avatar">
{{ end }}
<div class="teammember-header-title">
<h1 class="content-title">{{ .Params.name }}</h1>
<div class="teammember-header-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 class="divider"></div>
</div>
</div>
{{ .Content }}
{{- $name := .Params.name }}
{{- $defaultimage := .Site.Params.defaultimage }}
<div class="cardList teammember-posts">
{{ with .Site.GetPage "/posts" }}
{{- range .RegularPages -}}
{{if eq .Params.author $name}}
<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>
{{end}}
{{ end }}
{{ end }}
</div>
</div>
{{ end }}