From 90809c3e14d04a4aaae7d94537b4d5dc65827a06 Mon Sep 17 00:00:00 2001 From: Lukas Zimmer Date: Sun, 3 Mar 2024 22:15:57 +0100 Subject: [PATCH] Diverses Texte, Border-Radius Event Teasers, Letztes ungerades Seminare nicht auf Tablet ausblenden --- .../event-teaser-large.scss | 12 +++-- .../pages/event-overview/EventOverviewPage.js | 6 +-- .../EventTeasersLargeData.js | 44 +++++++++---------- .../event-teasers-large.scss | 7 +-- 4 files changed, 38 insertions(+), 31 deletions(-) diff --git a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss index 2afc30e..b8cb45e 100644 --- a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss +++ b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss @@ -3,13 +3,12 @@ .event-teaser-large, .events-list-large a:not(.btn) { background-color: white; - border-radius: 8px; + border-radius: 16px; overflow: hidden; display: flex; transition: 0.3s ease; text-decoration: none; min-height:400px; - flex-wrap: wrap; &:not(.widemode){ flex-wrap: wrap; @@ -17,7 +16,12 @@ flex-flow: column; justify-content: flex-start; background-color: var(--theme-grey-light); - + .blue-box { + height:250px; + } + .text-box{ + height: calc(100% - 250px); + } } @include focus-visible; @@ -205,7 +209,9 @@ } } &.widemode{ + @media screen and (min-width:992px){ + border-radius: 4px; .blue-box{ width:50%; padding: 100px 15px 20px 15px; diff --git a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js index 860871f..7d75610 100644 --- a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js +++ b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js @@ -36,10 +36,10 @@ export const createEventOverviewPage = ({ listItems : null, smallheadline: true, })); - wrapper.appendChild(createEventTeasersLarge({})); + wrapper.appendChild(createEventTeasersLarge({buttonLabel:'Mehr Veranstaltungen zu Gründung und Nachfolge'})); wrapper.appendChild(createEventsSection({})); - wrapper.appendChild(createEventTeasersLarge({})); - wrapper.appendChild(createEventTeasersLarge({events: EventTeasersLargeSixData})); + wrapper.appendChild(createEventTeasersLarge({headline:'Nur noch wenige Plätze frei',subheadline:'Nutzen Sie die letzte Chance, um sich einen der begehrten Plätze in unseren Seminaren zu sichern.',buttonLabel:'Mehr Veranstaltungen entdecken'})); + wrapper.appendChild(createEventTeasersLarge({headline:'Die beliebtesten Veranstaltungen',subheadline:'Erstklassige Inhalte und inspirierende Vorträge erwarten Sie!',events: EventTeasersLargeSixData,buttonLabel:'Mehr Veranstaltungen entdecken'})); wrapper.appendChild(createSlider({})); page.appendChild(createFooter({})); diff --git a/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js b/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js index 2abf976..6c30f7c 100644 --- a/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js +++ b/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js @@ -57,7 +57,7 @@ date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Person', category: 'Gründung und Nachfolge', bgimage: null, }, @@ -70,7 +70,7 @@ date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Waage', category: 'Gründung und Nachfolge', bgimage: null, } @@ -86,7 +86,7 @@ date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Stadt', category: 'Gründung und Nachfolge', bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', }, @@ -99,7 +99,7 @@ date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Treppe', category: 'Gründung und Nachfolge', bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', }, @@ -112,7 +112,7 @@ date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Virus', category: 'Gründung und Nachfolge', bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', } @@ -121,8 +121,8 @@ export const EventTeasersLargeSixData = [ { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, - title: EventTeaserLargeTitles[Math.floor(Math.random() * EventTeaserLargeTitles.length)], - desc: 'Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!', + title: 'Bildungsmanagement: Trends und Techniken', + desc: 'Entdecken Sie die neuesten Trends und Techniken im Bildungsmanagement zur Steigerung der Mitarbeiterkompetenz.', link: '#', details: { date: '20.09.2022', @@ -134,66 +134,66 @@ }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, - title: EventTeaserLargeTitles[Math.floor(Math.random() * EventTeaserLargeTitles.length)], - desc: 'Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!', + title: 'Green Tech Revolution', + desc: 'Entdecken Sie, wie innovative Technologien zur Lösung von Umweltproblemen beitragen und die Nachhaltigkeit in Unternehmen fördern können.', link: '#', details: { date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Waage', category: 'Gründung und Nachfolge', bgimage: null, }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, - title: EventTeaserLargeTitles[Math.floor(Math.random() * EventTeaserLargeTitles.length)], - desc: 'Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!', + title: 'Aktuelle Rechts- und Steuertrends für Unternehmen', + desc: 'Erfahren Sie in unserem Seminar, wie Sie eine reibungslose und nachhaltige Firmenübergabe gestalten können, um die Zukunft Ihres Unternehmens und dessen Werte langfristig zu sichern.', link: '#', details: { date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Stadt', category: 'Gründung und Nachfolge', bgimage: null, }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, - title: EventTeaserLargeTitles[Math.floor(Math.random() * EventTeaserLargeTitles.length)], - desc: 'Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!', + title: 'Erfolg auf globalen Märkten durch Kulturverständnis', + desc: 'Entdecken Sie die neuesten Trends und Techniken im Bildungsmanagement zur Steigerung der Mitarbeiterkompetenz.', link: '#', details: { date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Treppe', category: 'Gründung und Nachfolge', bgimage: null, }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, - title: EventTeaserLargeTitles[Math.floor(Math.random() * EventTeaserLargeTitles.length)], - desc: 'Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!', + title: 'Erfolgreiche Unternehmensgründung: Strategien und Fallstudien', + desc: 'Entdecken Sie die neuesten Trends und Techniken im Bildungsmanagement zur Steigerung der Mitarbeiterkompetenz.', link: '#', details: { date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Virus', category: 'Gründung und Nachfolge', bgimage: null, }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, - title: EventTeaserLargeTitles[Math.floor(Math.random() * EventTeaserLargeTitles.length)], - desc: 'Entfesseln Sie das volle Potenzial der generativen KI und beherrschen Sie die Kunst des Prompt-Engineerings!', + title: 'Nachhaltige Firmenübergabe', + desc: 'Entdecken Sie die neuesten Trends und Techniken im Bildungsmanagement zur Steigerung der Mitarbeiterkompetenz.', link: '#', details: { date: '20.09.2022', status: EventTeaserLargeStatus[Math.floor(Math.random() * EventTeaserLargeStatus.length)], }, - icon: 'Roboter', + icon: 'Waage', category: 'Gründung und Nachfolge', bgimage: null, } diff --git a/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss b/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss index f1cd663..f8c6c3c 100644 --- a/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss +++ b/gfi-ihk-2024/stories/sections/event-teasers-large/event-teasers-large.scss @@ -15,6 +15,9 @@ h2, .like-h2 { margin-top: var(--section-headline-margin); margin-bottom:10px; + + p { + max-width:700px; + } } .row { @@ -54,9 +57,7 @@ flex: 1 1 50%; max-width: 50%; - &:last-child { - display:none; - } + } @media(max-width: 767px) {