Extend Theme
This commit is contained in:
parent
7239b2c45e
commit
0cf0202035
GPG key ID:
37591FAF4E6D3462
29 changed files with 802 additions and 169 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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()">☰</a>
|
||||
|
|
|
|||
31
layouts/partials/hero.html
Normal file
31
layouts/partials/hero.html
Normal 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
37
layouts/partials/links.html
Normal 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>
|
||||
|
|
@ -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
35
layouts/partials/posts.html
Normal 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>
|
||||
|
|
@ -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}}
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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"}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue