neff
/
neff-steindesign.de
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Convert to using bulma

This commit is contained in:
Patrick Neff 2019-08-03 02:10:43 +02:00
parent e4132b827e
commit 26271c0f29
28 changed files with 1995 additions and 1288 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
content/seiten/beispiele/index.md
View File

@ -31,10 +31,15 @@ title = "Bild 2"
## Überschriften ## Überschriften
# Überschrift Stufe 1 # Überschrift Stufe 1
## Überschrift Stufe 2 ## Überschrift Stufe 2
### Überschrift Stufe 3 ### Überschrift Stufe 3
#### Überschrift Stufe 4 #### Überschrift Stufe 4
##### Überschrift Stufe 5 ##### Überschrift Stufe 5
###### Überschrift Stufe 6 ###### Überschrift Stufe 6
## Normaler Paragraph ## Normaler Paragraph
@ -43,7 +48,7 @@ Veniam amet elit consectetur dolor dolore excepteur esse Lorem dolor elit ex iru
## Kursiv ## Kursiv
Ein Teil des Textes wird *kursiv* dargetstellt Ein Teil des Textes wird _kursiv_ dargetstellt
## Fett ## Fett
@ -57,8 +62,8 @@ Ein Teil des Textes wird als [Link](https://example.com) dargetstellt
### Ungeordnete Liste ### Ungeordnete Liste
* Proident aute incididunt commodo veniam anim. - Proident aute incididunt commodo veniam anim.
* Laborum anim irure aliquip occaecat eiusmod. - Laborum anim irure aliquip occaecat eiusmod.
### Geordnete Liste ### Geordnete Liste
@ -67,10 +72,10 @@ Ein Teil des Textes wird als [Link](https://example.com) dargetstellt
## Tabelle ## Tabelle
Kopfzeile 1 | Kopfzeile 2 | Kopfzeile 1 | Kopfzeile 2 |
----------------|------------ | --------------- | --------------- |
Reihe 1 Zelle 1 | Rheie 1 Zelle 2 | Reihe 1 Zelle 1 | Rheie 1 Zelle 2 |
Reihe 2 Zelle 1 | Rheie 2 Zelle 2 | Reihe 2 Zelle 1 | Rheie 2 Zelle 2 |
# Media Elemente # Media Elemente
@ -78,7 +83,7 @@ Reihe 2 Zelle 1 | Rheie 2 Zelle 2
### Einfache Bilder Links und rechts im laufenden text ### Einfache Bilder Links und rechts im laufenden text
{{< image "bilder/bild-1.jpg" "left" >}} {{< image "bilder/bild-1.jpg" "is-pulled-left" >}}
Consectetur elit adipisicing non magna fugiat consequat cupidatat nostrud ipsum veniam. Consectetur officia eiusmod quis ea cillum. Nostrud qui ea tempor do est. Et officia reprehenderit laboris commodo enim anim. Nulla eu sint aliquip sint. Culpa ad amet nostrud aliquip elit dolore ad eiusmod velit aliqua mollit ea. Officia nisi commodo occaecat cillum do consectetur. Consectetur elit adipisicing non magna fugiat consequat cupidatat nostrud ipsum veniam. Consectetur officia eiusmod quis ea cillum. Nostrud qui ea tempor do est. Et officia reprehenderit laboris commodo enim anim. Nulla eu sint aliquip sint. Culpa ad amet nostrud aliquip elit dolore ad eiusmod velit aliqua mollit ea. Officia nisi commodo occaecat cillum do consectetur.

4
content/seiten/info/standsicherheit/index.md
View File

@ -34,4 +34,6 @@ ab einer Höhe von 80 cm an der Oberkante, einen Druck von 50kg aushalten und
dabei nicht ins wackeln kommen, oder sich vom Fundament lösen. Dies ist im dabei nicht ins wackeln kommen, oder sich vom Fundament lösen. Dies ist im
Detail in der TA-Grabmal beschrieben. Detail in der TA-Grabmal beschrieben.
{{< image "bilder/standsicherheit-2.jpg" "right" >}} {{< image "bilder/standsicherheit-2.jpg" "is-pulled-right" >}}
<div class="is-clearfix"></div>

2
themes/neff/layouts/404.html
View File

@ -1,4 +1,4 @@
{{ define "main" }} {{ define "main" }}
<h1>{{ i18n "404" }}</h1> <h1 class="box">{{ i18n "404" }}</h1>
{{ i18n "not-found" }} {{ i18n "not-found" }}
{{ end }} {{ end }}

272
themes/neff/layouts/_default/baseof.html
View File

@ -26,146 +26,182 @@
{{- block "head" . -}}{{- end -}} {{- block "head" . -}}{{- end -}}
<body> <body>
<div class="fixed-background background-{{ with .Params.background }}{{- . -}}{{- else -}}default{{- end -}}"></div>
<div id="header" class="large"> <div class="user">
<div class="container"> <div class="fixed-background background-{{ with .Params.background }}{{- . -}}{{- else -}}default{{- end -}}">
<div class="flex row"> </div>
<div class="col-xs-12"> <div id="header">
<div class="navbar-logo padding"> <nav class="navbar is-transparent is-fixed-top is-large" role="navigation" aria-label="main navigation">
<a href="{{.Site.BaseURL }}"> <div class="container box">
<picture> <div class="navbar-brand">
<source srcset="/img/logo.svg" media="(min-width: 48rem)"> <div class="navbar-item">
<img src="/img/logo-klein.svg" alt="Logo der Firma Neff Stein-Design" /> <a href="{{.Site.BaseURL }}">
</picture> <picture>
<source srcset="/img/logo.svg" media="(min-width: 48rem)">
<img src="/img/logo-klein.svg" alt="Logo der Firma Neff Stein-Design" />
</picture>
</a>
</div>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a> </a>
</div> </div>
<div class="navbar small"> <div class="navbar-menu">
<input type="checkbox" class="hamburger" id="top-navigation-checkbox" <div class="navbar-end">
name="top-navigation-checkbox"><label class="hamburger" for="top-navigation-checkbox"><span {{- $currentPage := . -}}
class="toggler"><span class="line"></span><span class="line"></span><span {{- range .Site.Menus.main -}}
class="line"></span></span></label> {{- if .HasChildren -}}
<div class="navbar-container"> <div class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }} navbar-item">
<nav> <a href="{{ .URL }}">
<ul> {{ .Pre }}
{{- $currentPage := . -}} <span>{{ .Name }}</span>
{{- range .Site.Menus.main -}} </a>
{{- if .HasChildren -}} <div class="sub-menu">
<li class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}"> {{- range .Children -}}
<a href="{{ .URL }}">
{{ .Pre }}
<span>{{ .Name }}</span>
</a>
<ul class="sub-menu">
{{- range .Children -}}
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
{{- end -}}
</ul>
</li>
{{- else -}}
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}} {{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
{{- end -}} {{- end -}}
{{- end -}} </div>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
{{- if eq .Kind "home" -}}
{{- $section := $.Site.GetPage "section" "aktionen" -}}
{{ $page := "" }}
{{- with $section.Pages }}
{{- $page = index . 0 -}}
{{ end }}
{{- with $page -}}
<section id="banner">
<div class="container">
<div id="banner-container" class="col-xs-12">
<h1>{{ .Title }}</h1>
<p>{{ .Params.description }}</p>
<p><a href="{{ .Permalink }}" class="btn btn-primary">{{ i18n "more-info" }}</a></p>
</div>
</div>
</section>
{{- end }}
{{- end -}}
<div id="page-wrapper">
{{- if .Params.show_breadcrumbs -}}
<div class="container">
{{- partial "breadcrumbs.html" . }}
</div>
{{- end -}}
<div id="content">
{{- block "content" . -}}
<div class="container">
{{- block "main" . -}}{{- end -}}
</div>
{{- end -}}
</div>
<div id="footer">
{{- if (ne .Kind "home") -}}
<div class="container">
<section class="row" id="index-contact">
<div class="col-xs-12">
<h2 class="padding"><a class="anchor" id="{{ i18n "contact" }}">Kontakt</a></h2>
<div class="call-to-action flex row text-center">
<div class="padding">
<a class="btn btn-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
</div> </div>
</div> {{- else -}}
<div class="row"> {{ partial "menu-item.html" (dict "item" . "ctx" $currentPage "class" "navbar-item")}}
{{- $site := . }} {{- end -}}
{{- range .Site.Data.kontakt.kontakt -}}
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
{{- end -}} {{- end -}}
</div> </div>
</div> </div>
</section> </div>
</nav>
</div>
{{- if eq .Kind "home" -}}
<section id="banner" class="hero-head content">
{{- $section := $.Site.GetPage "section" "aktionen" -}}
{{ $page := "" }}
{{- with $section.Pages }}
{{- $page = index . 0 -}}
{{ end }}
{{- with $page -}}
<div class="container">
<div id="banner-head" class="box">
<h1>{{ .Title }}</h1>
<p>{{ .Params.description }}</p>
<p class="has-text-centered"><a href="{{ .Permalink }}"
class="button is-primary is-medium">{{ i18n "more-info" }}</a></p>
</div>
</div> </div>
{{- end }} </section>
<div class="container bottom"> {{- end }}
<div class="row" id="footer-social" class="padding"> <div class="hero is-fullheight-with-navbar">
<div class="col-xs-12"> <div class="hero-body section">
{{- partial "social.html" . -}} <div class="container">
<div class="columns is-multiline">
<div class="column is-full hero-content">
</div>
<div class="column hero-foot is-full">
<div class="columns" id="index-short-contact">
<div class="column is-4 is-offset-8">
<div class="box">
<div class="phone">
<span class="mdi mdi-phone"></span>: {{ (index .Site.Data.kontakt.kontakt 0).telephone }}
</div>
<div class="mail">
{{- $email := (index .Site.Data.kontakt.kontakt 0).email }}
<span class="mdi mdi-email"></span>: <a href="mailto:{{ $email }}">{{ $email }}</a>
</div>
<div class="social">
{{ partial "social.html" . }}
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<nav class="row"> </div>
{{- $currentPage := . -}} </div>
{{- range .Site.Menus.footer -}} {{- end -}}
<ul class="list-unstyled col-xs-12 col-sm-4"> <div>
{{- if .HasChildren -}} <div id="page-wrapper">
<li class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}"> {{- if .Params.show_breadcrumbs -}}
<div class="container box">
{{- partial "breadcrumbs.html" . }}
</div>
{{- end -}}
<div class="section">
{{- block "content" . -}}
<div class="content">
<div class="container section box">
{{- block "main" . -}}{{- end -}}
</div>
</div>
{{- end -}}
</div>
{{- if (ne .Kind "home") -}}
<div class="section">
<div class="content">
<div class="container box">
<div class="columns is-multiline">
<div class="column is-full">
<h2><a class="anchor" id="{{ i18n "contact" }}">Kontakt</a></h2>
</div>
<div class="column is-full has-text-centered">
<a class="button is-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
</div>
<div class="column is-full">
<div class="columns">
{{- $site := . }}
{{- range .Site.Data.kontakt.kontakt -}}
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
{{- end -}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{- end }}
<div id="footer" class="section">
<div class="container bottom box">
<div class="columns" id="footer-social">
<div class="column is-full">
{{- partial "social.html" . -}}
</div>
</div>
<nav class="columns">
{{- $currentPage := . -}}
{{- range .Site.Menus.footer -}}
<div class="is-unstyled column is-4">
{{- if .HasChildren -}}
<a href="{{ .URL }}"> <a href="{{ .URL }}">
{{ .Pre }} {{ .Pre }}
<span>{{ .Name }}</span> <span>{{ .Name }}</span>
</a> </a>
<ul class="list-unstyled sub-menu"> <div class="sub-menu">
{{- range .Children -}} {{- range .Children -}}
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}} {{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
{{- end -}} {{- end -}}
</ul> </div>
</li> {{- else -}}
{{- else -}} {{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}} {{- end -}}
</div>
{{- end -}} {{- end -}}
</ul> </nav>
{{- end -}} </div>
</nav>
</div> </div>
</div> </div>
</div> <div id="lightbox-section">
<div id="lightbox-section"> </div>
</div> {{- partial "templates/lightbox.html" . -}}
{{- partial "templates/lightbox.html" . -}} <script>
<script> var $googleAnalytics = '{{ .Site.GoogleAnalytics }}';
var $googleAnalytics = '{{ .Site.GoogleAnalytics }}'; </script>
</script>
{{ partial "part/script.html" (dict "ctx" . "path" "js/common.bundle.js")}} {{ partial "part/script.html" (dict "ctx" . "path" "js/common.bundle.js")}}
{{ partial "part/script.html" (dict "ctx" . "path" "js/app.bundle.js")}} {{ partial "part/script.html" (dict "ctx" . "path" "js/app.bundle.js")}}
{{- block "scripts" . -}}{{- end -}} {{- block "scripts" . -}}{{- end -}}
</body> </body>
</html> </html>

44
themes/neff/layouts/_default/li.html
View File

@ -1,24 +1,24 @@
{{- $currentPage := . -}} {{- $currentPage := . -}}
<li class="col-sm-12"> <div>
<div> {{- range $.Resources.ByType "image" -}}
<div> <div class="column is-full">
{{- range $.Resources.ByType "image" -}} {{- if .Params.featured -}}
{{- if .Params.featured -}} {{- $orig := . -}}
{{- $orig := . -}} <a href="{{ $currentPage.RelPermalink }}">
{{ partial "figure.html" (dict "ctx" $currentPage "image" . "lightbox" false "class" "left round small")}} {{ partial "img.html" (dict "ctx" $currentPage "image" . "lightbox" false "class" "is-pulled-left")}}
{{- end -}} </a>
{{- end -}} {{- end -}}
<a href="{{ .RelPermalink }}"> {{- end -}}
<h4>{{ .Title }}</h4> <a href="{{ .RelPermalink }}">
</a> <h4>{{ .Title }}</h4>
{{ .Summary }} </a>
{{- if .Truncated -}} {{ .Summary }}
&nbsp;<a href="{{ .RelPermalink }}">{{ i18n "read-more" }}&#8230;</a> {{- if .Truncated -}}
{{- end -}} &nbsp;<a href="{{ .RelPermalink }}">{{ i18n "read-more" }}&#8230;</a>
<footer>
<time class="list-item-lastmod"
datetime='{{ .Lastmod.Format "2006-01-02T15:04-07:00" }}'>{{ .Lastmod.Format "02.01.2006 15:04" }}</time>
</footer>
</div>
</div> </div>
</li> {{- end -}}
<footer>
<time class="list-item-lastmod"
datetime='{{ .Lastmod.Format "2006-01-02T15:04-07:00" }}'>{{ .Lastmod.Format "02.01.2006 15:04" }}</time>
</footer>
</div>

11
themes/neff/layouts/_default/list.html
View File

@ -4,17 +4,20 @@
{{ define "main" }} {{ define "main" }}
<main id="list"> <main id="list">
<header>
<h1>{{ .Title }}</h1>
</header>
{{- with .Content -}} {{- with .Content -}}
<div class="content row"> <div class="content columns">
<div class="col-xs-12"> <div class="column">
{{ . }} {{ . }}
</div> </div>
</div> </div>
{{- end -}} {{- end -}}
<ul class="list-unstyled row"> <div class="list-unstyled columns is-multiline">
{{- range .Pages -}} {{- range .Pages -}}
{{- .Render "li" -}} {{- .Render "li" -}}
{{- end -}} {{- end -}}
</ul> </div>
</main> </main>
{{ end }} {{ end }}

40
themes/neff/layouts/_default/single.html
View File

@ -3,30 +3,28 @@
{{- end -}} {{- end -}}
{{- define "main" -}} {{- define "main" -}}
<main class="row" id="single"> <main id="single">
<article class="col-sm-12"> <article class="columns is-multiline">
<header class="flex padding"> <header class="column is-full">
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
</header> </header>
{{- $resources := .Resources -}} <div class="column is-full article-main">
{{- with .Content -}} {{- $resources := .Resources -}}
<div class="content row"> {{- with .Content -}}
<div class="col-sm-12"> {{- range $.Resources.ByType "image" -}}
{{- range $.Resources.ByType "image" -}} {{- if .Params.featured -}}
{{- if .Params.featured -}} {{- $orig := . -}}
{{- $orig := . -}} {{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "is-pulled-left is-featured" "showTitle" true "showDescription" true)}}
{{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured rounded left" "showTitle" true "showDescription" true)}} {{- end -}}
{{- end -}} {{- end -}}
{{- end -}} {{ . }}
{{ . }} {{- end -}}
</div>
</div> </div>
{{- end -}} <footer class="column is-full single-footer is-clearfix is-size-7">
<footer class="single-footer padding"> <span class="mdi mdi-calendar"></span>
<p> <time datetime='{{ .Lastmod.Format "2006-01-02T15:04-07:00" }}'>
<i class="fa fa-calendar"></i> <time {{ .Lastmod.Format "02.01.2006 15:04" }}
datetime='{{ .Lastmod.Format "2006-01-02T15:04-07:00" }}'>{{ .Lastmod.Format "02.01.2006 15:04" }}</time> </time>
</p>
</footer> </footer>
</article> </article>
</main> </main>

2
themes/neff/layouts/catalog/single.html
View File

@ -12,7 +12,7 @@
<div class="padding"> <div class="padding">
{{- with .Resources.GetMatch "bilder/*" -}} {{- with .Resources.GetMatch "bilder/*" -}}
{{- $orig := . -}} {{- $orig := . -}}
{{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured left wide" "showTitle" false "showDescription" false)}} {{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured is-pulled-left wide" "showTitle" false "showDescription" false)}}
{{- end -}} {{- end -}}
{{ with .Params.offer }} {{ with .Params.offer }}
<p class="offer"><a class="btn btn-secondary" href="{{ . }}">Angebot</a></p>{{ end }} <p class="offer"><a class="btn btn-secondary" href="{{ . }}">Angebot</a></p>{{ end }}

6
themes/neff/layouts/gallery/li.html
View File

@ -17,7 +17,7 @@
{{ $image = index $images 0 }} {{ $image = index $images 0 }}
{{ end }} {{ end }}
{{ with $image }} {{ with $image }}
<li class="col-xs-6 col-sm-4"> <div class="column is-4">
{{- partial "figure.html" (dict "ctx" $ctx "image" . "class" "catalog" "showTitle" true "showDescription" true) -}} {{- partial "figure.html" (dict "ctx" $ctx "image" . "class" "" "showTitle" true "showDescription" true) -}}
</li> </div>
{{ end }} {{ end }}

12
themes/neff/layouts/gallery/list.html
View File

@ -4,20 +4,20 @@
{{ define "main" }} {{ define "main" }}
<main id="list"> <main id="list">
<div class="row"> <div class="columns">
<h1 class="col-xs-12">{{ .Title }}</h1> <h1 class="column">{{ .Title }}</h1>
</div> </div>
<ul class="list-unstyled row"> <div class="columns is-multiline">
{{- range .Sections -}} {{- range .Sections -}}
{{- .Render "li" -}} {{- .Render "li" -}}
{{- end -}} {{- end -}}
{{- range .Pages -}} {{- range .Pages -}}
{{- .Render "li" -}} {{- .Render "li" -}}
{{- end -}} {{- end -}}
</ul> </div>
{{- with .Content -}} {{- with .Content -}}
<div class="content row"> <div class="content columns">
<div class="col-sm-12"> <div class="column">
{{ . }} {{ . }}
</div> </div>
</div> </div>

150
themes/neff/layouts/index.html
View File

@ -1,24 +1,8 @@
{{ define "content" }} {{ define "content" }}
<div id="index"> <div id="index">
<div class="container transparent">
<div class="row">
<div class="col-xs-12 col-offset-sm-8 col-sm-4" id="index-short-contact">
<div class="phone">
<i class="fa fa-phone"></i>: {{ (index .Site.Data.kontakt.kontakt 0).telephone }}
</div>
<div class="mail">
{{- $email := (index .Site.Data.kontakt.kontakt 0).email }}
<i class="fa fa-envelope"></i>: <a href="mailto:{{ $email }}">{{ $email }}</a>
</div>
<div class="social">
{{ partial "social.html" . }}
</div>
</div>
</div>
</div>
{{- with .Content -}} {{- with .Content -}}
<div class="container"> <div class="container box">
<main> <main>
<article> <article>
<div class="lead" id="index-content"> <div class="lead" id="index-content">
@ -31,80 +15,97 @@
</div> </div>
{{- end -}} {{- end -}}
<div class="container"> <div>
<section id="index-hero"> <div class="hero">
<a class="anchor" id="{{ i18n "about-us" }}"> <div class="hero-body">
<h1 class="padding">{{ (replace (replace (i18n "about-us") "-" " ") "ue" "ü") | title}}</h1> <div class="container content box">
</a> <div class="columns is-multiline">
<ul class="list-unstyled row"> <div class="column is-full">
{{- range .Params.about_us }} <a class="anchor" id="{{ i18n "about-us" }}">
<li class="col-xs-12 col-sm-4"> <h1 class="padding">{{ (replace (replace (i18n "about-us") "-" " ") "ue" "ü") | title}}</h1>
{{- $section := $.Site.GetPage "section" "ueber-uns" -}} </a>
{{- $page := $section.GetPage . -}} </div>
{{- $image := $page.Resources.GetMatch "bilder/*" -}} <div class="column is-full has-text-left">
{{ partial "figure.html" (dict "image" $image "ctx" $page "class" "fill" "showContent" true "showTitle" true "keepOriginal" true "imgClass" "img-center" )}} <div class="columns">
</li> {{- range .Params.about_us }}
{{- end -}} <div class="column is-4">
</ul> {{- $section := $.Site.GetPage "section" "ueber-uns" -}}
</section> {{- $page := $section.GetPage . -}}
</div> {{- $image := $page.Resources.GetMatch "bilder/*" -}}
{{ partial "figure.html" (dict "image" $image "ctx" $page "class" "is-transparent" "showContent" true "showTitle" true "keepOriginal" true "imgClass" "is-original" )}}
<div class="container"> </div>
<section class="row" id="index-contact"> {{- end -}}
<div class="col-xs-12"> </div>
<a class="anchor" id="{{ i18n "contact" }}"> </div>
<h1 class="padding">Kontakt</h1> </section>
</a>
<div class="call-to-action flex row text-center">
<div class="padding">
<a class="btn btn-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
</div> </div>
</div> </div>
<div class="row">
{{- $site := . }}
{{- range .Site.Data.kontakt.kontakt -}}
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
{{- end -}}
</div>
</div> </div>
</section> </div>
</div> </div>
<div class="container"> <div class="section">
<section class="row" id="index-gallery"> <div class="container box content">
<h1 class="col-xs-12 padding"> <section class="columns" id="index-contact">
<div class="column is-full">
<a class="anchor" id="{{ i18n "contact" }}">
<h1 class="padding">Kontakt</h1>
</a>
<div class="call-to-action is-full column has-text-centered">
<a class="button is-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
</div>
<div class="column is-full">
<div class="columns">
{{- $site := . }}
{{- range .Site.Data.kontakt.kontakt -}}
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
{{- end -}}
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="section">
<div class="container box content">
<section class="columns is-multiline" id="index-gallery">
<h1 class="column is-full padding">
<a class="anchor" href="/galerie" id="{{ i18n "gallery" }}">{{ i18n "gallery" | title}}</a> <a class="anchor" href="/galerie" id="{{ i18n "gallery" }}">{{ i18n "gallery" | title}}</a>
<span class="small"></span> <span class="small"></span>
</h1> </h1>
<div class="col-xs-12"> <div class="column is-full">
<ul class="row list-unstyled"> <div class="columns list-unstyled">
{{- range .Params.galleries }} {{- range .Params.galleries }}
<li class="col-xs-12 col-sm-4"> <li class="column is-4">
{{- $section := $.Site.GetPage "section" "galerie" -}} {{- $section := $.Site.GetPage "section" "galerie" -}}
{{- $page := $section.GetPage . -}} {{- $page := $section.GetPage . -}}
{{- $image := ((index $page.Pages 0).Resources.GetMatch "**.jpg") -}} {{- $image := ((index $page.Pages 0).Resources.GetMatch "**.jpg") -}}
{{ partial "figure.html" (dict "image" $image "ctx" $page "class" "fill" "showDescription" true "showTitle" true)}} {{ partial "figure.html" (dict "image" $image "ctx" $page "class" "fill" "showDescription" true "showTitle" true)}}
</li> </li>
{{- end -}} {{- end -}}
</ul> </div>
</div> </div>
<div class="col-xs-12 end-sm"> <div class="column is-full">
<p> <p>
<a href="/galerie"><strong>Alle Galerien</strong></a> <a href="/galerie"><strong>Alle Galerien</strong></a>
</p> </p>
</div> </div>
</section> </section>
</div> </div>
</div>
<div class="container"> <div class="section">
<section class="row" id="index-news"> <div class="container box content">
<h1 class="col-xs-12 padding"><a class="anchor" href="/neuigkeiten" <section class="columns is-multiline" id="index-news">
<h1 class="column is-full padding"><a class="anchor" href="/neuigkeiten"
id="{{ i18n "news" }}">{{ i18n "news" | title}}</a></h1> id="{{ i18n "news" }}">{{ i18n "news" | title}}</a></h1>
<div class="col-xs-12"> <div class="column">
<ul class="list-unstyled row"> <div class="columns">
{{- range (first 3 (where .Site.Pages.ByWeight ".Params.type" "news")) -}} {{- range (first 3 (where .Site.Pages.ByWeight ".Params.type" "news")) -}}
<li class="col-xs-12 col-sm-4"> <li class="column is-4">
{{- $site := . -}} {{- $site := . -}}
{{- range .Resources.ByType "image" -}} {{- range .Resources.ByType "image" -}}
{{- if .Params.featured -}} {{- if .Params.featured -}}
@ -114,23 +115,24 @@
{{- end -}} {{- end -}}
</li> </li>
{{- end -}} {{- end -}}
</ul> </div>
</div> </div>
<div class="col-xs-12 end-sm"> <div class="column is-full">
<p> <p>
<a href="/neuigkeiten"><strong>Alle Neuigkeiten</strong></a> <a href="/neuigkeiten"><strong>Alle Neuigkeiten</strong></a>
</p> </p>
</div> </div>
</section> </section>
</div> </div>
</div>
{{- if .IsTranslated -}} {{- if .IsTranslated -}}
<div class="container"> <div class="container">
<section id="translations" class="flex row"> <section id="translations" class="flex row">
{{- partial "translations.html" . -}} {{- partial "translations.html" . -}}
</section> </section>
</div> </div>
{{- end -}} {{- end -}}
</div> </div>
{{ end }} {{ end }}

2
themes/neff/layouts/partials/address.html
View File

@ -1,4 +1,4 @@
<section class="address col-xs-12 col-sm-4"> <section class="address column is-4">
<header> <header>
<h3>{{ .address.address.addressLocality }}</h3> <h3>{{ .address.address.addressLocality }}</h3>
</header> </header>

2
themes/neff/layouts/partials/breadcrumbs.html
View File

@ -10,7 +10,7 @@
{{ end }} {{ end }}
<li class="{{ if eq .p1 .p2 }} active{{ end }}"> <li class="{{ if eq .p1 .p2 }} active{{ end }}">
<a href="{{ .p1.Permalink }}">{{ if .p1.IsHome }}Startseite{{ else }}{{ .p1.Title }}{{ end }}</a>{{ if ne .p1 .p2 }} <a href="{{ .p1.Permalink }}">{{ if .p1.IsHome }}Startseite{{ else }}{{ .p1.Title }}{{ end }}</a>{{ if ne .p1 .p2 }}
<i class="fa fa-chevron-right"></i>{{ end }} <span class="mdi mdi-chevron-right"></span>{{ end }}
</li> </li>
{{ end }} {{ end }}
</nav> </nav>

135
themes/neff/layouts/partials/figure.html
View File

@ -8,70 +8,75 @@
{{- $imgClass := .imgClass -}} {{- $imgClass := .imgClass -}}
{{- $href := .ctx.Params.href }} {{- $href := .ctx.Params.href }}
<figure {{- with .class }} class="{{ . }}" {{- end -}}> <div class="card {{ with .class }} {{ . }}{{- end -}}">
<a href="{{- with $href -}}{{ . }}{{ else }}{{ .ctx.RelPermalink }}{{ end }}" {{- with .lightbox }} <div class="card-image">
data-lightbox{{- end -}}> <figure class="image">
{{- partial "img.html" (dict "image" .image "ctx" .ctx "keepOriginal" $keep "class" $imgClass) -}} <a href="{{- with $href -}}{{ . }}{{ else }}{{ .ctx.RelPermalink }}{{ end }}" {{- with .lightbox }}
</a> data-lightbox{{- end -}}>
{{ with .ctx.Params.offer }} {{- partial "img.html" (dict "image" .image "ctx" .ctx "keepOriginal" $keep "class" $imgClass) -}}
<div class="ribbon"> </a>
<span>
Angebot
</span>
</div>
{{ end }}
<figcaption class="description{{ if .isOverlay }} overlay hidden{{ end }}">
{{- if .showTitle -}}
{{- if $href -}}
<a href="{{$href}}">
<h3>{{ $title }}</h3>
</a>
{{- else -}}
<h3>{{ $title }}</h3>
{{- end -}}
{{- end -}}
{{- if .showDescription -}}
<p>
{{- with $description -}}
{{- . -}}
{{- else -}}
{{- $alt -}}
{{- end -}}
</p>
{{- end -}}
{{- if .showContent -}}
<p>
{{- with $content -}}
{{- . -}}
{{- end -}}
</p>
{{- end -}}
{{- if .showSummary -}}
{{ with $ctx.Summary }}
<p>
{{- . -}}
{{- if $ctx.Truncated -}}
&nbsp;<a href="{{ $ctx.RelPermalink }}">{{ i18n "read-more" }}&#8230;</a>
{{- end -}}
</p>
{{ end }}
{{- end -}}
{{- if .showDetails -}}
{{ with .ctx.Params.material }}
<p class="material">Material: {{ . }}</p>
{{- end -}}
{{ with .ctx.Params.ornament }}
<p class="ornament">Ornament: {{ . }}</p>
{{- end -}}
{{- with .ctx.Params.used_for -}}
<p class="type">Typ: {{ range $index, $value := . }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
{{- end -}}
<p class="details">
{{ with .ctx.Params.offer }} {{ with .ctx.Params.offer }}
<a class="btn btn-small btn-secondary" href="{{ . }}">Angebot</a> <div class="ribbon">
<span>
Angebot
</span>
</div>
{{ end }} {{ end }}
<a class="btn btn-small btn-primary" href="{{$ctx.RelPermalink }}">Details</a> </div>
</p> <div class="card-body">
{{- end -}} <div class="card-content">
</figcaption> {{- if .showTitle -}}
</figure> {{- if $href -}}
<a href="{{$href}}">
<h3>{{ $title }}</h3>
</a>
{{- else -}}
<h3>{{ $title }}</h3>
{{- end -}}
{{- end -}}
{{- if .showDescription -}}
<p>
{{- with $description -}}
{{- . -}}
{{- else -}}
{{- $alt -}}
{{- end -}}
</p>
{{- end -}}
{{- if .showContent -}}
<p>
{{- with $content -}}
{{- . -}}
{{- end -}}
</p>
{{- end -}}
{{- if .showSummary -}}
{{ with $ctx.Summary }}
<p>
{{- . -}}
{{- if $ctx.Truncated -}}
&nbsp;<a href="{{ $ctx.RelPermalink }}">{{ i18n "read-more" }}&#8230;</a>
{{- end -}}
</p>
{{ end }}
{{- end -}}
{{- if .showDetails -}}
{{ with .ctx.Params.material }}
<p class="material">Material: {{ . }}</p>
{{- end -}}
{{ with .ctx.Params.ornament }}
<p class="ornament">Ornament: {{ . }}</p>
{{- end -}}
{{- with .ctx.Params.used_for -}}
<p class="type">Typ: {{ range $index, $value := . }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
{{- end -}}
<p class="details">
{{ with .ctx.Params.offer }}
<a class="btn btn-small btn-secondary" href="{{ . }}">Angebot</a>
{{ end }}
<a class="btn btn-small btn-primary" href="{{$ctx.RelPermalink }}">Details</a>
</p>
{{- end -}}
</div>
</div>
</div>

13
themes/neff/layouts/partials/menu-item.html
View File

@ -1,18 +1,17 @@
{{- $currentPage := .ctx -}} {{- $currentPage := .ctx -}}
{{- $link := .item -}} {{- $link := .item -}}
{{- $class := .class -}}
{{- if (eq .item.Identifier "copyright") -}} {{- if (eq .item.Identifier "copyright") -}}
<li> <a href="{{ .item.URL }}">
<a href="{{ .item.URL }}"> <span>&copy; {{ $currentPage.Site.Copyright }}</span>
<span>&copy; {{ $currentPage.Site.Copyright }}</span> </a>
</a>
</li>
{{- else -}} {{- else -}}
<li class="{{ if $currentPage.HasMenuCurrent .item.Menu .item }}active{{ end }}"> <div class="{{ if $currentPage.HasMenuCurrent .item.Menu .item }}active{{ end }} {{ $class }}">
{{- if ne .item.Title "" -}} {{- if ne .item.Title "" -}}
<a href="{{ .item.URL }}"> <a href="{{ .item.URL }}">
{{ $link.Pre }} {{ $link.Pre }}
<span>{{ $link.Name }}</span> <span>{{ $link.Name }}</span>
</a> </a>
{{- end -}} {{- end -}}
</li> </div>
{{- end -}} {{- end -}}

16
themes/neff/layouts/partials/social.html
View File

@ -1,7 +1,9 @@
<ul class="social-icons"> <div class="columns">
{{- range $key, $value := (index .Site.Data.kontakt.kontakt 0).social -}} <div class="column is-full has-text-centered is-size-3">
{{- with $value }} {{- range $key, $value := (index .Site.Data.kontakt.kontakt 0).social -}}
<li><a href="{{ . }}" title="{{ $key | title }}"><i class="fab fa-{{ $key }}"></i></a></li> {{- with $value }}
{{- end -}} <a href="{{ . }}" title="{{ $key | title }}"><span class="mdi mdi-{{ $key }}"></span></a>
{{- end -}} {{- end -}}
</ul> {{- end -}}
</div>
</div>

51
themes/neff/layouts/partials/templates/lightbox.html
View File

@ -1,29 +1,34 @@
<template id="lightbox-template"> <template id="lightbox-template">
<div id="lightbox" class="lightbox"> <div id="lightbox" class="lightbox modal is-active">
<div id="lightbox-container" class="lightbox-container"> <div class="modal-background"></div>
<div class="lightbox-header"> <div id="lightbox-container" class="lightbox-container modal-content">
<h1 class="lightbox-title">Title</h1> <div class="card">
<div class="lightbox-controls"> <div class="card-image">
<a class="lightbox-close"><i class="fa fa-times"></i></a> <div class="image lightbox-image">
</div> <div class="image-container">
</div> <a class="lightbox-prev is-size-3">
<div class="lightbox-image"> <div class="lightbox-nav-prev">
<div class="image-container"> <div>
<a class="lightbox-prev"> <span class="mdi mdi-chevron-left"></span>
<div class="lightbox-nav-prev"> </div>
<div><i class="fa fa-chevron-left"></i></div> </div>
</a>
<a class="lightbox-next is-size-3">
<div class="lightbox-nav-next">
<div><span class="mdi mdi-chevron-right"></span></div>
</div>
</a>
<img src="#" alt="image">
</div> </div>
</a> </div>
<a class="lightbox-next"> </div>
<div class="lightbox-nav-next"> <div class="modal-body">
<div><i class="fa fa-chevron-right"></i></div> <div class="content">
</div> <h1 class="lightbox-title">Title</h1>
</a> <div class="lightbox-footer">
<img src="#" alt="image"> </div>
</div>
</div> </div>
</div>
<div class="lightbox-footer">
</div> </div>
</div> </div>
</div>
</template> </template>

16
themes/neff/layouts/shortcodes/gallery.html
View File

@ -37,19 +37,19 @@
{{- end -}} {{- end -}}
{{- end -}} {{- end -}}
<div class="clearfix"></div> <div class="is-clearfix"></div>
{{ with .Inner }} {{ with .Inner }}
<ul class="list-unstyled row gallery"> <div class="columns is-multiline gallery">
{{ . }} {{ . }}
</ul> </div>
{{ else }} {{ else }}
<ul class="list-unstyled row gallery"> <div class="columns gallery is-multiline">
{{ range $.Page.Resources.Match $search }} {{ range $.Page.Resources.Match $search }}
{{- if (ne .Params.featured true) -}} {{- if (ne .Params.featured true) -}}
<li class="col-xs-6 col-sm-4"> <div class="column is-4">
{{- partial "figure.html" (dict "image" . "ctx" . "lightbox" $lightbox "class" "gallery" "showTitle" $title "showDescription" $description "keepOriginal" $keep) -}} {{- partial "figure.html" (dict "image" . "ctx" . "lightbox" $lightbox "class" "" "showTitle" $title "showDescription" $description "keepOriginal" $keep) -}}
</li> </div>
{{- end -}} {{- end -}}
{{- end -}} {{- end -}}
</ul> </div>
{{- end -}} {{- end -}}

4
themes/neff/layouts/shortcodes/image.html
View File

@ -47,9 +47,9 @@
{{ end }} {{ end }}
{{ $image := $.Page.Resources.GetMatch $search }} {{ $image := $.Page.Resources.GetMatch $search }}
{{ if $list }} {{ if $list }}
<li class="col-xs-6 col-sm-4 padding"> <div class="column is-4">
{{ end }} {{ end }}
{{ partial "figure.html" (dict "image" $image "ctx" $image "class" $class "lightbox" $lightbox "showTitle" $showTitle "showDescription" $showDescription) }} {{ partial "figure.html" (dict "image" $image "ctx" $image "class" $class "lightbox" $lightbox "showTitle" $showTitle "showDescription" $showDescription) }}
{{ if $list }} {{ if $list }}
</li> </div>
{{ end }} {{ end }}

11
themes/neff/layouts/shortcodes/pagelist.html
View File

@ -1,5 +1,8 @@
{{- $type := .Get "type" -}} {{- $type := .Get "type" -}}
<div class="clearfix"></div> <div class="is-clearfix {{ $type }}">
<ul class="flex row list-unstyled {{ $type }}"> </div>
{{ .Inner }} <div class="content">
</ul> <div class="columns is-multiline gallery">
{{ .Inner }}
</div>
</div>

1801
themes/neff/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

39
themes/neff/package.json
View File

@ -12,41 +12,44 @@
"sideEffects": true, "sideEffects": true,
"dependencies": { "dependencies": {
"@babel/polyfill": "^7.4.4", "@babel/polyfill": "^7.4.4",
"@fortawesome/fontawesome-free": "^5.8.1", "@fortawesome/fontawesome-free": "^5.10.0",
"axios": "^0.18.0", "@mdi/font": "^3.8.95",
"core-js": "^3.0.1", "axios": "^0.18.1",
"core-js": "^3.1.4",
"roboto-fontface": "^0.10.0",
"three": "^0.104.0", "three": "^0.104.0",
"vue": "^2.6.10", "vue": "^2.6.10",
"vuex": "^3.1.0" "vuex": "^3.1.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/cli": "^7.4.4", "@babel/cli": "^7.5.5",
"@babel/core": "^7.4.4", "@babel/core": "^7.5.5",
"@babel/preset-env": "^7.4.4", "@babel/preset-env": "^7.5.5",
"@vue/web-component-wrapper": "^1.2.0", "@vue/web-component-wrapper": "^1.2.0",
"autoprefixer": "^9.5.1", "autoprefixer": "^9.6.1",
"babel-loader": "^8.0.5", "babel-loader": "^8.0.6",
"babel-minify-webpack-plugin": "^0.3.1", "babel-minify-webpack-plugin": "^0.3.1",
"bulma": "^0.7.5",
"clean-webpack-plugin": "^1.0.1", "clean-webpack-plugin": "^1.0.1",
"cookieconsent": "^3.1.0", "cookieconsent": "^3.1.1",
"css-loader": "^2.1.1", "css-loader": "^2.1.1",
"css-validator-loader": "^1.1.3", "css-validator-loader": "^1.1.3",
"file-loader": "^3.0.1", "file-loader": "^3.0.1",
"image-webpack-loader": "^4.6.0", "image-webpack-loader": "^4.6.0",
"mini-css-extract-plugin": "^0.5.0", "mini-css-extract-plugin": "^0.5.0",
"optimize-css-assets-webpack-plugin": "^5.0.1", "optimize-css-assets-webpack-plugin": "^5.0.3",
"postcss-loader": "^3.0.0", "postcss-loader": "^3.0.0",
"postcss-preset-env": "^6.6.0", "postcss-preset-env": "^6.7.0",
"prettier": "^1.17.0", "prettier": "^1.18.2",
"sass": "^1.19.0", "sass": "^1.22.9",
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"uglifyjs-webpack-plugin": "^2.1.2", "uglifyjs-webpack-plugin": "^2.2.0",
"url-loader": "^1.1.2", "url-loader": "^1.1.2",
"vue-loader": "^15.7.0", "vue-loader": "^15.7.1",
"vue-template-compiler": "^2.6.10", "vue-template-compiler": "^2.6.10",
"webpack": "^4.30.0", "webpack": "^4.39.0",
"webpack-cli": "^3.3.1", "webpack-cli": "^3.3.6",
"webpack-merge": "^4.2.1" "webpack-merge": "^4.2.1"
} }
} }

8
themes/neff/src/js/lightbox.js
View File

@ -77,9 +77,11 @@ class Lightbox {
}) })
// Close with click on .lightbox-close link // Close with click on .lightbox-close link
let lightboxClose = lightbox.querySelector('a.lightbox-close') let lightboxClose = lightbox.querySelector('a.lightbox-close')
lightboxClose.addEventListener('click', () => { if (lightboxClose) {
container.innerHTML = '' lightboxClose.addEventListener('click', () => {
}) container.innerHTML = ''
})
}
// Previous image with click on .lightbox-prev link // Previous image with click on .lightbox-prev link
let lightboxPrev = lightbox let lightboxPrev = lightbox

28
themes/neff/src/js/scrollspy.js
View File

@ -1,8 +1,6 @@
const header = document.querySelector('#header') const header = document.querySelector('#header .navbar')
const scrollPosition = 50 const scrollPosition = 50
const menuLinks = document.querySelectorAll('.menu-list li a')
const checkbox = document.querySelector('#top-navigation-checkbox')
const banner = document.querySelector('#banner') const banner = document.querySelector('#banner')
let lastScrollPosition = 0 let lastScrollPosition = 0
@ -10,35 +8,27 @@ let lastScrollPosition = 0
window.addEventListener('scroll', e => { window.addEventListener('scroll', e => {
let st = window.pageYOffset || document.documentElement.scrollTop let st = window.pageYOffset || document.documentElement.scrollTop
if (st > lastScrollPosition && st > scrollPosition) { if (st > lastScrollPosition && st > scrollPosition) {
header.classList.add('small') header.classList.remove('is-large')
header.classList.remove('large') header.classList.add('is-navbar-hidden')
header.classList.add('hidden')
if (banner !== null) { if (banner !== null) {
banner.classList.add('hidden') banner.classList.add('is-banner-hidden')
} }
checkbox.checked = false
} else { } else {
if (st < scrollPosition) { if (st < scrollPosition) {
header.classList.add('large') header.classList.add('is-large')
header.classList.remove('small')
if (banner !== null) { if (banner !== null) {
banner.classList.remove('hidden') header.classList.remove('is-navbar-hidden')
banner.classList.remove('is-banner-hidden')
} }
} }
if (st < lastScrollPosition) { if (st < lastScrollPosition) {
setTimeout(() => { setTimeout(() => {
header.classList.remove('hidden') header.classList.remove('is-navbar-hidden')
}, 500) }, 500)
} }
if (st > lastScrollPosition && st > scrollPosition) { if (st > lastScrollPosition && st > scrollPosition) {
header.classList.add('hidden') navbar.classList.add('is-navbar-hidden')
} }
} }
lastScrollPosition = window.pageYOffset || document.documentElement.scrollTop lastScrollPosition = window.pageYOffset || document.documentElement.scrollTop
}) })
menuLinks.forEach(el => {
el.addEventListener('click', () => {
checkbox.checked = false
})
})

