Initial Commit

This commit is contained in:
hoernschen 2021-02-25 22:23:58 +01:00
parent bdbb15e52e
commit c20d262f7c
26 changed files with 1006 additions and 0 deletions

5
layouts/404.html Normal file
View file

@ -0,0 +1,5 @@
<html>
<body>
<img src="/images/undraw_page_not_found_su7k.svg">
</body>
</html>

View file

View file

View file

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

16
layouts/index.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
{{- partial "slider.html" . -}}
<div id="content" class="content">
{{- partial "video.html" . -}}
{{- partial "services.html" . -}}
{{- partial "team.html" . -}}
{{- partial "contact.html" . -}}
{{- partial "funding.html" . -}}
</div>
{{- partial "footer.html" . -}}
</body>
</html>

View file

@ -0,0 +1,12 @@
{{- $contact := .Site.Params.contact }}
<div id="contact" class="section section-highlight">
<div class="section-content contact">
<div class="contact-text">
<h1>{{ $contact.title }}</h1>
<p>{{ $contact.subtitle }}</p>
</div>
<div class="contact-button-container">
<a class="contact-button" href="{{ $contact.button.url }}">{{ $contact.button.text }}</a>
</div>
</div>
</div>

View file

@ -0,0 +1,29 @@
{{- $footer := .Site.Params.footer }}
{{- $social := index $footer "social" }}
{{- $links := index $footer "links" }}
{{ $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 }}">
{{ end }}
<footer class="footer">
<div class="social-media-footer">
<span>
{{- range $social}}
<a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
{{- end }}
</span>
</div>
<div>
<ul class="links">
{{- range $links}}
<li class="link"><a href="{{ .url }}">{{ .text }}</a></li>
{{- end }}
</ul>
</div>
<div class="copyright">
© 2021 <a href="https://nutfactory.org">Nutfactory</a>
</div>
</footer>
<a class="totop hide" id="totop" href="#"><i class="fas fa-chevron-up"></i></a>
<script src="/js/totop.js"></script>

View file

@ -0,0 +1,14 @@
{{- $funding := .Site.Params.funding }}
<div id="funding" class="section">
<div class="section-content funding">
<div class="title">
<h1 class="content-title">{{ $funding.title }}</h1>
<div class="divider"></div>
</div>
<div class="funding-logos">
{{- range $funding.logos}}
<a href="{{ .url }}"><img class="funding-logo" src="{{ .logo }}" alt="{{ .text }}"></a>
{{- end}}
</div>
</div>
</div>

View file

@ -0,0 +1,20 @@
<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>
{{ $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"> -->
<link rel="stylesheet" type="text/css" href="/Font-Awesome/css/all.min.css">
</head>

View file

@ -0,0 +1,33 @@
{{- $header := .Site.Params.header }}
{{- $logo := index $header "logo" }}
{{- $links := index $header "links" }}
<link rel="stylesheet" href="/css/header.css">
{{ $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 }}">
{{ end }}
<div class="progress"></div>
<header class="header" id="header">
<div class="header-container">
<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>
</div>
</div> -->
</div>
</div>
<a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">&#9776;</a>
</header>
<script src="/js/header.js"></script>
<script src="/js/progress.js"></script>

View file

@ -0,0 +1,30 @@
{{- $services := .Site.Params.services }}
{{ $length := len $services }}
<div id="services"></div>
{{- range $index, $service := $services}}
{{ $odd := mod $index 2}}
<div class="section {{if eq $odd 0}} section-even {{end}} row">
<div class="section-content services">
{{if eq $odd 1}}
<div class="service-icon-container col-5">
<img class="service-icon" src="{{ .image }}">
</div>
{{end}}
<div class="service-description col-7">
<div class="title">
<h1 class="content-title">{{ .title }}</h1>
<div class="divider"></div>
</div>
<p>{{ .description }}</p>
{{if .button.visible}}
<a class="service-button" href="{{ .button.url }}">{{ .button.text }}</a>
{{end}}
</div>
{{if eq $odd 0}}
<div class="service-icon-container col-5">
<img class="service-icon" src="{{ .image }}">
</div>
{{end}}
</div>
</div>
{{- end }}

View file

@ -0,0 +1,38 @@
{{- $slider := .Site.Params.slider }}
{{ $length := len $slider }}
{{ $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="/css/slider.css"> -->
<div class="slider">
{{ if gt $length 1}}
<div class=slide-links>
{{- range $index, $slide := $slider}}
<a class="slide-link {{if eq $index 0}} slide-link-active {{end}}" onclick="scrollToSlide({{$index}})"></a>
{{ end }}
</div>
{{ end }}
<div class="slides">
{{- range $index, $slide := $slider}}
<div class="slide">
<img src="{{ $slide.image }}" alt="{{ $index }}">
{{ if gt $length 1}}
<span class="slider-navigation-right" onclick="scrollToNextSlideNr({{$index}})">
<i class="fas fa-angle-right"></i>
</span>
<span class="slider-navigation-left" onclick="scrollToPrevSlideNr({{$index}})">
<i class="fas fa-angle-left"></i>
</span>
{{ end }}
</div>
{{- end }}
</div>
</div>
<script src="/js/slider.js"></script>
{{ if gt $length 1}}
<script>
window.setInterval(scrollToNextSlide, 10000)
</script>
{{ end }}

View file

@ -0,0 +1,35 @@
{{- $team := .Site.Params.team }}
{{ $length := len $team.members }}
{{- $services := .Site.Params.services }}
{{ $servicesLength := len $services }}
{{ $odd := mod $servicesLength 2}}
<div id="team" 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>
{{- 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>
</div>

View file

@ -0,0 +1,12 @@
{{- $video := .Site.Params.video }}
<div id="video" class="section">
<div class="section-content">
<div class="videoWrapper">
{{ if eq $video.type "mp4"}}
<video class="video" controls>
<source src="{{ $video.url }}" type="video/mp4">
</video>
{{ end }}
</div>
</div>
</div>