diff --git a/site/assets/js/utils/slideshows.js b/site/assets/js/utils/slideshows.js index 2f127c2..20ee8c7 100644 --- a/site/assets/js/utils/slideshows.js +++ b/site/assets/js/utils/slideshows.js @@ -66,12 +66,13 @@ export default function() { } } }); - + + let lastSlide = 3; flkty.on( 'change', function( index ) { - const lastSlide = window.innerWidth > 1200 ? 2 : (window.innerWidth > 768 ? 2 : 1); + lastSlide = window.innerWidth > 1500 ? 3 : (window.innerWidth > 1200 ? 2 : (window.innerWidth > 768 ? 2 : 1)); console.log(flkty.cells.length,lastSlide,flkty.selectedIndex); console.log(flkty.cells.length - lastSlide,flkty.selectedIndex); @@ -83,12 +84,11 @@ export default function() { } }); + /* flkty.on( 'staticClick', function( event, pointer ) { var pWidth = this.element.clientWidth; var x = pointer.pageX - this.element.offsetLeft; - const lastSlide = window.innerWidth > 1200 ? 2 : (window.innerWidth > 768 ? 2 : 1); - if(pWidth/2 > x) { flkty.selectedIndex == 0 ? flkty.select( flkty.cells.length - lastSlide ) : flkty.previous(); @@ -97,7 +97,7 @@ export default function() { } }); - + */ } diff --git a/site/assets/scss/common/_global.scss b/site/assets/scss/common/_global.scss index c1bdd5f..419da7d 100644 --- a/site/assets/scss/common/_global.scss +++ b/site/assets/scss/common/_global.scss @@ -2,15 +2,19 @@ --primary: #074761; --primary-medium: #C1D1D7; --primary-light: #e7ecee; - --body-padding-top: 7.4rem; + --body-padding-top: 10.6rem; scroll-behavior: auto !important; @include media-breakpoint-up(md) { - --body-padding-top: 20rem; + --body-padding-top: 20rem; + } + + &:has(.home) { + --body-padding-top: 7.2rem; + scroll-behavior: smooth !important; - &:has(.home) { - --body-padding-top: 12rem; - scroll-behavior: smooth !important; + @include media-breakpoint-up(md) { + --body-padding-top: 12rem; } } } @@ -139,6 +143,12 @@ h1, } } + @include media-breakpoint-down(md) { + &.md { + font-size: 3.2rem; + } + } + @include media-breakpoint-up(md) { font-size: 4.8rem; } @@ -432,7 +442,7 @@ a { padding-bottom: 56.25%; padding-top: 0; height: 0; - overflow: hidden; + //overflow: hidden; } .video-container iframe, diff --git a/site/assets/scss/common/_variables.scss b/site/assets/scss/common/_variables.scss index efa1aee..ce481c3 100644 --- a/site/assets/scss/common/_variables.scss +++ b/site/assets/scss/common/_variables.scss @@ -15,9 +15,10 @@ $green: $AC-Green; $brown: #93795a; $white: #fff; +$gray-100: #c0c0c0; // #dfe2e5; ?? +$gray: #c0c0c0; // #dfe2e5; ?? $gray-dark: $dunkelgrau; $gray-darker: #586069; -$gray: #dfe2e5; $gray-200: #f6f8fa; $gray-light: #fafbfc; $blue-dark: #038; diff --git a/site/assets/scss/components/_flickity.scss b/site/assets/scss/components/_flickity.scss index 2d65ea2..ac1ff35 100644 --- a/site/assets/scss/components/_flickity.scss +++ b/site/assets/scss/components/_flickity.scss @@ -62,18 +62,16 @@ color: #fff; mix-blend-mode: difference; transition: all 0.2s ease; + border: 1px solid var(--bs-gray-100); path { - fill: #fff; - transition: all 0.2s ease; - } - path { - fill: #fff; + fill: var(--bs-gray-100); transition: all 0.2s ease; } &:hover { background: #fff; + //border-color: #fff; path { fill: #000; @@ -93,6 +91,16 @@ } } +.flickity-prev-next-button { + &.previous { + left: 2rem; + } + + &.next { + right: 2rem; + } +} + .entry-content { .carousel { margin-bottom: 0.5rem; diff --git a/site/assets/scss/layouts/_stories.scss b/site/assets/scss/layouts/_stories.scss index 554bc75..4d6f875 100644 --- a/site/assets/scss/layouts/_stories.scss +++ b/site/assets/scss/layouts/_stories.scss @@ -5,7 +5,7 @@ svg { width: 100%; - height: 100%; + max-height: 100%; object-fit: contain; path { diff --git a/site/assets/scss/layouts/_trainings.scss b/site/assets/scss/layouts/_trainings.scss index e1d4af3..12e8396 100644 --- a/site/assets/scss/layouts/_trainings.scss +++ b/site/assets/scss/layouts/_trainings.scss @@ -59,6 +59,12 @@ } } +.costs, +.duration { + .nowrap { + margin-top: 5px; + } +} // Filter diff --git a/site/content/de/stories/story2.md b/site/content/de/stories/story2.md index b64d0b1..1921b7f 100644 --- a/site/content/de/stories/story2.md +++ b/site/content/de/stories/story2.md @@ -20,7 +20,7 @@ lead: "Lead-/Einleitungstext Lorem ipsum dolor sit amet, consetetur sadipscing e partner: enable: true title: "Unser Partner" - logo: "images/stories/baloise.png" + logo: "images/stories/baloise.svg" link: "?" diff --git a/site/hugo_stats.json b/site/hugo_stats.json index 2117af9..7fcb95b 100644 --- a/site/hugo_stats.json +++ b/site/hugo_stats.json @@ -183,6 +183,7 @@ "entry-content", "erg%C3%A4nzende-trainings", "error404", + "extra-", "extra-light", "fade", "faq", @@ -295,6 +296,7 @@ "mb-md-0", "mb-md-6", "mc-field-group", + "md", "me-1", "me-10", "me-2", @@ -329,8 +331,11 @@ "ms-md-3", "ms-md-4", "ms-md-auto", + "mt-1", "mt-10", + "mt-2", "mt-20", + "mt-3", "mt-4", "mt-8", "mt-auto", diff --git a/site/layouts/partials/box-training-small.html b/site/layouts/partials/box-training-small.html index 12c02ac..a854086 100644 --- a/site/layouts/partials/box-training-small.html +++ b/site/layouts/partials/box-training-small.html @@ -16,15 +16,15 @@