430
themes/neff/src/scss/_global.scss Normal file
View File

@ -0,0 +1,430 @@
html {
scroll-behavior: smooth;
}
body {
top: 0;
left: 0;
}
ul {
&.is-unstyled {
list-style: none;
margin: 0;
padding: 0;
}
}
figcaption {
font-style: normal;
text-align: left;
}
.lightbox-nav-prev,
.lightbox-nav-next {
cursor: pointer;
position: absolute;
top: 0;
width: 40%;
height: 100%;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
div {
background-color: $white;
vertical-align: middle;
}
}
.lightbox-nav-prev {
left: 0;
div {
border-radius: 0 $border-radius $border-radius 0;
}
}
.lightbox-nav-next {
right: 0;
div {
margin-left: auto;
border-radius: $border-radius 0 0 $border-radius;
}
}
.gallery {
min-width: 100%;
}
img,
.card {
&.is-featured {
margin-bottom: 1rem;
}
&.is-pulled-left {
margin-right: 2rem;
}
&.is-pulled-right {
margin-right: 2rem;
}
}
.card {
background: rgba($white, 0.5);
&.is-transparent {
background: transparent;
box-shadow: none;
border: none;
}
img {
&.is-original {
width: auto;
height: auto;
}
}
}
.article-main {
margin-bottom: 2rem;
}
.lightbox {
.card {
background-color: $white;
img {
max-height: 65vh;
width: auto;
margin: 0 auto;
}
}
}
.user {
$transition-time: 250ms;
$navbar-height: 6rem;
@media only screen and (min-width: $desktop) {
margin-top: calc(#{$navbar-height} + 2.25 * #{$navbar-padding-vertical});
}
margin-top: $navbar-height + $navbar-padding-vertical;
&.admin {
margin-top: 2 * $navbar-height;
@media only screen and (min-width: $desktop) {
margin-top: 9rem + $navbar-height;
}
#header {
.navbar {
top: $navbar-height;
}
}
.admin-navbar {
top: 0px;
}
}
#banner {
position: absolute;
top: $navbar-height + 3.5 * $navbar-padding-vertical;
left: 0;
min-width: 100%;
transition: $transition-time * 2;
&.is-banner-hidden {
top: -1000px;
}
}
#content {
&.section {
margin-bottom: 0;
}
}
#index {
.hero {
.hero-body {
padding: 1rem 1.5rem;
}
}
}
.hero {
&.is-fullheight-with-navbar {
min-height: calc(
100vh - #{$navbar-height} - calc(4 * #{$navbar-padding-vertical})
);
}
.hero-body {
align-items: flex-end;
figure {
figcaption {
font-style: normal;
}
}
}
}
#banner,
.hero,
.container {
&.box {
background-color: rgba($white, 0.85);
}
.box {
background-color: rgba($white, 0.85);
}
}
#header {
z-index: 2000;
.navbar {
transition: top $transition-time;
&.is-large {
@media only screen and (min-width: $desktop) {
.navbar-brand {
img {
max-height: 6rem;
}
}
.navbar-end {
align-items: flex-end;
}
}
}
&.is-navbar-hidden {
top: -1000px;
}
.navbar-item {
font-family: $family-serif;
font-weight: bold;
}
.container {
padding-top: 0;
padding-bottom: 0;
transition: $transition-time;
}
.navbar-brand {
min-width: 100px;
img {
max-height: 1.5rem;
transition: $transition-time * 4;
}
}
&.is-transparent {
background-color: transparent;
background-image: none;
}
img {
max-height: 3.25rem;
}
.navbar-menu {
box-shadow: none;
}
.box {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
}
.bottom {
margin-bottom: -1rem;
nav {
ul {
list-style: none;
margin: 0;
padding: 0;
li {
margin: 0;
padding: 0;
}
}
}
&.box {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
&.section {
padding-bottom: 0px;
}
}
.section {
padding: 1rem;
&.content {
padding-bottom: 0px;
padding-top: 0px;
}
}
.fixed-background {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -1000;
@include background('default');
@include background('bau');
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $family-serif;
}
a {
&.anchor {
color: $dark;
}
}
}
.content {
.card {
border-radius: $border-radius;
figure {
margin-left: 0px;
margin-right: 0px;
img {
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
}
}
}
}
.admin {
margin-top: $navbar-height;
.navbar {
a {
&.navbar-item {
font-family: $family-serif;
font-weight: bold;
}
&.navbar-brand {
font-size: $size-5;
}
}
}
.admin-navbar {
z-index: 3000;
}
.modal {
img {
&.image-editor {
max-height: 8rem;
width: auto;
border-radius: 0;
}
}
}
.content {
.v-note-wrapper {
z-index: 0;
&#description {
min-height: 0;
}
box-shadow: inset 0 1px 2px rgba($black, 0.1);
border-radius: $border-radius;
border-color: $light;
background: transparent;
.v-note-text,
.v-note-op {
background: transparent;
}
.v-note-op {
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
}
.v-note-panel {
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
pre {
background: transparent;
}
}
}
.CodeMirror,
.CodeMirror-scroll {
min-height: 100px;
background-color: transparent;
}
.editor-toolbar {
background-color: transparent;
}
}
}
// Transitions
.page-enter-active,
.page-leave-active {
transition: opacity $speed ease;
}
.page-enter,
.page-leave-to {
opacity: 0;
}
.featured {
float: left;
}
.clearfix::before,
.clearfix::after {
content: ' ';
display: table;
}
.clearfix::after {
clear: both;
}
.gallery {
&.columns {
width: 100%;
}
}

