Merge commit 'e58b7e22dba1ed275d685c31dc7e609247d71be8'

This commit is contained in:
Patrick Neff 2019-01-05 04:29:48 +01:00
commit 0a2aa2f5df
37 changed files with 196 additions and 38 deletions

62
README.md Normal file
View File

@ -0,0 +1,62 @@
# Neff Stein-Design Website erstellt mit [Hugo](https://gohugo.io)
Benötigte Software
* [Hugo](https://gohugo.io)
* [npm](https://node.io)
Mit QUELLVERZEICHNIS ist das Verzeichnis gemeint in dem die Hugo Webseite
liegt.
## Installation
cd QUELLVERZEICHNIS\themes\neff
npm install
## Server für lokales arbeiten
Der Server für lokales arbeiten funktioniert nur wenn man die Dateien
auf einer lokalen Festplatte liegen hat.
cd QUELLVERZEICHNIS
hugo server -D
## Webseite für externes hosting erstellen
cd QUELLVERZEICHNIS
hugo
Nachem die Webseite erstellt wurde liegen im Verzeichnis `QUELLVERZEICHNIS\public` die erstellten Daten, die auf den jeweiligen Webhoster hochgeladen werden.
## Neuen Artikel / Neue Seite erstellen
Für `TYP` können folgende sachen eingesetzt werden: `bauen-und-wohnen`, `grabmale` und `neuigkeiten`
`NAME` ist der Titel des Artikels in Kleinbuchstaben mit Bindestrichen anstatt Leerzeichen
cd QUELLVERZEICHNIS
hugo new TYP/NAME/index.md
Wenn die neue Seite angelegt wurde liegt diese im Ordner
`QUELLVERZEICHNIS\content\TYP\NAME` als `index.md` für Bilder muss in disem
Ordner ein neuer Ordner `bilder` (klein geschrieben) erstellt werden und dort
können Bilder im `jpg` Format abgelegt werden. Die Dateiendung sollte
ebenfalls wie der Dateiname komplett in Kleinbuchstaben sein und keine
Leerzeichen enthalten.
## Seiten editieren
Für `TYP` können folgende sachen eingesetzt werden: `bauen-und-wohnen`, `grabmale` und `neuigkeiten`
`NAME` ist der Titel des Artikels in Kleinbuchstaben mit Bindestrichen anstatt Leerzeichen
Die zu editierende Seite liegt unter
`QUELLVERZEICHNIS\content\TYP\NAME` als `index.md` diese ist mit einem Texteditor der Wahl zu öffnen. Es handelt sich um eine Datei im [Markdown](https://daringfireball.io/markdown) Format mit [TOML](toml-link) Kopfdaten.
In den Kopfdaten sind sachen wie der Titel der Seite, Das veröffentlichungsdatum, der "draft" Status der besagt ob eine Datei veröffentlicht ist oder noch eine Vorschau, die nicht im normalen erstellen der Seite auftauche (dafür bracuht es beim erstellen das `-D` flag für hugo).
Andererseits werden an dieser stelle auch die Metadaten für Bilder eingegeben. So wie das HTML alt Attribut, das als Bildbeschreibung dient wenn das Bild nicht angezeigt wird, einen Bild Titel und falls es sich um eine Neuigkeit handelt das "featured" Attribut, das besagt welches Bild für das Haupt Bild des News Artikels darstellt.
### Bilder
Bilder werden im

View File

@ -2,4 +2,5 @@
date = "2018-12-02T19:16:57+01:00" date = "2018-12-02T19:16:57+01:00"
draft = false draft = false
title = "Neff Stein-Design" title = "Neff Stein-Design"
banner = "# Angebote vom 1.1.00 bis 1.1.01\ntest"
+++ +++

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 915 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 905 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 926 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 939 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 924 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 999 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1022 KiB

View File

@ -6,7 +6,7 @@ type = "news"
[[resources]] [[resources]]
title = "Unser Logo" title = "Unser Logo"
src = "bilder/logo.jpg" src = "bilder/logo.png"
[resources.params] [resources.params]
featured = true featured = true
alt = "Logo von Neff Stein-Design" alt = "Logo von Neff Stein-Design"

View File

@ -0,0 +1,30 @@
+++
title = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
date = "2019-01-05T18:19:56+01:00"
draft = true
type = "news"
weight = -200
[[resources]]
title = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
src = "bilder/bestattungsgarten-parkfriedhof-sieglar-01.jpg"
[resources.params]
featured = true
alt = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
[[resources]]
title = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
src = "bilder/bestattungsgarten-parkfriedhof-sieglar-02.jpg"
[resources.params]
alt = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
[[resources]]
title = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
src = "bilder/bestattungsgarten-parkfriedhof-sieglar-03.jpg"
[resources.params]
alt = "Bestattungsgarten Auf Dem Parkfriedhof Sieglar"
+++
Auf dem Parkfriedhof in Troisdorf in Troisdorf Sieglar entsteht ein Bestattungsgarten.
{{< gallery "**.jpg" >}}

View File

@ -6,7 +6,7 @@ type = "news"
[[resources]] [[resources]]
title = "Facebook Logo" title = "Facebook Logo"
src = "bilder/facebook-logo.jpg" src = "bilder/facebook-logo.png"
[resources.params] [resources.params]
featured = true featured = true
alt = "Logo von Facebook" alt = "Logo von Facebook"

View File

@ -3,7 +3,7 @@ date = "2018-12-09T01:33:58+01:00"
draft = false draft = false
title = "Grabmale von Rokstyle" title = "Grabmale von Rokstyle"
type = "news" type = "news"
weight = -1000 weight = -100
[[resources]] [[resources]]
title = "Rokstyle Banner" title = "Rokstyle Banner"

View File

@ -2,7 +2,7 @@
title = "Qualität" title = "Qualität"
date = "2018-12-09T04:55:38+01:00" date = "2018-12-09T04:55:38+01:00"
draft = false draft = false
type = "hero" type = "ueber-uns"
weight = -300 weight = -300
icon = "none" icon = "none"
+++ +++

View File

@ -2,7 +2,7 @@
title = "Handwerk" title = "Handwerk"
date = "2018-12-09T04:55:30+01:00" date = "2018-12-09T04:55:30+01:00"
draft = false draft = false
type = "hero" type = "ueber-uns"
weight = -100 weight = -100
icon = "knuepfel" icon = "knuepfel"
+++ +++

View File

@ -2,7 +2,7 @@
title = "Tradition" title = "Tradition"
date = "2018-12-09T04:47:02+01:00" date = "2018-12-09T04:47:02+01:00"
draft = false draft = false
type = "hero" type = "ueber-uns"
weight = -200 weight = -200
icon = "4w" icon = "4w"
+++ +++

View File

@ -0,0 +1,14 @@
+++
title = "{{ replace .Name "-" " " | title }}"
date = "{{ .Date }}"
draft = true
type = "gallery"
alt = "Bildergallerie für {{ replace .Name "-" " " | title }}"
description = "Bildergallerie für {{ replace .Name "-" " " | title }}"
[[resources]]
title = "{{ replace .Name "-" " " | title }} #:counter"
src = "bilder/**.jpg"
[resources.params]
alt = "Bild von einem {{ replace .Name "-" " " | title }}"
+++

View File

@ -5,7 +5,7 @@ draft = true
type = "news" type = "news"
[[resources]] [[resources]]
name = "{{ replace .Name "-" " " | title }}" title = "{{ replace .Name "-" " " | title }}"
src = "bilder/{{ .Name }}.jpg" src = "bilder/{{ .Name }}.jpg"
[resources.params] [resources.params]
featured = true featured = true

View File

@ -2,6 +2,6 @@
title = "{{ replace .Name "-" " " | title }}" title = "{{ replace .Name "-" " " | title }}"
date = "{{ .Date }}" date = "{{ .Date }}"
draft = true draft = true
type = "hero" type = "ueber-uns"
icon = "none" icon = "none"
+++ +++

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,21 @@
#banner {
font-size: 1.2rem;
position: absolute;
top: 155px;
width: 100%;
transition: 0.6s;
h1 {
font-size: 1.4rem;
}
.container {
border-radius: $border-radius;
margin: 0 auto;
}
&.hidden {
top: -200px;
transition: 0.6s;
}
}

View File

@ -1,8 +1,13 @@
#footer { #footer {
& > .container { .container.bottom {
border-radius: $border-radius $border-radius 0 0; border-radius: $border-radius $border-radius 0 0;
margin-bottom: 0;
} }
.container {
margin-bottom: $gutter-width;
border-radius: $border-radius;
}
#footer-menu { #footer-menu {
@include menu-list(row); @include menu-list(row);
align-items: flex-end; align-items: flex-end;

View File

@ -9,4 +9,5 @@
@import "single"; @import "single";
@import "index"; @import "index";
@import "lightbox"; @import "lightbox";
@import "content"; @import "content";
@import "banner";

View File

@ -13,6 +13,7 @@
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
</div> </div>
</section> </section>
{{- partial "banner.html" . -}}
<div id="page-wrapper"> <div id="page-wrapper">
<section id="content"> <section id="content">
{{- block "content" . -}} {{- block "content" . -}}
@ -22,9 +23,7 @@
{{- end -}} {{- end -}}
</section> </section>
<section id="footer"> <section id="footer">
<div class="container"> {{- partial "footer.html" . -}}
{{- partial "footer.html" . -}}
</div>
</section> </section>
</div> </div>
<section id="lightbox-section"> <section id="lightbox-section">

View File

@ -34,10 +34,10 @@
{{- end -}} {{- end -}}
<div class="container"> <div class="container">
<section id="index-hero"> <section id="index-about">
<a class="anchor" id="{{ i18n "about-us" }}"><h1 class="padding">{{ (replace (replace (i18n "about-us") "-" " ") "ue" "ü") | title}}</h1></a> <a class="anchor" id="{{ i18n "about-us" }}"><h1 class="padding">{{ (replace (replace (i18n "about-us") "-" " ") "ue" "ü") | title}}</h1></a>
<div class="flex row"> <div class="flex row">
{{- range (first 3 (where .Site.Pages.ByWeight ".Params.type" "hero")) -}} {{- range (first 3 (where .Site.Pages.ByWeight ".Params.type" "ueber-uns")) -}}
<div> <div>
{{- partial "hero.html" . -}} {{- partial "hero.html" . -}}
</div> </div>

View File

@ -0,0 +1,9 @@
{{- with .Params.banner }}
<section id="banner">
<div class="container">
<div id="banner-container">
{{ . | markdownify }}
</div>
</div>
</section>
{{- end }}

View File

@ -1,8 +1,30 @@
<div class="flex column"> {{- if (ne .Kind "home") -}}
<div id="footer-social" class="padding"> <div class="container">
{{- partial "social.html" . -}} <section id="index-contact">
</div> <div>
<ul id="footer-menu"> <a class="anchor" id="{{ i18n "contact" }}"><h1 class="padding">Kontakt</h1></a>
{{ partial "menu.html" (dict "menu" .Site.Menus.footer "ctx" .) }} <div class="call-to-action flex row text-center">
</ul> <div class="padding">
<a class="btn btn-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
</div>
</div>
<div class="flex row">
{{- $site := . }}
{{- range .Site.Data.contact.contact -}}
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
{{- end -}}
</div>
</div>
</section>
</div>
{{- end }}
<div class="container bottom">
<div class="flex column">
<div id="footer-social" class="padding">
{{- partial "social.html" . -}}
</div>
<ul id="footer-menu">
{{ partial "menu.html" (dict "menu" .Site.Menus.footer "ctx" .) }}
</ul>
</div>
</div> </div>

View File

@ -8,7 +8,7 @@
{{- 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" "featured left")}} {{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured left" "showTitle" true "showDescription" true)}}
{{- end -}} {{- end -}}
{{- end -}} {{- end -}}
{{ . }} {{ . }}

View File

@ -9,7 +9,7 @@
"author": "", "author": "",
"private": true, "private": true,
"license": "MIT", "license": "MIT",
"devDependencies": { "dependencies": {
"@babel/cli": "^7.2.3", "@babel/cli": "^7.2.3",
"@babel/core": "^7.2.2", "@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3", "@babel/preset-env": "^7.2.3",
@ -17,9 +17,7 @@
"babel-loader": "^8.0.4", "babel-loader": "^8.0.4",
"precss": "^4.0.0", "precss": "^4.0.0",
"webpack": "^4.28.2", "webpack": "^4.28.2",
"webpack-cli": "^3.1.2" "webpack-cli": "^3.1.2",
},
"dependencies": {
"@babel/polyfill": "^7.2.5" "@babel/polyfill": "^7.2.5"
} }
} }

