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

12
assets/scss/footer.scss
View file

@ -1,5 +1,3 @@
$color: {{ .Param "color" }};
.footer { .footer {
margin: auto; margin: auto;
padding: 1.5rem 0rem; padding: 1.5rem 0rem;
@ -16,7 +14,11 @@ $color: {{ .Param "color" }};
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
font-size: 2em; font-size: 2em;
color: $color; color: {{ .Site.Params.color.primary }};
}
.social-media-footer a {
color: {{ .Site.Params.color.primary }};
} }
.links { .links {
@ -36,6 +38,10 @@ $color: {{ .Param "color" }};
padding: 0px 24px; padding: 0px 24px;
} }
.link a {
color: inherit;
}
.copyright { .copyright {
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;

33
static/css/header.css → assets/scss/header.scss
View file

@ -39,16 +39,21 @@
.menu-icon { .menu-icon {
display: none; display: none;
font-size: larger; font-size: larger;
color: inherit;
} }
.header-items { .header-items {
margin: auto; margin: auto;
margin-left: 0px; margin-right: 0px;
padding-right: 24px;
display: flex; display: flex;
justify-content: center;
} }
.header-item { .header-item {
margin-left: 2.5rem margin: auto;
margin-left: 2.5rem;
color: inherit;
} }
.dropdown { .dropdown {
@ -73,6 +78,7 @@
.dropdown-content a { .dropdown-content a {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
display: block; display: block;
color: inherit;
} }
.dropdown-content a:hover { .dropdown-content a:hover {
@ -83,7 +89,24 @@
display: block; display: block;
} }
.header-contact-button {
background-color: {{ .Site.Params.color.primary }};
color: white;
border-radius: 4px;
padding: 0.5rem 1.5rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1rem;
margin-left: 2.5rem
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.header {
padding: 0.5rem;
padding-right: 0.5rem;
}
.header-container { .header-container {
display: block; display: block;
} }
@ -117,6 +140,7 @@
display: block; display: block;
text-align: left; text-align: left;
margin-top: 0.5rem; margin-top: 0.5rem;
padding-right: 0rem;
} }
.header-items.responsive .header-item { .header-items.responsive .header-item {
@ -126,6 +150,11 @@
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.header-items.responsive .header-contact-button {
display: block;
margin-left: 0rem;
}
.header-items.responsive .icon { .header-items.responsive .icon {
position: absolute; position: absolute;
right: 0; right: 0;

24
assets/scss/hero.scss Normal file
View file

@ -0,0 +1,24 @@
.hero {
height: 700px;
background-image: url({{ .hero.background }}) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hero-icon-container {
padding: 1rem;
}
.hero-button {
background-color: {{ .color.primary }};
color: white;
border: 2px solid {{ .color.primary }};
border-radius: 4px;
padding: 0.5rem 1.5rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1rem;
margin-top: 1rem;
}

269
assets/scss/index.scss
View file

@ -1,4 +1,3 @@
$color: {{ .Param "color" }};
$font: {{ .Param "font" }}; $font: {{ .Param "font" }};
@font-face { @font-face {
@ -8,6 +7,10 @@ $font: {{ .Param "font" }};
font-style: normal; font-style: normal;
} }
* {
box-sizing: border-box;
}
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
@ -39,7 +42,7 @@ p {
a { a {
text-decoration: none; text-decoration: none;
color: inherit; color: {{ .Site.Params.color.secondary }};
} }
button { button {
@ -66,14 +69,6 @@ button {
[class*="col-"] { [class*="col-"] {
float: left; float: left;
padding: 1.5rem 1.5rem;
}
@media screen and (max-width: 600px) {
[class*="col-"] {
width: 100%;
max-width: 100%;
}
} }
.row { .row {
@ -89,10 +84,15 @@ button {
margin: 0; margin: 0;
} }
.content p img {
width: 100%;
// height: 500px;
}
.divider { .divider {
height: 3px; height: 3px;
border-radius: 50px; border-radius: 50px;
background: $color; background: {{ .Site.Params.color.primary }};
width: 60px; width: 60px;
} }
@ -111,7 +111,7 @@ button {
.video { .video {
position: absolute; position: absolute;
margin: 0 auto; margin: 0 auto;
border: 5px dotted $color; border: 5px dotted {{ .Site.Params.color.primary }};
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
@ -134,25 +134,43 @@ button {
} }
.section-highlight { .section-highlight {
background-color: $color; background-color: {{ .Site.Params.color.primary }};
} }
.section-content { .section-content {
/* width: 100%; */ width: 100%;
max-width: 1152px; max-width: 1152px;
margin: auto; margin: auto;
justify-content: center; justify-content: center;
} }
.article { .content {
padding-top: 9rem; padding-top: 9rem;
padding-bottom: 2rem; padding-bottom: 2rem;
// padding-right: 1.5rem; padding-right: 1.5rem;
// padding-left: 1.5rem; padding-left: 1.5rem;
max-width: 1152px;
width: 100%; width: 100%;
max-width: 1152px;
margin: 0; margin: 0;
align-self: center; align-self: center;
flex-grow: 1;
}
.notfound {
display: flex;
padding-right: 1.5rem;
padding-left: 1.5rem;
width: 100%;
max-width: 1152px;
margin: 0;
align-self: center;
justify-content: center;
flex-grow: 1;
}
.notfoundimage {
width: 100%;
max-width: 912px;
} }
/* Team */ /* Team */
@ -162,19 +180,38 @@ button {
text-align: center; text-align: center;
} }
.team-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.team-list a {
color: inherit;
}
.teammember { .teammember {
display: inline-block; display: inline-block;
align-items: center; align-items: center;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
padding: 1.5rem; padding: 1rem;
} }
.avatar { .avatar {
width: 15rem; width: 15rem;
height: 15rem; height: 15rem;
border-radius: 50%; border-radius: 50%;
border: 2px solid $color; border: 2px solid {{ .Site.Params.color.primary }};
object-fit: cover;
margin: 0 auto;
}
.avatar-small {
width: 10rem;
height: 10rem;
border-radius: 50%;
border: 2px solid {{ .Site.Params.color.primary }};
object-fit: cover; object-fit: cover;
margin: 0 auto; margin: 0 auto;
} }
@ -184,31 +221,79 @@ button {
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
} }
.social-media { .teammember-header {
display: flex;
justify-content: left;
margin-bottom: 2rem;
}
.teammember-header-avatar {
width: 10rem;
height: 10rem;
border-radius: 50%;
border: 2px solid {{ .Site.Params.color.primary }};
object-fit: cover;
}
.teammember-header-title {
font-size: x-large;
padding-bottom: 0.1rem;
margin: auto 1rem;
}
.teammember-header-social-media {
display: flex; display: flex;
justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
font-size: 1.5em;
padding-top: 1rem;
color: #333; color: #333;
min-height: 2em; margin-top: -0.5rem
}
.teammember-header-social-media a {
color: inherit;
}
.teammember-posts {
margin-top: 2rem;
}
.social-media {
font-size: 1.5em;
}
.author {
width: 100%;
display: inline-block;
align-items: center;
text-align: center;
margin: 0 auto;
padding-top: 2rem;
}
.author a {
color: inherit;
}
.author-title {
font-size: x-large;
padding-bottom: 0.1rem;
margin: 0;
} }
/* Funding */ /* Funding */
.funding-logo { .funding-logo {
width: 14rem; width: 9rem;
padding: 1.5rem; padding: 1rem;
} }
.services { .services {
display: inherit;
padding: 1.5rem 0rem; padding: 1.5rem 0rem;
} }
.service-icon-container { .service-icon-container {
/* min-width: 300px; */ padding: 1.5rem;
/* margin: 0 auto; margin: auto;
align-self: center; */
} }
.service-icon { .service-icon {
@ -218,8 +303,8 @@ button {
.service-button { .service-button {
background-color: transparent; background-color: transparent;
color: $color; color: {{ .Site.Params.color.primary }};
border: 2px solid $color; border: 2px solid {{ .Site.Params.color.primary }};
border-radius: 4px; border-radius: 4px;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
text-align: center; text-align: center;
@ -230,7 +315,7 @@ button {
} }
.service-button:hover { .service-button:hover {
background-color: $color; background-color: {{ .Site.Params.color.primary }};
color: white; color: white;
} }
@ -247,7 +332,7 @@ button {
.contact-button { .contact-button {
background-color: white; background-color: white;
color: $color; color: {{ .Site.Params.color.primary }};
border-radius: 4px; border-radius: 4px;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
text-align: center; text-align: center;
@ -261,3 +346,119 @@ button {
text-align: center; text-align: center;
color: white; color: white;
} }
.cardList {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
}
.cardList a {
color: inherit;
}
.smallCard {
display: flex;
flex-direction: column;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 360px;
height: 100px;
margin: 10px;
justify-content: center;
}
.mediumCard {
display: flex;
flex-direction: column;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 360px;
height: 200px;
margin: 10px;
justify-content: center;
}
.card {
display: flex;
flex-direction: column;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
max-width: 350px;
height: 400px;
margin: 5px;
justify-content: center;
}
.cardImage {
display: flex;
width: 100%;
height: 150px;
border-radius: 5px 5px 0px 0px;
object-fit: cover;
flex-shrink: 0;
flex-grow: 1;
}
.cardIcon {
margin: auto;
font-size: 8em;
color: {{ .Site.Params.color.secondary }};
}
.cardTitle {
text-align: center;
font-size: 18px;
font-weight: 600;
padding-top: 1rem;
padding-bottom: 0.5rem;
}
.cardDescription {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px;
padding-top: 0px;
word-wrap: break-word;
//white-space: -moz-pre-wrap;
//white-space: pre-wrap;
height: 100%;
}
.cardDetail {
padding: 6px;
font-size: 12px;
text-align: right;
}
.post-detail {
margin-top: -6px;
padding-bottom: 6px;
font-size: 14px;
}
.coverimage {
height: 60vh;
min-width: 100%;
padding-top: 68px;
object-fit: cover;
}
.more-button {
padding-top: 1rem;
text-align: center;
color: {{ .Site.Params.color.primary }};
}
@media screen and (max-width: 600px) {
[class*="col-"] {
display: block;
width: 100%;
max-width: 100%;
}
.services {
display: inline-block;
}
}

3
assets/scss/progressbar.scss
View file

@ -1,6 +1,5 @@
$color: {{ .Param "color" }};
.progress { .progress {
background: linear-gradient(to right, $color var(--scroll), transparent 0); background: linear-gradient(to right, {{ .Site.Params.color.primary }} var(--scroll), transparent 0);
background-repeat: no-repeat; background-repeat: no-repeat;
position: fixed; position: fixed;
width: 100%; width: 100%;

8
assets/scss/slider.scss
View file

@ -1,5 +1,3 @@
$color: {{ .Param "color" }};
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@ -67,7 +65,7 @@ $color: {{ .Param "color" }};
display: inline-flex; display: inline-flex;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background: $color; background: {{ .color.primary }};
text-decoration: none; text-decoration: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -100,7 +98,7 @@ $color: {{ .Param "color" }};
left: 0; left: 0;
top: 0; top: 0;
z-index: 2; z-index: 2;
color: $color; color: {{ .color.primary }};
font-size: 3.5em; font-size: 3.5em;
} }
@ -119,7 +117,7 @@ $color: {{ .Param "color" }};
top: 0; top: 0;
right: 0; right: 0;
z-index: 2; z-index: 2;
color: $color; color: {{ .color.primary }};
font-size: 3.5em; font-size: 3.5em;
} }

3
assets/scss/totop.scss
View file

@ -1,7 +1,6 @@
$color: {{ .Param "color" }};
.totop { .totop {
display: inline-flex; display: inline-flex;
background-color: $color; background-color: {{ .Site.Params.color.primary }};
color: #f2f2f2; color: #f2f2f2;
width: 50px; width: 50px;
height: 50px; height: 50px;

10
layouts/404.html
View file

@ -1,5 +1,5 @@
<html> {{ define "main" }}
<body> <div class="notfound">
<img src="/images/undraw_page_not_found_su7k.svg"> <img class="notfoundimage" src="/images/undraw_page_not_found_su7k.svg">
</body> </div>
</html> {{ 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> {{ define "main" }}
<html lang="{{ .Site.LanguageCode }}"> {{ with .Params.image }}
{{- partial "head.html" . -}} <img class="coverimage" src="{{ . }}" />
<body> {{ end }}
{{- partial "header.html" . -}} <div class="content">
{{ block "main" . }} {{ with .Title }}
<div class="article">
<div class="title"> <div class="title">
<h1 class="content-title">{{ .Title }}</h1> <h1 class="content-title">{{ . }}</h1>
<div class="divider"></div> <div class="divider"></div>
</div> </div>
<!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
{{ .Content }}
</div>
{{ end }} {{ end }}
{{- partial "footer.html" . -}} <!-- <h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6> -->
</body> {{ .Content }}
</html> </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> {{ define "main" }}
<html lang="{{ .Site.LanguageCode }}"> {{- range $index, $section := .Site.Params.sections }}
{{- partial "head.html" . -}} {{ $odd := mod $index 2 }}
<body> {{ if eq .type "slider" }}
{{- partial "header.html" . -}} {{- partial "slider.html" (dict "slider" $section "color" $.Site.Params.color "odd" $odd) -}}
{{- range $index, $section := .Site.Params.sections }} {{ else if eq .type "hero" }}
{{ $odd := mod $index 2 }} {{- partial "hero.html" (dict "hero" $section "color" $.Site.Params.color "odd" $odd) -}}
{{if eq .type "slider" }} {{ else if eq .type "video" }}
{{- partial "slider.html" (dict "slider" $section "odd" $odd) -}} {{- partial "video.html" (dict "video" $section "odd" $odd) -}}
{{ else if eq .type "video" }} {{ else if eq .type "service" }}
{{- partial "video.html" (dict "video" $section "odd" $odd) -}} {{- partial "service.html" (dict "service" $section "content" $section.description "odd" $odd) -}}
{{ else if eq .type "service" }} {{ else if eq .type "team" }}
{{- partial "service.html" (dict "service" $section "odd" $odd) -}} {{ $pages := where $.Site.RegularPages "Section" $section.id }}
{{ else if eq .type "team" }} {{- partial "team.html" (dict "team" $section "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{- partial "team.html" (dict "team" $section "odd" $odd) -}} {{ else if eq .type "contact" }}
{{ else if eq .type "contact" }} {{- partial "contact.html" (dict "contact" $section "odd" $odd) -}}
{{- partial "contact.html" (dict "contact" $section "odd" $odd) -}} {{ else if eq .type "logos" }}
{{ else if eq .type "logos" }} {{- partial "logos.html" (dict "logos" $section "odd" $odd) -}}
{{- partial "logos.html" (dict "logos" $section "odd" $odd) -}} {{ else if eq .type "posts" }}
{{end}} {{ $pages := where $.Site.RegularPages "Section" $section.id }}
{{- end }} {{- partial "posts.html" (dict "posts" $section "pages" $pages "defaultimage" $.Site.Params.defaultimage "odd" $odd) -}}
{{- partial "footer.html" . -}} {{ end }}
</body> {{- end }}
</html> {{ end }}

8
layouts/partials/contact.html
View file

@ -1,5 +1,11 @@
{{- $contact := .contact }} {{- $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="section-content contact">
<div class="contact-text"> <div class="contact-text">
<h1>{{ $contact.title }}</h1> <h1>{{ $contact.title }}</h1>

5
layouts/partials/footer.html
View file

@ -4,7 +4,7 @@
{{ $template := resources.Get "scss/footer.scss" }} {{ $template := resources.Get "scss/footer.scss" }}
{{ if $template }} {{ if $template }}
{{ $footer := $template | resources.ExecuteAsTemplate "css/footer.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }} {{ $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 }} {{ end }}
<footer class="footer"> <footer class="footer">
<div class="social-media-footer"> <div class="social-media-footer">
@ -12,6 +12,7 @@
{{- range $social}} {{- range $social}}
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a> <a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
{{- end }} {{- end }}
<a href="/posts/index.xml"><i class="fas fa-rss"></i></a>
</span> </span>
</div> </div>
<div> <div>
@ -22,7 +23,7 @@
</ul> </ul>
</div> </div>
<div class="copyright"> <div class="copyright">
© 2021 <a href="https://nutfactory.org">Nutfactory</a> © {{ dateFormat "2006" now }} {{ $footer.copyright }}</a>
</div> </div>
</footer> </footer>
<a class="totop hide" id="totop" href="#"><i class="fas fa-chevron-up"></i></a> <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 }} {{- $header := .Site.Params.header }}
{{- $logo := index $header "logo" }} {{- $logo := index $header "logo" }}
{{- $links := index $header "links" }} {{- $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" }} {{ $template := resources.Get "scss/progressbar.scss" }}
{{ if $template }} {{ if $template }}
{{ $progressbar := $template | resources.ExecuteAsTemplate "css/progressbar.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }} {{ $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 }} {{ end }}
<div class="progress"></div> <div class="progress"></div>
<header class="header" id="header"> <header class="header" id="header">
@ -13,18 +17,24 @@
<a class="home" href="{{ $logo.url }}"><img id="logo" class="logo" src="{{ $logo.image }}"></a> <a class="home" href="{{ $logo.url }}"><img id="logo" class="logo" src="{{ $logo.image }}"></a>
<div class="header-items" id="header-items"> <div class="header-items" id="header-items">
{{- range $links}} {{- range $links}}
<a class="header-item" href="{{ .url }}">{{ .text }}</a> {{ if .links }}
{{- end }} <div class="header-item dropdown">
<!-- <div class="header-item dropdown"> <button class="dropbtn">{{ .text }}
<button class="dropbtn">Portfolio <i class="fas fa-caret-down"></i>
<i class="fas fa-caret-down"></i> </button>
</button> <div class="dropdown-content">
<div class="dropdown-content"> {{- range .links}}
<a href="#">Tauschmärkte</a> <a href="{{ .url }}">{{ .text }}</a>
<a href="#">Konsumkritischer Stadtrundgang</a> {{- end }}
<a href="#">Workshops</a> </div>
</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>
</div> </div>
<a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">&#9776;</a> <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 }} {{- $logos := .logos }}
{{- $odd := .odd }} {{- $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="section-content funding">
<div class="title"> <div class="title">
<h1 class="content-title">{{ $logos.title }}</h1> <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 }} {{- $service := .service }}
{{- $content := .content }}
{{- $odd := .odd }} {{- $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"> <div class="section-content services">
{{if eq $service.image.direction "left"}} {{if and ($service.image) (eq $service.image.direction "left")}}
<div class="service-icon-container col-5"> <div class="service-icon-container col-4">
<img class="service-icon" src="{{ $service.image.url }}"> <img class="service-icon" src="{{ $service.image.url }}">
</div> </div>
{{end}} {{end}}
<div class="service-description col-7"> <div class="service-description {{if $service.image}} col-8 {{end}}">
<div class="title"> <div class="title">
<h1 class="content-title">{{ $service.title }}</h1> <h1 class="content-title">{{ $service.title }}</h1>
<div class="divider"></div> <div class="divider"></div>
</div> </div>
<p>{{ $service.description }}</p> <p>{{ $content }}</p>
{{if $service.button.visible}} {{if and ($service.button) ($service.button.visible)}}
<a class="service-button" href="{{ $service.button.url }}">{{ $service.button.text }}</a> <a class="service-button" href="{{ $service.button.url }}">{{ $service.button.text }}</a>
{{end}} {{end}}
</div> </div>
{{if eq $service.image.direction "right"}} {{if and ($service.image) (eq $service.image.direction "right")}}
<div class="service-icon-container col-5"> <div class="service-icon-container col-4">
<img class="service-icon" src="{{ $service.image.url }}"> <img class="service-icon" src="{{ $service.image.url }}">
</div> </div>
{{end}} {{end}}

13
layouts/partials/slider.html
View file

@ -1,7 +1,18 @@
{{- $slider := .slider }} {{- $slider := .slider }}
{{- $color := .color }}
{{ $length := len $slider.images }} {{ $length := len $slider.images }}
{{- $id := "slider"}}
{{if $slider.id}}
{{- $id := $slider.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
{{ $template := resources.Get "scss/slider.scss" }} {{ $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}} {{ if gt $length 1}}
<div class=slide-links> <div class=slide-links>
{{- range $index, $slide := $slider.images}} {{- range $index, $slide := $slider.images}}

57
layouts/partials/team.html
View file

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

8
layouts/partials/video.html
View file

@ -1,6 +1,12 @@
{{- $video := .video }} {{- $video := .video }}
{{- $odd := .odd }} {{- $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="section-content">
<div class="videoWrapper"> <div class="videoWrapper">
{{ if eq $video.video.type "mp4"}} {{ 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 }}