diff --git a/content/pages/kurzprosa.md b/content/pages/kurzprosa.md index e070591..2da037e 100644 --- a/content/pages/kurzprosa.md +++ b/content/pages/kurzprosa.md @@ -1,11 +1,16 @@ --- title: Kurzprosa author: Tobias Radloff -summary: Meine Kurzgeschichten und Erzählungen +summary: Kurzgeschichten und Erzählungen lang: de category: Kurzprosa template: cards card_selector_key: category save_as: kurzprosa/index.html url: kurzprosa/ +featured_images: + - pic: images/kurzprosa/blinde-flecken.jpg + post: kurzprosa/blinde-flecken.html + alt: Blinde Flecken + y_offset: 65% --- \ No newline at end of file diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css index 68e3dbf..39ca5c2 100644 --- a/theme/static/css/custom.css +++ b/theme/static/css/custom.css @@ -277,7 +277,7 @@ a { /* see https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/ */ .wcard { display: flex; - flex-flow: row wrap; + flex-flow: wrap; column-gap: calc(var(--pico-nav-element-spacing-horizontal) * 2); .wcard-gallery { @@ -318,7 +318,6 @@ a { animation: image-slide 20s ease-in-out infinite; left: -100%; opacity: 0; - z-index: 0; a { display: block; @@ -363,20 +362,17 @@ a { 31% { left: -100%; opacity: 0; - z-index: 0; } 5%, 25% { left: 0px; opacity: 1; - z-index: 1; } 30% { left: 100%; opacity: 0; - z-index: 0; } } diff --git a/theme/templates/wide-cards.html b/theme/templates/wide-cards.html index d491547..790ae79 100644 --- a/theme/templates/wide-cards.html +++ b/theme/templates/wide-cards.html @@ -8,20 +8,20 @@ original order #} {% do wcards.append(pages | selectattr("slug", "==", wide_card) | list | first) if pages | selectattr("slug", "==", wide_card) | list | first is defined %} {% endfor %} -{# now we can finally iterate over the corcect pages #} -{% for wcard in wcards %} -
+{# now we can finally iterate over the correct pages (max. 4 pages) #} +{% for wcard in wcards[:4] %} +