28
themes/neff/src/scss/_mixins.scss
View File

@ -1,29 +1,3 @@
@mixin trim-list-margin-horizontal {
& {
li {
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
}
}
@mixin menu-list($direction) {
& {
list-style: none;
display: flex;
flex-direction: #{$direction};
li {
flex: 0 0 auto;
}
}
}
@mixin background($class) { @mixin background($class) {
$background-image: '/img/background/' + $class + '.jpg'; $background-image: '/img/background/' + $class + '.jpg';
@ -37,7 +11,7 @@
background-image: url(#{$background-image}); background-image: url(#{$background-image});
} }
@media only screen and (max-width: $sm-min) { @media only screen and (max-width: $desktop) {
&.background-default { &.background-default {
background-position-x: 37%; background-position-x: 37%;
} }

83
themes/neff/src/scss/_variables.scss
View File

@ -1,18 +1,79 @@
$gutter-width: 1rem; $mdi-font-path: '~@mdi/font/fonts';
$roboto-font-path: '~roboto-fontface/fonts';
$base-font-size: 16px; $family-sans-serif: Roboto, sans-serif;
$base-line-height: 1.4em; $family-serif: 'Roboto Slab', sans-serif;
$base-font-family: Roboto, sans-serif; $family-secondary: $family-serif;
$heading-font-family: 'Roboto Slab', sans-serif;
$font-color: black; $black: #010001;
$background-color: white; $light: #645f64;
$primary-color: #2d763a; $light-invert: findColorInvert($light);
$secondary-color: #720026; $dark: #363636;
$dark-invert: findColorInvert($dark);
$white: #fafff7;
$primary: #2d763a;
$primary-invert: findColorInvert($primary);
$danger: #720026;
$danger-invert: findColorInvert($danger);
$warning: #a44200;
$warning-invert: findColorInvert($warning);
$twitter: #4099ff;
$twitter-invert: findColorInvert($twitter);
$background: $white;
$text: $black;
// Setup $colors to use as bulma classes (e.g. 'is-twitter')
$colors: (
'white': (
$white,
$black,
),
'black': (
$black,
$white,
),
'light': (
$light,
$light-invert,
),
'dark': (
$dark,
$dark-invert,
),
'primary': (
$primary,
$primary-invert,
),
'info': (
$twitter,
$twitter-invert,
),
'success': (
$primary,
$primary-invert,
),
'warning': (
$warning,
$warning-invert,
),
'danger': (
$danger,
$danger-invert,
),
'twitter': (
$twitter,
$twitter-invert,
),
);
// Links
$link: $primary;
$link-invert: $primary-invert;
$link-focus-border: $primary;
$border-radius: 5px; $border-radius: 5px;
$background-default: 'grabmal'; $background-default: 'grabmal';
$background-bau: 'bau'; $background-bau: 'bau';
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts/';

42
themes/neff/src/scss/main.scss
View File

@ -1,16 +1,40 @@
@import '_reset.scss'; @import '~bulma/sass/utilities/_all';
@import '_variables.scss'; @import '_variables.scss';
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import '~@fortawesome/fontawesome-free/scss/regular.scss'; @import '~roboto-fontface/css/roboto/sass/roboto-fontface-regular';
@import '~@fortawesome/fontawesome-free/scss/solid.scss'; @import '~roboto-fontface/css/roboto/sass/roboto-fontface-regular-italic';
@import '~@fortawesome/fontawesome-free/scss/brands.scss'; @import '~roboto-fontface/css/roboto/sass/roboto-fontface-light';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-light-italic';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-thin';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-thin-italic';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-medium';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-medium-italic';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-bold';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-bold-italic';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-black';
@import '~roboto-fontface/css/roboto/sass/roboto-fontface-black-italic';
@import '~@mdi/font/scss/_variables';
@import '~@mdi/font/scss/_functions';
@import '~@mdi/font/scss/_path';
@import '~@mdi/font/scss/_core';
@import '~@mdi/font/scss/_icons';
@import '~@mdi/font/scss/_extras';
@import '~@mdi/font/scss/_animated';
@import '~bulma/sass/base/_all';
@import '~bulma/sass/elements/_all';
@import '~bulma/sass/form/_all';
@import '~bulma/sass/components/_all';
@import '~bulma/sass/grid/_all';
@import '~bulma/sass/layout/_all';
@import '~cookieconsent/src/styles/animation.css'; @import '~cookieconsent/src/styles/animation.css';
@import '~cookieconsent/src/styles/base.css'; @import '~cookieconsent/src/styles/base.css';
@import '~cookieconsent/src/styles/layout.css'; @import '~cookieconsent/src/styles/layout.css';
@import '~cookieconsent/src/styles/media.css'; @import '~cookieconsent/src/styles/media.css';
@import '~cookieconsent/src/styles/themes/classic.css'; @import '~cookieconsent/src/styles/themes/classic.css';
@import '_fonts.scss';
@import '_mixins.scss'; @import '_mixins.scss';
@import '_flexgrid.scss'; @import '_global.scss';
@import '_app.scss';
@import '_lightbox.scss';