{{ .Title }}

-
+
{{ if .Params.duration }} - + {{ .Params.duration }} {{ end }}
-
+
{{ if .Params.costs }} - + {{ .Params.costs }} {{ end }}
diff --git a/site/layouts/partials/box-training.html b/site/layouts/partials/box-training.html index 1b7f7b8..4d4db9a 100644 --- a/site/layouts/partials/box-training.html +++ b/site/layouts/partials/box-training.html @@ -23,15 +23,15 @@

{{ .Title }}

{{ .Params.abstract }}

-
+
{{ if .Params.duration }} - + {{ .Params.duration }} {{ end }}
-
+
{{ if .Params.costs }} - + {{ .Params.costs }} {{ end }}
diff --git a/site/layouts/partials/content-stories.html b/site/layouts/partials/content-stories.html index d7fa3c2..d35f985 100644 --- a/site/layouts/partials/content-stories.html +++ b/site/layouts/partials/content-stories.html @@ -1,5 +1,5 @@
-
+
{{ with .Params.main_image }}
diff --git a/site/layouts/partials/page-header.html b/site/layouts/partials/page-header.html index f950dd7..12a486c 100644 --- a/site/layouts/partials/page-header.html +++ b/site/layouts/partials/page-header.html @@ -2,7 +2,7 @@

{{ .title | markdownify }}

{{ with .lead }} -
{{ . | markdownify }}
+
{{ . | markdownify }}
{{ end }}
diff --git a/site/layouts/trainings/list.html b/site/layouts/trainings/list.html index e8d875a..ba0dc25 100644 --- a/site/layouts/trainings/list.html +++ b/site/layouts/trainings/list.html @@ -7,8 +7,7 @@
{{ with .Params.header }}

{{ .title | markdownify }}

-
{{ .lead | markdownify }}
- +
{{ .lead | markdownify }}
{{ end }}