diff --git a/config.toml b/config.toml index 5ad1ffd..b86b2cb 100644 --- a/config.toml +++ b/config.toml @@ -7,11 +7,11 @@ theme = "introduction" themeStyle = "dark" showRSSButton = false # Show rss button in navigation showMenu = false - fadeIn = true # Turn on/off the fade-in effect + fadeIn = true # Turn on/off the fade-in effect # Configure the home page [params.home] - introHeight = "fullheight" # Input either "medium" or "large" or "fullheight" + introHeight = "fullheight" # Input either "medium" or "large" or "fullheight" [markup] diff --git a/content/home/beerdigung.md b/content/home/beerdigung.md index 2e8cf26..e8f5d55 100644 --- a/content/home/beerdigung.md +++ b/content/home/beerdigung.md @@ -3,4 +3,20 @@ title: "Beerdigung" weight: 1 --- -Die Trauerfeier und anschließende Beerdigung findet am 17.09.2022 um 11:30 Uhr im Schloßpark Lütetsburg im engsten Familienkreis statt. \ No newline at end of file +Die Trauerfeier und anschließende Beerdigung fand am 17.09.2022 um 11:30 Uhr im Schloßpark Lütetsburg im engsten Familienkreis statt. + + +**In Erinnerung** +

+Es ist nie der richtige Zeitpunkt,
+es ist nie der richtige Tag,
+es ist nie alles gesagt. +

+Es ist immer zu früh
+und doch sind da Erinnerungen,
+Gedanken, Gefühle, schöne Stunden
+und einzigartige Momente,
+die unvergessen bleiben. +