View File

@ -3,6 +3,7 @@ const scrollPosition = 50;
const menuLinks = document.querySelectorAll('.menu-list li a'); const menuLinks = document.querySelectorAll('.menu-list li a');
const checkbox = document.querySelector('#top-navigation-checkbox'); const checkbox = document.querySelector('#top-navigation-checkbox');
const banner = document.querySelector('#banner');
let lastScrollPosition = 0; let lastScrollPosition = 0;
@ -12,12 +13,14 @@ window.addEventListener('scroll', (e) => {
header.classList.add('small') header.classList.add('small')
header.classList.remove('large') header.classList.remove('large')
header.classList.add('hidden') header.classList.add('hidden')
banner.classList.add('hidden')
checkbox.checked = false; checkbox.checked = false;
} }
else { else {
if (st < scrollPosition) { if (st < scrollPosition) {
header.classList.add('large') header.classList.add('large')
header.classList.remove('small') header.classList.remove('small')
banner.classList.remove('hidden')
} }
if (st < lastScrollPosition) { if (st < lastScrollPosition) {
setTimeout(() => { setTimeout(() => {

View File

@ -3,19 +3,12 @@
name = "Neff" name = "Neff"
license = "MIT" license = "MIT"
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
description = "" description = ""
homepage = "http://example.com/" homepage = "http://neff-steindesign.de/"
tags = [] tags = []
features = [] features = []
min_version = "0.41" min_version = "0.41"
[author] [author]
name = "" name = "Patrick Neff"
homepage = "" homepage = "https://neff-steindesign.de"
# If porting an existing theme
[original]
name = ""
homepage = ""
repo = ""