From e22127510debce249adba7bc3636aa3256960d33 Mon Sep 17 00:00:00 2001 From: Denys Konovalov Date: Wed, 1 Feb 2023 20:24:20 +0100 Subject: [PATCH] homepage revamp --- assets/js/script.js | 26 ++++++++++++++++++-- assets/scss/_common.scss | 8 ++++++ assets/scss/templates/_homepage.scss | 4 +-- assets/scss/templates/_slider.scss | 4 +++ content/german/blog/informatik-biber-2022.md | 6 ++--- data/de/homepage.yml | 26 +++++++++++--------- layouts/_default/list.html | 2 +- layouts/_default/post.html | 2 +- layouts/index.html | 19 +++++++------- layouts/partials/header.html | 7 +++--- 10 files changed, 71 insertions(+), 33 deletions(-) diff --git a/assets/js/script.js b/assets/js/script.js index 600aaecb..c6aabd73 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -4,6 +4,26 @@ // Preloader js $(window).on('load', function () { $('.preloader').fadeOut(100); + if ($('header').offset().top > 10) { + $('.top-header').addClass('hide'); + $('.navigation').addClass('nav-bg'); + $('.navigation').css('margin-top','-'+height+'px'); + } else { + $('.top-header').removeClass('hide'); + if (!$('#top-banner').length) { + $('.navigation').removeClass('nav-bg'); + } + $('.navigation').css('margin-top','-'+0+'px'); + } + if ($('#top-banner').length) { + $('.navigation').addClass('nav-bg'); + $('.hero-section').addClass('hs-banner'); + $('.page-title-section').addClass('pts-banner'); + } else { + $('.navigation').removeClass('nav-bg'); + $('.hero-section').removeClass('hs-banner'); + $('.page-title-section').removeClass('pts-banner'); + } }); // Sticky Menu @@ -15,7 +35,9 @@ $('.navigation').css('margin-top','-'+height+'px'); } else { $('.top-header').removeClass('hide'); - $('.navigation').removeClass('nav-bg'); + if ( !$('#top-banner').length) { + $('.navigation').removeClass('nav-bg'); + } $('.navigation').css('margin-top','-'+0+'px'); } }); @@ -32,7 +54,7 @@ //Hero Slider $('.hero-slider').slick({ autoplay: true, - autoplaySpeed: 7500, + autoplaySpeed: 5000, pauseOnFocus: false, pauseOnHover: false, infinite: true, diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss index 2d48b2eb..4b551877 100644 --- a/assets/scss/_common.scss +++ b/assets/scss/_common.scss @@ -440,4 +440,12 @@ details[open] summary { #wc-canvas { width: 100%; height: 600px; +} + +.top-banner { + padding-top: 160px !important; +} + +.pts-banner { + padding: 80px 0 80px; } \ No newline at end of file diff --git a/assets/scss/templates/_homepage.scss b/assets/scss/templates/_homepage.scss index 56b9cdb3..c34aa707 100644 --- a/assets/scss/templates/_homepage.scss +++ b/assets/scss/templates/_homepage.scss @@ -10,7 +10,7 @@ margin-right: 40px; padding-left: 70px; padding-top: 80px; - padding-right: 30%; + padding-right: 70px; @include desktop-xl { padding-right: 10%; @@ -19,7 +19,7 @@ @include desktop-lg { padding-right: 50px; padding-left: 50px; - padding-top: 30px; + padding-top: 40px; h3 { font-size: 20px; diff --git a/assets/scss/templates/_slider.scss b/assets/scss/templates/_slider.scss index 3c648644..3b7dbcac 100644 --- a/assets/scss/templates/_slider.scss +++ b/assets/scss/templates/_slider.scss @@ -2,6 +2,10 @@ padding: 250px 0 200px; } +.hs-banner { + padding: 50px 0 200px; +} + .hero-slider { .prevArrow, diff --git a/content/german/blog/informatik-biber-2022.md b/content/german/blog/informatik-biber-2022.md index 4a2f6452..099d16d7 100644 --- a/content/german/blog/informatik-biber-2022.md +++ b/content/german/blog/informatik-biber-2022.md @@ -17,9 +17,9 @@ gallery: false --- ### Erfolge beim Informatik-Biber-Wettbewerb 2022 -- 8x 1. Preis in den Jahrgängen 5 & 6 -- 46x 1. Preis in den Jahrgängen 7 bis 12 -- 51x 2. Preis in allen Jahrgängen +- 8 erste Preise in den Jahrgängen 5 & 6 +- 46 erste Preise in den Jahrgängen 7 bis 12 +- 51 zweite Preis in allen Jahrgängen "Der Informatik-Biber ist Deutschlands größter Schülerwettbewerb im Bereich Informatik. Teilnehmen können Kinder und Jugendliche der Klassen 3 bis 13. Der Wettbewerb fördert das digitale Denken mit lebensnahen und alltagsbezogenen Fragestellungen. Dabei entdecken die Teilnehmenden Faszination und Relevanz informatischer Methoden." [aus dem Flyer 2022](https://bwinf.de/fileadmin/biber/2022/Biber-Flyer_2022.pdf) diff --git a/data/de/homepage.yml b/data/de/homepage.yml index db85f4f2..cf32e1e6 100644 --- a/data/de/homepage.yml +++ b/data/de/homepage.yml @@ -1,5 +1,5 @@ top_banner: - enable: false + enable: true text: "Um zur Aufnahmeprüfung zugelassen werden zu können, müssen das Aufnahmeformular und eine Kopie des Halbjahreszeugnisses bis spätestens Mittwoch, den 8. Februar 2023, eingereicht werden.