+Diese Momente gilt es festzuhalten
+und für immer im Herzen zu bewahren. diff --git a/content/home/danksagung.md b/content/home/danksagung.md new file mode 100644 index 0000000..0edf48f --- /dev/null +++ b/content/home/danksagung.md @@ -0,0 +1,6 @@ +--- +title: "Danksagung" +weight: 10 +--- + +Wir möchten uns bei allen für ihre große Anteilnahme bedanken, die uns in schweren Stunden beigestanden haben. Es ist schön zu spüren, dass wir in der Trauer nicht alleine sind. diff --git a/content/home/leben.md b/content/home/leben.md deleted file mode 100644 index 188c1d5..0000000 --- a/content/home/leben.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: "Leben" -weight: 10 ---- - -TODO diff --git a/content/home/photos.md b/content/home/photos.md index ed6a291..eef6991 100644 --- a/content/home/photos.md +++ b/content/home/photos.md @@ -3,10 +3,14 @@ title: "Fotos" weight: 20 --- -{{< figure src="img/IMG-20220822-WA0009.jpg" title="Am Badesee in Tannenhausen" >}} +{{< gallery >}} +{{< figure link="img/IMG-20220822-WA0009.jpg" caption="Am Badesee in Tannenhausen" >}} +{{< figure link="img/IMG-20220822-WA0011.jpg" caption="Schwerin" >}} +{{< figure link="img/IMG-20220822-WA0012.jpg" caption="Schwerin" >}} +{{< figure link="img/IMG-20220822-WA0014.jpg" caption="Beim Schweiner Schloss" >}} +{{< /gallery >}} -{{< figure src="img/IMG-20220822-WA0011.jpg" title="Schwerin" >}} +#### Beerdigung -{{< figure src="img/IMG-20220822-WA0012.jpg" title="Schwerin" >}} - -{{< figure src="img/IMG-20220822-WA0014.jpg" title="Beim Schweiner Schloss" >}} \ No newline at end of file +{{< gallery dir="/img/beerdigung/" caption-position="none" />}} +{{< load-photoswipe >}} \ No newline at end of file diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html new file mode 100644 index 0000000..3676c68 --- /dev/null +++ b/layouts/shortcodes/figure.html @@ -0,0 +1,29 @@ + + +{{- if not ($.Page.Scratch.Get "figurecount") }}{{ end }} +{{- $.Page.Scratch.Add "figurecount" 1 -}} + +{{- $thumb := .Get "src" | default (printf "%s." (.Get "thumb") | replace (.Get "link") ".") }} +
+
+
+ +
+ {{ with .Get "link" | default (.Get "src") }}{{ end }} + {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr")}} +
+ {{- with .Get "title" }}

{{.}}

{{ end }} + {{- if or (.Get "caption") (.Get "attr")}} +

+ {{- .Get "caption" -}} + {{- with .Get "attrlink"}}{{ .Get "attr" }}{{ else }}{{ .Get "attr"}}{{ end -}} +

+ {{- end }} +
+ {{- end }} +
+
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html new file mode 100644 index 0000000..6c644b9 --- /dev/null +++ b/layouts/shortcodes/gallery.html @@ -0,0 +1,41 @@ + + +{{- if not ($.Page.Scratch.Get "figurecount") }}{{ end }} +{{- $.Page.Scratch.Add "figurecount" 1 }} +{{ $baseURL := .Site.BaseURL }} +
+ {{- with (.Get "dir") -}} + + {{- $files := readDir (print "/static/" .) }} + {{- range $files -}} + + {{- $thumbext := $.Get "thumb" | default "-thumb" }} + {{- $isthumb := .Name | findRE ($thumbext | printf "%s\\.") }} + {{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl)" }} + {{- if and $isimg (not $isthumb) }} + {{- $caption := .Name | replaceRE "\\..*" "" | humanize }} + {{- $linkURL := print $baseURL ($.Get "dir") "/" .Name | absURL }} + {{- $thumb := .Name | replaceRE "(\\.)" ($thumbext | printf "%s.") }} + {{- $thumbexists := where $files "Name" $thumb }} + {{- $thumbURL := print $baseURL ($.Get "dir") "/" $thumb | absURL }} +
+
+
+ {{ $caption }} +
+
+

{{ $caption }}

+
+ +
+
+ {{- end }} + {{- end }} + {{- else -}} + + {{ .Inner }} + {{- end }} +
diff --git a/layouts/shortcodes/load-photoswipe-theme.html b/layouts/shortcodes/load-photoswipe-theme.html new file mode 100644 index 0000000..4b3bfad --- /dev/null +++ b/layouts/shortcodes/load-photoswipe-theme.html @@ -0,0 +1,75 @@ + + + +{{ if not ($.Page.Scratch.Get "photoswipeloaded") }} + {{ $.Page.Scratch.Set "photoswipeloaded" 1 }} + + + + + + + + + + + +{{ end }} \ No newline at end of file diff --git a/layouts/shortcodes/load-photoswipe.html b/layouts/shortcodes/load-photoswipe.html new file mode 100644 index 0000000..06b4249 --- /dev/null +++ b/layouts/shortcodes/load-photoswipe.html @@ -0,0 +1,71 @@ + + + +{{ if not ($.Page.Scratch.Get "photoswipeloaded") }} + {{ $.Page.Scratch.Set "photoswipeloaded" 1 }} + + + + + + + + + + + + + +{{ end }} \ No newline at end of file diff --git a/static/css/hugo-easy-gallery.css b/static/css/hugo-easy-gallery.css new file mode 100644 index 0000000..d78dfec --- /dev/null +++ b/static/css/hugo-easy-gallery.css @@ -0,0 +1,159 @@ +/* +Put this file in /static/css/hugo-easy-gallery.css +Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ +*/ + + +/* +Grid Layout Styles +*/ +.gallery { + overflow: hidden; + margin: 10px; + max-width: 768px; +} +.gallery .box { + float: left; + position: relative; + /* Default: 1 tile wide */ + width: 100%; + padding-bottom: 100%; +} +@media only screen and (min-width : 365px) { + /* Tablet view: 2 tiles */ + .gallery .box { + width: 50%; + padding-bottom: 50%; + } +} +@media only screen and (min-width : 480px) { + /* Small desktop / ipad view: 3 tiles */ + .gallery .box { + width: 33.3%; + padding-bottom: 33.3%; /* */ + } +} +@media only screen and (min-width : 9999px) { + /* Medium desktop: 4 tiles */ + .box { + width: 25%; + padding-bottom: 25%; + } +} + +/* +Transition styles +*/ +.gallery.hover-transition figure, +.gallery.hover-effect-zoom .img, +.gallery:not(.caption-effect-appear) figcaption, +.fancy-figure:not(.caption-effect-appear) figcaption { + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +/* +figure styles +*/ +figure { + position:relative; /* purely to allow absolution positioning of figcaption */ + overflow: hidden; +} +.gallery figure { + position: absolute; + left: 5px; + right: 5px; + top: 5px; + bottom: 5px; +} +.gallery.hover-effect-grow figure:hover { + transform: scale(1.05); +} +.gallery.hover-effect-shrink figure:hover { + transform: scale(0.95); +} +.gallery.hover-effect-slidedown figure:hover { + transform: translateY(5px); +} +.gallery.hover-effect-slideup figure:hover { + transform: translateY(-5px); +} + +/* +img / a styles +*/ + +.gallery .img { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-size: cover; + background-position: 50% 50%; + background-repeat: no-repeat; +} +.gallery.hover-effect-zoom figure:hover .img { + transform: scale(1.05); +} +.gallery img { + display: none; /* only show the img if not inside a gallery */ +} +figure a { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} + +/* +figcaption styles +*/ +.gallery figcaption, +.fancy-figure figcaption { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: #000; + color: #FFF; + text-align: center; + font-size: 75%; /* change this if you want bigger text */ + background: rgba(0, 0, 0, 0.5); + opacity: 1; + cursor: pointer; +} +.gallery.caption-position-none figcaption, +.fancy-figure.caption-position-none figcaption { + display: none; +} +.gallery.caption-position-center figcaption, +.fancy-figure.caption-position-center figcaption { + top: 0; + padding: 40% 5px; +} +.gallery.caption-position-bottom figcaption, +.fancy-figure.caption-position-bottom figcaption { + padding: 5px; +} +.gallery.caption-effect-fade figure:not(:hover) figcaption, +.gallery.caption-effect-appear figure:not(:hover) figcaption, +.fancy-figure.caption-effect-fade figure:not(:hover) figcaption, +.fancy-figure.caption-effect-appear figure:not(:hover) figcaption { + background: rgba(0, 0, 0, 0); + opacity: 0; +} +.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption, +.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption { + margin-bottom: -100%; +} +.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption, +.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption { + top: 100%; +} +figcaption p { + margin: auto; /* override style in theme */ +} + diff --git a/static/img/beerdigung/IMG-20220917-WA0022.jpg b/static/img/beerdigung/IMG-20220917-WA0022.jpg new file mode 100644 index 0000000..3b8ce8f Binary files /dev/null and b/static/img/beerdigung/IMG-20220917-WA0022.jpg differ diff --git a/static/img/beerdigung/IMG-20220917-WA0038.jpg b/static/img/beerdigung/IMG-20220917-WA0038.jpg new file mode 100644 index 0000000..f75b454 Binary files /dev/null and b/static/img/beerdigung/IMG-20220917-WA0038.jpg differ diff --git a/static/img/beerdigung/IMG-20220917-WA0039.jpg b/static/img/beerdigung/IMG-20220917-WA0039.jpg new file mode 100644 index 0000000..b67538b Binary files /dev/null and b/static/img/beerdigung/IMG-20220917-WA0039.jpg differ diff --git a/static/img/beerdigung/IMG-20220917-WA0040.jpg b/static/img/beerdigung/IMG-20220917-WA0040.jpg new file mode 100644 index 0000000..0db3389 Binary files /dev/null and b/static/img/beerdigung/IMG-20220917-WA0040.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_113030.jpg b/static/img/beerdigung/IMG_20220917_113030.jpg new file mode 100644 index 0000000..302b4e4 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_113030.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_113123.jpg b/static/img/beerdigung/IMG_20220917_113123.jpg new file mode 100644 index 0000000..8c7e952 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_113123.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_113131.jpg b/static/img/beerdigung/IMG_20220917_113131.jpg new file mode 100644 index 0000000..f858de3 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_113131.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_113140.jpg b/static/img/beerdigung/IMG_20220917_113140.jpg new file mode 100644 index 0000000..0cbbf12 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_113140.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_113146.jpg b/static/img/beerdigung/IMG_20220917_113146.jpg new file mode 100644 index 0000000..eaeb4a7 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_113146.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_114816.jpg b/static/img/beerdigung/IMG_20220917_114816.jpg new file mode 100644 index 0000000..86618ad Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_114816.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_115031.jpg b/static/img/beerdigung/IMG_20220917_115031.jpg new file mode 100644 index 0000000..b0c0eb7 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_115031.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_115156.jpg b/static/img/beerdigung/IMG_20220917_115156.jpg new file mode 100644 index 0000000..ac1cf0b Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_115156.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_115208.jpg b/static/img/beerdigung/IMG_20220917_115208.jpg new file mode 100644 index 0000000..c476118 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_115208.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_115211.jpg b/static/img/beerdigung/IMG_20220917_115211.jpg new file mode 100644 index 0000000..42f7077 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_115211.jpg differ diff --git a/static/img/beerdigung/IMG_20220917_115213.jpg b/static/img/beerdigung/IMG_20220917_115213.jpg new file mode 100644 index 0000000..fc2c638 Binary files /dev/null and b/static/img/beerdigung/IMG_20220917_115213.jpg differ diff --git a/static/js/load-photoswipe.js b/static/js/load-photoswipe.js new file mode 100644 index 0000000..978c66d --- /dev/null +++ b/static/js/load-photoswipe.js @@ -0,0 +1,80 @@ +/* +Put this file in /static/js/load-photoswipe.js +Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ +*/ + +/* Show an alert if this js file has been loaded twice */ +if (window.loadphotoswipejs) { + window.alert("You've loaded load-photoswipe.js twice. See https://github.com/liwenyip/hugo-easy-gallery/issues/6") +} +var loadphotoswipejs = 1 + +/* TODO: Make the share function work */ +$( document ).ready(function() { + /* + Initialise Photoswipe + */ + var items = []; // array of slide objects that will be passed to PhotoSwipe() + // for every figure element on the page: + $('figure').each( function() { + if ($(this).attr('class') == 'no-photoswipe') return true; // ignore any figures where class="no-photoswipe" + // get properties from child a/img/figcaption elements, + var $figure = $(this), + $a = $figure.find('a'), + $img = $figure.find('img'), + $src = $a.attr('href'), + $title = $img.attr('alt'), + $msrc = $img.attr('src'); + // if data-size on tag is set, read it and create an item + if ($a.data('size')) { + var $size = $a.data('size').split('x'); + var item = { + src : $src, + w : $size[0], + h : $size[1], + title : $title, + msrc : $msrc + }; + console.log("Using pre-defined dimensions for " + $src); + // if not, set temp default size then load the image to check actual size + } else { + var item = { + src : $src, + w : 800, // temp default size + h : 600, // temp default size + title : $title, + msrc : $msrc + }; + console.log("Using default dimensions for " + $src); + // load the image to check its dimensions + // update the item as soon as w and h are known (check every 30ms) + var img = new Image(); + img.src = $src; + var wait = setInterval(function() { + var w = img.naturalWidth, + h = img.naturalHeight; + if (w && h) { + clearInterval(wait); + item.w = w; + item.h = h; + console.log("Got actual dimensions for " + img.src); + } + }, 30); + } + // Save the index of this image then add it to the array + var index = items.length; + items.push(item); + // Event handler for click on a figure + $figure.on('click', function(event) { + event.preventDefault(); // prevent the normal behaviour i.e. load the hyperlink + // Get the PSWP element and initialise it with the desired options + var $pswp = $('.pswp')[0]; + var options = { + index: index, + bgOpacity: 0.8, + showHideOpacity: true + } + new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options).init(); + }); + }); +}); \ No newline at end of file