Diverses

Texte, Border-Radius Event Teasers, Letztes ungerades Seminare nicht auf Tablet ausblenden

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;

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({}));
 

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,
     }

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) {