Merge commit 'e58b7e22dba1ed275d685c31dc7e609247d71be8'
|
|
@ -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
|
||||||
|
|
@ -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"
|
||||||
+++
|
+++
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 915 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 905 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 926 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 939 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 924 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 999 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1022 KiB |
|
|
@ -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"
|
||||||
|
|
|
||||||
|
After Width: | Height: | Size: 6.9 MiB |
|
After Width: | Height: | Size: 7.1 MiB |
|
After Width: | Height: | Size: 6.4 MiB |
|
|
@ -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" >}}
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
+++
|
+++
|
||||||
|
|
@ -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"
|
||||||
+++
|
+++
|
||||||
|
|
@ -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"
|
||||||
+++
|
+++
|
||||||
|
|
@ -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 }}"
|
||||||
|
+++
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
+++
|
+++
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -10,3 +10,4 @@
|
||||||
@import "index";
|
@import "index";
|
||||||
@import "lightbox";
|
@import "lightbox";
|
||||||
@import "content";
|
@import "content";
|
||||||
|
@import "banner";
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{{- with .Params.banner }}
|
||||||
|
<section id="banner">
|
||||||
|
<div class="container">
|
||||||
|
<div id="banner-container">
|
||||||
|
{{ . | markdownify }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{- end }}
|
||||||
|
|
@ -1,8 +1,30 @@
|
||||||
<div class="flex column">
|
{{- if (ne .Kind "home") -}}
|
||||||
|
<div class="container">
|
||||||
|
<section id="index-contact">
|
||||||
|
<div>
|
||||||
|
<a class="anchor" id="{{ i18n "contact" }}"><h1 class="padding">Kontakt</h1></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 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">
|
<div id="footer-social" class="padding">
|
||||||
{{- partial "social.html" . -}}
|
{{- partial "social.html" . -}}
|
||||||
</div>
|
</div>
|
||||||
<ul id="footer-menu">
|
<ul id="footer-menu">
|
||||||
{{ partial "menu.html" (dict "menu" .Site.Menus.footer "ctx" .) }}
|
{{ partial "menu.html" (dict "menu" .Site.Menus.footer "ctx" .) }}
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -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 -}}
|
||||||
{{ . }}
|
{{ . }}
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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(() => {
|
||||||
|
|
|
||||||
|
|
@ -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 = ""
|
|
||||||