diff --git a/gfi-ihk-2024/stories/_global/styles/main.scss b/gfi-ihk-2024/stories/_global/styles/main.scss index c2c65b9..45bed62 100644 --- a/gfi-ihk-2024/stories/_global/styles/main.scss +++ b/gfi-ihk-2024/stories/_global/styles/main.scss @@ -13,11 +13,11 @@ --theme-color-secondary: #56BD66; --theme-color-secondary-microsite: #56BD66; - --theme-color-secondary-intensed: #2E8533; + --theme-color-secondary-intensed: #247929; --theme-color-secondary-dimmed: #E4F1E4; --theme-color-gradient-01: var(--theme-color-primary); - --theme-color-gradient-02: #4BA490; + --theme-color-gradient-02: #3C8F85; --theme-color-gradient-03: #AFCC7A; --theme-color-link: var(--theme-color-primary); diff --git a/gfi-ihk-2024/stories/components/gallery/gallery.js b/gfi-ihk-2024/stories/components/gallery/gallery.js index 3becacb..f34afbc 100644 --- a/gfi-ihk-2024/stories/components/gallery/gallery.js +++ b/gfi-ihk-2024/stories/components/gallery/gallery.js @@ -207,7 +207,7 @@ class IHKGallery { this.popup = $('
').appendTo($('body')); const slides = $('').appendTo(this.popup); - const closer = $('').prependTo(this.popup); + const closer = $('').prependTo(this.popup); if (this.items.length === 1) { slides.addClass('single-slide'); diff --git a/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js b/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js index b38f2df..7f468a0 100644 --- a/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js +++ b/gfi-ihk-2024/stories/components/ihk-switch/IHKSwitchComponent.js @@ -23,7 +23,9 @@ export const createIhkSwitch = ({ const p2 = 'Sie befinden sich auf der Seite der ' + currentIHK + '. Bisher ist die ' + myIHK + ' als Ihre Heimat-IHK hinterlegt. Wollen Sie die Seite der ' + currentIHK + ' in einem Cookie als Ihre neue Heimat-IHK setzen?'; const p3 = 'Sie werden zum Angebot der ' + myIHK + ' weitergeleitet.'; - createElement('button', ['closer'], null, wrap); + const closer = createElement('button', ['closer'], null, wrap); + closer.ariaLabel = 'Schließen'; + wrap.appendChild(closer); step1.dataset.step = 'form'; createElement('p', [], p1, step1); @@ -41,7 +43,9 @@ export const createIhkSwitch = ({ } else { const p1 = 'Geben Sie Ihre Postleitzahl ein, um zu dem Angebot Ihrer IHK zu gelangen:'; - createElement('button', ['closer'], null, wrap); + const closer = createElement('button', ['closer'], null, wrap); + closer.ariaLabel = 'Schließen'; + wrap.appendChild(closer); step1.dataset.step = 'zip'; createElement('p', [], p1, step1); diff --git a/gfi-ihk-2024/stories/components/search-form/SearchFormComponent.js b/gfi-ihk-2024/stories/components/search-form/SearchFormComponent.js index 87669c1..8071f60 100644 --- a/gfi-ihk-2024/stories/components/search-form/SearchFormComponent.js +++ b/gfi-ihk-2024/stories/components/search-form/SearchFormComponent.js @@ -36,6 +36,7 @@ export const createSearchForm = ({ size: 'small', }); expandButton.id = 'search-expand-collapse'; + expandButton.ariaLabel = 'Suchen'; toggleActions.appendChild(expandButton); wrapper.appendChild(createFormElement({ inputType: 'checkbox', diff --git a/gfi-ihk-2024/stories/pages/election-overview/ElectionOverviewPage.js b/gfi-ihk-2024/stories/pages/election-overview/ElectionOverviewPage.js index 1affa4e..cb33967 100644 --- a/gfi-ihk-2024/stories/pages/election-overview/ElectionOverviewPage.js +++ b/gfi-ihk-2024/stories/pages/election-overview/ElectionOverviewPage.js @@ -4,6 +4,7 @@ import {createFooter} from "../../components/footer/FooterComponent"; import {createElectionForm} from "../../components/election-form/ElectionFormComponent"; import {createMagazineHeader} from "../../components/magazine-header/MagazineHeaderComponent"; import {createElectionResultList} from "../../sections/election-result-list/ElectionResultListComponent"; +import {createSurvey} from "../../sections/survey/SurveyComponent"; export const createElectionOverviewPage = ({ stageWithImage = false, @@ -25,6 +26,8 @@ export const createElectionOverviewPage = ({ container.appendChild(createElectionForm({})); container.appendChild(createElectionResultList({})); + container.appendChild(createSurvey({})); + page.appendChild(createFooter({})) return page; diff --git a/gfi-ihk-2024/stories/pages/home/HomePage.js b/gfi-ihk-2024/stories/pages/home/HomePage.js index a1ea83b..62f5512 100644 --- a/gfi-ihk-2024/stories/pages/home/HomePage.js +++ b/gfi-ihk-2024/stories/pages/home/HomePage.js @@ -11,6 +11,7 @@ import {createTopicTeasersSection} from "../../sections/topic-teasers/TopicTease import {createEventsSection} from "../../sections/events/EventsComponent"; import {createSocialSection} from "../../sections/social/SocialComponent"; import {createTeasersSection} from "../../sections/teasers/TeasersComponent"; +import {createSurvey} from "../../sections/survey/SurveyComponent"; export const createHomePage = ({ globalMessageType = 'light', @@ -31,6 +32,7 @@ export const createHomePage = ({ main.appendChild(createInfoBanner({imageSrc: null, isCommercial: false})); main.appendChild(createTopicTeasersSection({})); main.appendChild(createTeasersSection({headline: 'Aktuelles', type: 'hero', maxItems: 2})); + main.appendChild(createSurvey({})); main.appendChild(createSlider({slides: sliderData})); main.appendChild(createEventsSection({})); main.appendChild(createTeasersSection({headline: 'Weitere Themen'})); diff --git a/gfi-ihk-2024/stories/pages/magazine-start/MagazineStartPage.js b/gfi-ihk-2024/stories/pages/magazine-start/MagazineStartPage.js index de0ea8d..c3a9a5b 100644 --- a/gfi-ihk-2024/stories/pages/magazine-start/MagazineStartPage.js +++ b/gfi-ihk-2024/stories/pages/magazine-start/MagazineStartPage.js @@ -32,6 +32,7 @@ export const createMagazineStartPage = background: 'lightblue', })); + pageContent.appendChild(createSurvey({})); pageContent.appendChild(createQuickFacts({})); page.appendChild(createFooter({})); diff --git a/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js b/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js index eb94cbf..7e32312 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js +++ b/gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js @@ -16,7 +16,7 @@ class IHKSearchAccordion { // section.attr('aria-label', 'Klappmenü geschlossen'); } if (this.section.data('single-open') !== false) { - section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad'); + section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuart'); } }