Wir laden zum @@ -37,7 +37,14 @@ slider: enable: true link: https://www.marketing.uni-halle.de/schulbuero/prime-gymnasien/ label: Mehr erfahren - - content: Kooperationsschule der Hochschule [Merseburg](https://www.hs-merseburg.de/studium/vor-dem-studium/angebote-fuer-studieninteressierte) und der Hochschule Anhalt + - content: Kooperationsschule der Hochschule Merseburg + animation_in: left + animation_out: right + button: + link: https://www.hs-merseburg.de/studium/vor-dem-studium/angebote-fuer-studieninteressierte + label: Mehr erfahren + enable: true + - content: Kooperationsschule der Hochschule Anhalt animation_in: left animation_out: right button: @@ -89,16 +96,13 @@ about: Wir sind eine Schule mit mathematisch-naturwissenschaftlich-technischem Schwerpunkt und möchten interessierte und begabte Schülerinnen und Schüler auf diesem Gebiet fördern. Das schulische Leben unseres Gymnasiums - beschränkt sich aber nicht auf den MINT-Bereich. Informieren Sie sich über - unser vielfältiges wissenschaftliches, kulturelles und soziales Angebot. - - - ### Virtueller Rundgang - - - Wer nicht bis zum nächsten Tag der offenen Tür warten möchte, dem bieten wir eine digitale Führung durch das Schulhaus an, um sich bereits virtuell im Schulhaus umzuschauen. + beschränkt sich aber nicht auf den MINT-Bereich. + + + Informieren Sie sich über unser vielfältiges wissenschaftliches, kulturelles und soziales Angebot. + Georg Πinguin, unser Schulmaskottchen, begleitet Sie dabei! button: - enable: true + enable: false label: Digitale Führung durch das Schulhaus link: https://vr.cantorgymnasium.de/tour/ blog: diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 692311ea..b5ca42cc 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -9,7 +9,7 @@ {{ range $paginator.Pages }}
+ class="card rounded-0 border-primary hover-shadow"> {{ .Title }}
    diff --git a/layouts/_default/post.html b/layouts/_default/post.html index 9fd006bf..066502f9 100644 --- a/layouts/_default/post.html +++ b/layouts/_default/post.html @@ -1,4 +1,4 @@ -
    +
    {{ .Title }}
      diff --git a/layouts/index.html b/layouts/index.html index f132ea00..d889a281 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -14,7 +14,7 @@

      {{ $data.homepage.slider.title | markdownify }}

      {{ .content | markdownify }}

      {{ if .button.enable }} - {{ .button.label }} + {{ .button.label }} {{ end }}
@@ -29,7 +29,6 @@ .hero-default { display: none; } -
@@ -53,8 +52,8 @@ {{ end }} -{{ if $data.header_logos.enable }} -{{ with $data.header_logos }} +{{ if $data.homepage.header_logos.enable }} +{{ with $data.homepage.header_logos }}
@@ -79,7 +78,7 @@
-
+

{{ .title | markdownify }}

{{ .content | markdownify }} @@ -91,7 +90,7 @@ {{ end }}
{{ with .image }} -
+
{{ end }} @@ -123,12 +122,12 @@ {{ if $data.homepage.success_banner.enable }} {{ with $data.homepage.success_banner }}
-
+
-
+
{{ range .feature_item }} -
+
{{ with .image }} {{ end }} @@ -165,7 +164,7 @@
{{ range first 6 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}} -
+
{{ .Render "ganztagsangebote" }}
{{ end }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 1f7faf39..af196769 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -93,11 +93,13 @@ } - {{ $top_banner := (index .Site.Data .Site.Language.Lang).homepage.top_banner }} + + +{{ $top_banner := (index .Site.Data .Site.Language.Lang).homepage.top_banner }} {{ if and $top_banner.enable }} {{ if or (not $top_banner.temporarily.enable) (and $top_banner.temporarily.enable (and (le ($top_banner.temporarily.start_date | time.AsTime).Unix now.Unix ) (ge ($top_banner.temporarily.end_date | time.AsTime).Unix now.Unix))) }} {{ with $top_banner }} -
+
{{ .text | markdownify }}
@@ -107,7 +109,6 @@ {{ end }} {{ end }} {{ end }} - {{ if .Params.Gallery }}