From b0e315ea9daf662b277139074f6223dd38f4e622 Mon Sep 17 00:00:00 2001 From: Florian Eisenmenger Date: Wed, 24 Jul 2024 14:10:20 +0200 Subject: [PATCH] july fixes --- gfi-ihk-2024/public/dummy/placeholder-1-1.svg | 13 +++++++ gfi-ihk-2024/public/dummy/placeholder-2-3.svg | 13 +++++++ gfi-ihk-2024/public/dummy/placeholder-3-2.svg | 13 +++++++ gfi-ihk-2024/public/dummy/placeholder-3-4.svg | 13 +++++++ gfi-ihk-2024/public/dummy/placeholder-4-3.svg | 13 +++++++ .../stories/_global/gfi-styles/_richtext.scss | 5 ++- .../components/accordion/AccordionData.js | 2 +- .../components/accordion/accordion.scss | 16 ++++++--- .../components/artwork/ArtworkComponent.js | 7 ++-- .../stories/components/contact/ContactData.js | 8 ++--- .../document-list/DocumentListData.js | 6 ++-- .../EventTeaserLargeData.js | 2 +- .../stories/components/gallery/GalleryData.js | 34 +++++++++---------- .../image-text/ImageTextComponent.js | 2 +- .../MagazineArticleComponent.js | 2 +- .../magazine-cover/MagazineCover.stories.js | 2 +- .../magazine-cover/MagazineCoverComponent.js | 2 +- .../mini-teaser/MiniTeaser.stories.js | 2 +- .../components/teaser/Teaser.stories.js | 2 +- .../components/teaser/TeaserComponent.js | 2 +- .../stories/components/video/Video.stories.js | 2 +- .../components/video/VideoComponent.js | 2 +- .../ParticipationStartPage.js | 2 +- .../stories/pages/tile-grid/TileGridPage.js | 2 +- .../EventTeaserLargeSliderData.js | 8 ++--- .../EventTeasersLargeData.js | 6 ++-- .../sections/infobanner/InfoBanner.stories.js | 4 +-- .../infobanner/InfoBannerComponent.js | 4 +-- .../MarketingHeader.stories.js | 2 +- .../marketingheader/MarketingHeaderData.js | 6 ++-- .../ParticipationStage.stories.js | 2 +- .../ParticipationStageComponent.js | 2 +- .../stories/sections/slider/SliderData.js | 4 +-- .../sections/teasers/TeasersComponent.js | 2 +- .../stories/sections/teasers/TeasersData.js | 18 +++++----- .../video-stage/VideoStage.stories.js | 2 +- .../video-stage/VideoStageComponent.js | 4 +-- 37 files changed, 154 insertions(+), 77 deletions(-) create mode 100644 gfi-ihk-2024/public/dummy/placeholder-1-1.svg create mode 100644 gfi-ihk-2024/public/dummy/placeholder-2-3.svg create mode 100644 gfi-ihk-2024/public/dummy/placeholder-3-2.svg create mode 100644 gfi-ihk-2024/public/dummy/placeholder-3-4.svg create mode 100644 gfi-ihk-2024/public/dummy/placeholder-4-3.svg diff --git a/gfi-ihk-2024/public/dummy/placeholder-1-1.svg b/gfi-ihk-2024/public/dummy/placeholder-1-1.svg new file mode 100644 index 0000000..bd993ee --- /dev/null +++ b/gfi-ihk-2024/public/dummy/placeholder-1-1.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gfi-ihk-2024/public/dummy/placeholder-2-3.svg b/gfi-ihk-2024/public/dummy/placeholder-2-3.svg new file mode 100644 index 0000000..ce17ac0 --- /dev/null +++ b/gfi-ihk-2024/public/dummy/placeholder-2-3.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gfi-ihk-2024/public/dummy/placeholder-3-2.svg b/gfi-ihk-2024/public/dummy/placeholder-3-2.svg new file mode 100644 index 0000000..0717470 --- /dev/null +++ b/gfi-ihk-2024/public/dummy/placeholder-3-2.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gfi-ihk-2024/public/dummy/placeholder-3-4.svg b/gfi-ihk-2024/public/dummy/placeholder-3-4.svg new file mode 100644 index 0000000..40ce8ce --- /dev/null +++ b/gfi-ihk-2024/public/dummy/placeholder-3-4.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gfi-ihk-2024/public/dummy/placeholder-4-3.svg b/gfi-ihk-2024/public/dummy/placeholder-4-3.svg new file mode 100644 index 0000000..4f776d6 --- /dev/null +++ b/gfi-ihk-2024/public/dummy/placeholder-4-3.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gfi-ihk-2024/stories/_global/gfi-styles/_richtext.scss b/gfi-ihk-2024/stories/_global/gfi-styles/_richtext.scss index 4545ff7..4cb357f 100644 --- a/gfi-ihk-2024/stories/_global/gfi-styles/_richtext.scss +++ b/gfi-ihk-2024/stories/_global/gfi-styles/_richtext.scss @@ -99,7 +99,10 @@ opacity: 1; -webkit-box-decoration-break: clone; box-decoration-break: clone; - + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; + hyphens: auto; &:hover { color: $color-link-hover; diff --git a/gfi-ihk-2024/stories/components/accordion/AccordionData.js b/gfi-ihk-2024/stories/components/accordion/AccordionData.js index db47653..46fa9d5 100644 --- a/gfi-ihk-2024/stories/components/accordion/AccordionData.js +++ b/gfi-ihk-2024/stories/components/accordion/AccordionData.js @@ -29,7 +29,7 @@ export const EventAccordionData = [ speakers: [ { name: 'Dr. Marianne Musterfrau', - img: 'https://source.unsplash.com/j5almO1E8rU/360x240', + img: './dummy/placeholder-3-2.svg', info: 'Coach, Trainerin und Unternehmensberaterin mit Expertise in den Bereichen Handel, Einzelhandel und Dienstleistung. Sie betreut unter anderem kleine und mittelständische Unternehmen in den Bereichen Vertrieb, Marketing und Events.', }, { diff --git a/gfi-ihk-2024/stories/components/accordion/accordion.scss b/gfi-ihk-2024/stories/components/accordion/accordion.scss index 795935d..8a1288b 100644 --- a/gfi-ihk-2024/stories/components/accordion/accordion.scss +++ b/gfi-ihk-2024/stories/components/accordion/accordion.scss @@ -23,10 +23,13 @@ --accordion-icon-width: var(--container-padding); } + > li { + padding-left: var(--accordion-icon-width); + } + > li.inAccordion { border-top: 1px solid var(--theme-color-primary-dimmed-02); margin-bottom: 0; - padding-left: var(--accordion-icon-width); /* &::before { content: ''; @@ -42,10 +45,6 @@ .accordion-toggler { background-color: var(--theme-color-secondary-dimmed); color: var(--theme-color-secondary-intensed); - - &::before { - @include icon-minus; - } } } } @@ -59,6 +58,7 @@ margin: 0 0 0 calc(var(--accordion-icon-width) * -1); background-color: #fff; text-decoration: none; + position: relative; @include focus-visible; @media(max-width: 567px) { @@ -73,11 +73,17 @@ line-height: 1; top: 50%; left: 6px; + position: absolute; margin-top: calc(var(--icon-size) / -2); width: var(--accordion-icon-width); text-align: center; padding-right: 5px; } + &.open { + &::before { + @include icon-minus; + } + } &:hover { background-color: var(--theme-color-secondary-dimmed); diff --git a/gfi-ihk-2024/stories/components/artwork/ArtworkComponent.js b/gfi-ihk-2024/stories/components/artwork/ArtworkComponent.js index c940ff1..d145b19 100644 --- a/gfi-ihk-2024/stories/components/artwork/ArtworkComponent.js +++ b/gfi-ihk-2024/stories/components/artwork/ArtworkComponent.js @@ -6,7 +6,7 @@ export const createArtwork = type = 'artwork-image', image = 'Berlin', }) => { - let imageId, imageWidth, imageHeight; + let imageId, imageWidth, imageHeight, imageSize; const artworkWrapper = createElement('div', ['artwork-wrapper'], null); artworkWrapper.dataset.type = type; if (type === 'artwork-both-sides' ){ @@ -25,15 +25,18 @@ export const createArtwork = if (type === 'artwork-image') { imageWidth = 800; imageHeight = 800; + imageSize = '1-1'; } else { imageWidth = 1920; imageHeight = 1080; + imageSize = '3-2'; } if (type === 'artwork-image' || type === 'background-image' || type === 'artwork-background-image') { const imageBox = createElement('div', ['image-box'], null, artworkWrapper); const picture = createElement('picture', [], null, imageBox); - createImage('https://source.unsplash.com/' + imageId + '/' + imageWidth + 'x' + imageHeight, imageWidth, imageHeight, 'Artwork Image', [], picture); + //createImage('https://source.unsplash.com/' + imageId + '/' + imageWidth + 'x' + imageHeight, imageWidth, imageHeight, 'Artwork Image', [], picture); + createImage('./dummy/placeholder-' + imageSize + '.svg', imageWidth, imageHeight, 'Artwork Image', [], picture); } diff --git a/gfi-ihk-2024/stories/components/contact/ContactData.js b/gfi-ihk-2024/stories/components/contact/ContactData.js index 9d233a8..00f621d 100644 --- a/gfi-ihk-2024/stories/components/contact/ContactData.js +++ b/gfi-ihk-2024/stories/components/contact/ContactData.js @@ -1,7 +1,7 @@ export const ContactData = [ { name: 'Max Mustermann', - image: 'https://source.unsplash.com/2x3vfVxwR7o/360x240', + image: './dummy/placeholder-3-2.svg', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', mail: 'mm@ihk.de', phone: '+49 (0) 12 345678-90', @@ -10,7 +10,7 @@ export const ContactData = [ }, { name: 'Erika Musterfrau', - image: 'https://source.unsplash.com/KucgBMFc4JU/360x240', + image: './dummy/placeholder-3-2.svg', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', mail: 'aa@ihk.de', phone: '+49 (0) 12 345678-94', @@ -19,7 +19,7 @@ export const ContactData = [ }, { name: 'Bernd Beispiel', - image: 'https://source.unsplash.com/mw4u9Qm6CHQ/360x240', + image: './dummy/placeholder-3-2.svg', copy: null, mail: 'mm@ihk.de', phone: '+49 (0) 12 345678-90', @@ -31,7 +31,7 @@ export const ContactData = [ export const SingleContactData = [ { name: 'Max Mustermann', - image: 'https://source.unsplash.com/2x3vfVxwR7o/360x240', + image: './dummy/placeholder-3-2.svg', copy: 'Bereiche: Aus- und Weiterbildung, Kaufmännische Weiterbildung', mail: 'mm@ihk.de', phone: '+49 (0) 12 345678-90', diff --git a/gfi-ihk-2024/stories/components/document-list/DocumentListData.js b/gfi-ihk-2024/stories/components/document-list/DocumentListData.js index d227d52..b71bef1 100644 --- a/gfi-ihk-2024/stories/components/document-list/DocumentListData.js +++ b/gfi-ihk-2024/stories/components/document-list/DocumentListData.js @@ -2,7 +2,7 @@ export const DocumentListData = [ { link: '#', icon: 'icon-small-download', - imageSrc: 'https://source.unsplash.com/dIMJWLx1YbE/210x140', + imageSrc: './dummy/placeholder-3-2.svg', chartTitle: '', kicker: 'Positionen', title: 'Gipfel zur Digitalen Bildung 2019', @@ -32,7 +32,7 @@ export const DocumentListData = [ { link: '#', icon: 'icon-small-download', - imageSrc: 'https://source.unsplash.com/GJNT3tqQW8I/210x140', + imageSrc: './dummy/placeholder-3-2.svg', chartTitle: '', kicker: 'Positionen', title: 'Gipfel zur Digitalen Bildung 2019', @@ -52,7 +52,7 @@ export const DocumentListData = [ { link: '#', icon: 'icon-small-download', - imageSrc: 'https://source.unsplash.com/5fNmWej4tAA/210x140', + imageSrc: './dummy/placeholder-3-2.svg', chartTitle: null, kicker: 'Positionen', title: 'Gipfel zur Digitalen Bildung 2019', diff --git a/gfi-ihk-2024/stories/components/event-teaser-large/EventTeaserLargeData.js b/gfi-ihk-2024/stories/components/event-teaser-large/EventTeaserLargeData.js index b57a8d0..5a6f4b7 100644 --- a/gfi-ihk-2024/stories/components/event-teaser-large/EventTeaserLargeData.js +++ b/gfi-ihk-2024/stories/components/event-teaser-large/EventTeaserLargeData.js @@ -46,5 +46,5 @@ export const EventTeaserLargeImageData = { }, icon: 'Roboter', category: 'Gründung und Nachfolge', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', } diff --git a/gfi-ihk-2024/stories/components/gallery/GalleryData.js b/gfi-ihk-2024/stories/components/gallery/GalleryData.js index 26b55d4..b7c207d 100644 --- a/gfi-ihk-2024/stories/components/gallery/GalleryData.js +++ b/gfi-ihk-2024/stories/components/gallery/GalleryData.js @@ -1,86 +1,86 @@ export const galleryData = [ { - src: 'https://source.unsplash.com/aKij95Mmus8/1470x980', + src: './dummy/placeholder-3-2.svg', width: 1470, height: 980, }, { - src: 'https://source.unsplash.com/dIMJWLx1YbE/736x981', + src: './dummy/placeholder-2-3.svg', width: 736, height: 981, }, { - src: 'https://source.unsplash.com/QBpZGqEMsKg/1470x980', + src: './dummy/placeholder-3-2.svg', width: 1470, height: 980, }, { - src: 'https://source.unsplash.com/v9FQR4tbIq8/1200x980', + src: './dummy/placeholder-4-3.svg', width: 1200, height: 980, }, { - src: 'https://source.unsplash.com/lB9ylP8e9Sg/880x1200', + src: './dummy/placeholder-3-4.svg', width: 880, height: 1200, }, { - src: 'https://source.unsplash.com/eF7HN40WbAQ/1470x980', + src: './dummy/placeholder-3-2.svg', width: 1470, height: 980, }, { - src: 'https://source.unsplash.com/fIq0tET6llw/800x1100', + src: './dummy/placeholder-3-4.svg', width: 800, height: 1100, }, { - src: 'https://source.unsplash.com/muOHbrFGEQY/900x1200', + src: './dummy/placeholder-3-4.svg', width: 900, height: 1200, }, { - src: 'https://source.unsplash.com/PhYq704ffdA/1470x980', + src: './dummy/placeholder-3-2.svg', width: 1470, height: 980, }, { - src: 'https://source.unsplash.com/6VhPY27jdps/1200x1200', + src: './dummy/placeholder-1-1.svg', width: 1200, height: 1200, }, { - src: 'https://source.unsplash.com/lB9ylP8e9Sg/880x1200', + src: './dummy/placeholder-3-4.svg', width: 880, height: 1200, }, { - src: 'https://source.unsplash.com/PhYq704ffdA/1470x980', + src: './dummy/placeholder-3-2.svg', width: 1470, height: 980, }, { - src: 'https://source.unsplash.com/fIq0tET6llw/800x1100', + src: './dummy/placeholder-3-4.svg', width: 800, height: 1100, }, { - src: 'https://source.unsplash.com/muOHbrFGEQY/900x1200', + src: './dummy/placeholder-3-4.svg', width: 900, height: 1200, }, { - src: 'https://source.unsplash.com/QBpZGqEMsKg/1470x980', + src: './dummy/placeholder-3-2.svg', width: 1470, height: 980, }, { - src: 'https://source.unsplash.com/v9FQR4tbIq8/1200x980', + src: './dummy/placeholder-4-3.svg', width: 1200, height: 980, }, { - src: 'https://source.unsplash.com/6VhPY27jdps/1200x1200', + src: './dummy/placeholder-1-1.svg', width: 1200, height: 1200, }, diff --git a/gfi-ihk-2024/stories/components/image-text/ImageTextComponent.js b/gfi-ihk-2024/stories/components/image-text/ImageTextComponent.js index c010e78..d080a7b 100644 --- a/gfi-ihk-2024/stories/components/image-text/ImageTextComponent.js +++ b/gfi-ihk-2024/stories/components/image-text/ImageTextComponent.js @@ -17,7 +17,7 @@ export const createImageText = const div = createElement('div', ['image-text', colored, switched], null); const div2 = createElement('div', ['image-text--image'], null, div); const div3 = createElement('div', ['image-text--text'], null, div); - createImage(image, 400, 400, '', [], div2); + createImage(image, 1280, 1280, '', [], div2); if (smallheadline){ createElement('h3', [], headline, div3); } diff --git a/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js b/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js index db0fd28..cc02a6d 100644 --- a/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js +++ b/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js @@ -27,7 +27,7 @@ export const createMagazineArticle = ({ article.appendChild(createGallery({galleryType: 'masonry'})); article.appendChild(createInfobox({content: lorem2})); const imageBox = createElement('figure', ['image-box', 'off-grid'], null, article); - createImage('https://source.unsplash.com/TamMbr4okv4/420x280', 420, 280, 'Image off grid', [], imageBox); + createImage('./dummy/placeholder-3-2.svg', 420, 280, 'Image off grid', [], imageBox); createElement('figcaption', [], 'Bildunterschrift lorem ipsum dolor sit amet ipsum', imageBox); createElement('p', [], lorem2 + ' ' + lorem1 + ' ' + lorem2, article); createElement('p', [], lorem2, article); diff --git a/gfi-ihk-2024/stories/components/magazine-cover/MagazineCover.stories.js b/gfi-ihk-2024/stories/components/magazine-cover/MagazineCover.stories.js index 4fb9858..2992b0e 100644 --- a/gfi-ihk-2024/stories/components/magazine-cover/MagazineCover.stories.js +++ b/gfi-ihk-2024/stories/components/magazine-cover/MagazineCover.stories.js @@ -6,7 +6,7 @@ export default { layout: 'fullscreen', }, args: { - imageSrc: 'https://source.unsplash.com/OD9EOzfSOh0/1110x440', + imageSrc: './dummy/placeholder-4-3.svg', } } diff --git a/gfi-ihk-2024/stories/components/magazine-cover/MagazineCoverComponent.js b/gfi-ihk-2024/stories/components/magazine-cover/MagazineCoverComponent.js index 15ed999..0db6f50 100644 --- a/gfi-ihk-2024/stories/components/magazine-cover/MagazineCoverComponent.js +++ b/gfi-ihk-2024/stories/components/magazine-cover/MagazineCoverComponent.js @@ -3,7 +3,7 @@ import {createElement, createImage} from "../../_global/scripts/helpers"; import {createReadingTime} from "../../atoms/reading-time/ReadingTimeComponent"; export const createMagazineCover = ({ - imageSrc = 'https://source.unsplash.com/OD9EOzfSOh0/1110x440', + imageSrc = './dummy/placeholder-4-3.svg', showReadingTime = true, }) => { const section = createElement('section', ['magazine-cover']); diff --git a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js index ee97014..df5777f 100644 --- a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js +++ b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaser.stories.js @@ -47,4 +47,4 @@ export const infobannerWithoutIcon = MiniTeaser.bind({}); infobannerWithoutIcon.args = {type:'infoteaser', icon: null}; export const infobannerBackground = MiniTeaser.bind({}); -infobannerBackground.args = {type:'infoteaser', backgroundImage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648'}; +infobannerBackground.args = {type:'infoteaser', backgroundImage: './dummy/placeholder-4-3.svg'}; diff --git a/gfi-ihk-2024/stories/components/teaser/Teaser.stories.js b/gfi-ihk-2024/stories/components/teaser/Teaser.stories.js index 04c42fe..7318706 100644 --- a/gfi-ihk-2024/stories/components/teaser/Teaser.stories.js +++ b/gfi-ihk-2024/stories/components/teaser/Teaser.stories.js @@ -7,7 +7,7 @@ export default { kicker: 'Fachkräfte', headline: 'Anteil der Frauen im Bereich Engineering steigt', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita, no sea takimata sanctus est.', - imageSrc: 'https://source.unsplash.com/-uHVRvDr7pg/420x280', + imageSrc: './dummy/placeholder-3-2.svg', copyright: '@ shutterstock.com', showReadingTime: false, link: '#', diff --git a/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js b/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js index 0f1f5c0..599c565 100644 --- a/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js +++ b/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js @@ -5,7 +5,7 @@ import {createReadingTime} from "../../atoms/reading-time/ReadingTimeComponent"; export const createTeaser = ({ type = 'regular', link = '#', - imageSrc = 'https://api.unsplash.com/-uHVRvDr7pg/420x280', + imageSrc = './dummy/placeholder-3-2.svg', copyright = '@ shutterstock.com', kicker = 'Fachkräfte', headline = 'Anteil der Frauen im Bereich Engineering steigt', diff --git a/gfi-ihk-2024/stories/components/video/Video.stories.js b/gfi-ihk-2024/stories/components/video/Video.stories.js index 811e4a1..0e6c4b0 100644 --- a/gfi-ihk-2024/stories/components/video/Video.stories.js +++ b/gfi-ihk-2024/stories/components/video/Video.stories.js @@ -4,7 +4,7 @@ export default { title: 'Components/Video', args: { videoSrc: 'https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4', - posterSrc: 'https://source.unsplash.com/T5nXYXCf50I/880x495', + posterSrc: './dummy/placeholder-3-2.svg', caption: 'Lorem ipsum dolor sit amet consetetur', copyright: '© Marco Mustermann für Mustervideos', } diff --git a/gfi-ihk-2024/stories/components/video/VideoComponent.js b/gfi-ihk-2024/stories/components/video/VideoComponent.js index 08b3f55..8ad94fb 100644 --- a/gfi-ihk-2024/stories/components/video/VideoComponent.js +++ b/gfi-ihk-2024/stories/components/video/VideoComponent.js @@ -3,7 +3,7 @@ import {createElement} from "../../_global/scripts/helpers"; export const createVideo = ({ videoSrc = 'https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4', - posterSrc = 'https://source.unsplash.com/T5nXYXCf50I/880x495', + posterSrc = './dummy/placeholder-4-3.svg', caption = 'Lorem ipsum dolor sit amet consetetur', copyright = '© Marco Mustermann für Mustervideos', }) => { diff --git a/gfi-ihk-2024/stories/pages/participation-start/ParticipationStartPage.js b/gfi-ihk-2024/stories/pages/participation-start/ParticipationStartPage.js index 2c83c0e..d41546b 100644 --- a/gfi-ihk-2024/stories/pages/participation-start/ParticipationStartPage.js +++ b/gfi-ihk-2024/stories/pages/participation-start/ParticipationStartPage.js @@ -17,7 +17,7 @@ export const createParticipationStartPage = ({ const pageContent = createElement('div', ['page-content'], null, wrapper); pageContent.appendChild(createParticipationStage({ - imageSrc: stageWithImage ? 'https://source.unsplash.com/2vCqH34PqWs/1080x648' : null, + imageSrc: stageWithImage ? './dummy/placeholder-4-3.svg' : null, })); pageContent.appendChild(createParticipationTeasers({})); diff --git a/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js b/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js index af3d6fc..5e45e63 100644 --- a/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js +++ b/gfi-ihk-2024/stories/pages/tile-grid/TileGridPage.js @@ -18,7 +18,7 @@ export const createTileGridPage = ({ pageContent.appendChild(createMagazineCover({ showReadingTime: false, - imageSrc: 'https://source.unsplash.com/g_DTWgRypfE/1110x440', + imageSrc: './dummy/placeholder-3-2.svg', })); const container = createElement('div', ['container'], null, pageContent); diff --git a/gfi-ihk-2024/stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js b/gfi-ihk-2024/stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js index 7513526..6b102b2 100644 --- a/gfi-ihk-2024/stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js +++ b/gfi-ihk-2024/stories/sections/event-teaser-large-slider/EventTeaserLargeSliderData.js @@ -57,7 +57,7 @@ export const sliderData = [ }, icon: 'Roboter', category: 'Aus- und Weiterbildung', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', } ] @@ -73,7 +73,7 @@ export const sliderImageData = [ }, icon: 'Roboter', category: 'Aus- und Weiterbildung', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, @@ -86,7 +86,7 @@ export const sliderImageData = [ }, icon: 'Roboter', category: 'Gründung und Nachfolge', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, @@ -99,6 +99,6 @@ export const sliderImageData = [ }, icon: 'Roboter', category: 'Innovation und Umwelt', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', } ] 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 6c30f7c..9d6536e 100644 --- a/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js +++ b/gfi-ihk-2024/stories/sections/event-teasers-large/EventTeasersLargeData.js @@ -88,7 +88,7 @@ }, icon: 'Stadt', category: 'Gründung und Nachfolge', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, @@ -101,7 +101,7 @@ }, icon: 'Treppe', category: 'Gründung und Nachfolge', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', }, { date: { weekday: 'Mo.', day: '20', month: 'Sep. 2022' }, @@ -114,7 +114,7 @@ }, icon: 'Virus', category: 'Gründung und Nachfolge', - bgimage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + bgimage: './dummy/placeholder-4-3.svg', } ] diff --git a/gfi-ihk-2024/stories/sections/infobanner/InfoBanner.stories.js b/gfi-ihk-2024/stories/sections/infobanner/InfoBanner.stories.js index 0f43b62..bcca740 100644 --- a/gfi-ihk-2024/stories/sections/infobanner/InfoBanner.stories.js +++ b/gfi-ihk-2024/stories/sections/infobanner/InfoBanner.stories.js @@ -29,12 +29,12 @@ export default { imageSrc: { name: 'Bild-Url', control: 'text', - defaultValue: 'https://source.unsplash.com/nPz8akkUmDI/1340x240', + defaultValue: './dummy/placeholder-4-3.svg', }, imageSrcMobile: { name: 'Bild-Url mobil', control: 'text', - defaultValue: 'https://source.unsplash.com/nPz8akkUmDI/600x400', + defaultValue: './dummy/placeholder-3-2.svg', }, isCommercial: { name: 'Ist externe Werbung?', diff --git a/gfi-ihk-2024/stories/sections/infobanner/InfoBannerComponent.js b/gfi-ihk-2024/stories/sections/infobanner/InfoBannerComponent.js index 166e511..d95a906 100644 --- a/gfi-ihk-2024/stories/sections/infobanner/InfoBannerComponent.js +++ b/gfi-ihk-2024/stories/sections/infobanner/InfoBannerComponent.js @@ -9,8 +9,8 @@ export const createInfoBanner = copy = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', buttonText = 'Call to action', link = '#', - imageSrc = 'https://source.unsplash.com/e8e4YY65sOk/1340x240', - imageSrcMobile = 'https://source.unsplash.com/e8e4YY65sOk/600x600', + imageSrc = './dummy/placeholder-4-3.svg', + imageSrcMobile = './dummy/placeholder-1-1.svg', isCommercial = true, }) => { const section = createElement('section', ['infobanner'], null); diff --git a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js index 228ea63..4792e7c 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js +++ b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeader.stories.js @@ -50,7 +50,7 @@ export const MarketingHeader = Template.bind({}); MarketingHeader.args = {}; export const MarketingHeaderSearchBackground = Template.bind({}); -MarketingHeaderSearchBackground.args = {backgroundImage: 'https://source.unsplash.com/2vCqH34PqWs/1080x648'}; +MarketingHeaderSearchBackground.args = {backgroundImage: './dummy/placeholder-4-3.svg'}; export const MarketingHeaderInfoBanner = Template.bind({}); MarketingHeaderInfoBanner.args = {teasers : infoTeaserData}; diff --git a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js index c585a4a..acd9311 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js +++ b/gfi-ihk-2024/stories/sections/marketingheader/MarketingHeaderData.js @@ -72,7 +72,7 @@ export const sliderData = [ kicker: 'Lorem Ipsum dolor', headline: 'Möglichkeiten der Integration', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', - imageSrc: 'https://source.unsplash.com/9_bDrvW7bA8/900x600', + imageSrc: './dummy/placeholder-3-2.svg', cta: 'Mehr erfahren', link: '#', contextImg: './logos/wirtschaftsdialoge.svg', @@ -90,7 +90,7 @@ export const sliderData = [ kicker: 'Lorem Ipsum dolor 2', headline: 'Möglichkeiten der Integration', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', - imageSrc: 'https://source.unsplash.com/Ff2oZ_xbKL0/900x600', + imageSrc: './dummy/placeholder-3-2.svg', cta: 'Mehr erfahren', link: '#', } @@ -100,7 +100,7 @@ export const singleSlideData = [ kicker: 'Lorem Ipsum dolor', headline: 'Möglichkeiten der Integration', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', - imageSrc: 'https://source.unsplash.com/9_bDrvW7bA8/900x600', + imageSrc: './dummy/placeholder-3-2.svg', cta: 'Mehr erfahren', link: '#', contextImg: './logos/wirtschaftsdialoge.svg', diff --git a/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStage.stories.js b/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStage.stories.js index d093e78..7bb41b2 100644 --- a/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStage.stories.js +++ b/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStage.stories.js @@ -6,7 +6,7 @@ export default { layout: 'fullscreen', }, args: { - imageSrc: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + imageSrc: './dummy/placeholder-4-3.svg', kicker: 'Noch 7 Tage offen', headline: 'Jetzt und digital mitreden', copy: 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.', diff --git a/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStageComponent.js b/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStageComponent.js index 5a56c31..784391c 100644 --- a/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStageComponent.js +++ b/gfi-ihk-2024/stories/sections/participation-stage/ParticipationStageComponent.js @@ -4,7 +4,7 @@ import {createProgressBar} from "../../atoms/progress-bar/ProgressBarComponent"; import {createButton} from "../../atoms/button/ButtonComponent"; export const createParticipationStage = ({ - imageSrc = 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + imageSrc = './dummy/placeholder-4-3.svg', kicker = 'Noch 7 Tage offen', headline = 'Jetzt und digital mitreden', copy = 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.', diff --git a/gfi-ihk-2024/stories/sections/slider/SliderData.js b/gfi-ihk-2024/stories/sections/slider/SliderData.js index 5cd440c..c4ff86b 100644 --- a/gfi-ihk-2024/stories/sections/slider/SliderData.js +++ b/gfi-ihk-2024/stories/sections/slider/SliderData.js @@ -3,7 +3,7 @@ export const sliderData = [ kicker: 'Lorem Ipsum dolor', headline: 'Möglichkeiten der Integration', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', - imageSrc: 'https://source.unsplash.com/9_bDrvW7bA8/900x600', + imageSrc: './dummy/placeholder-3-2.svg', cta: 'Mehr erfahren', link: '#', contextImg: './logos/wirtschaftsdialoge.svg', @@ -21,7 +21,7 @@ export const sliderData = [ kicker: 'Lorem Ipsum dolor 2', headline: 'Möglichkeiten der Integration', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', - imageSrc: 'https://source.unsplash.com/Ff2oZ_xbKL0/900x600', + imageSrc: './dummy/placeholder-3-2.svg', cta: 'Mehr erfahren', link: '#', } diff --git a/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js b/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js index 1bffd21..e32de27 100644 --- a/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js +++ b/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js @@ -22,7 +22,7 @@ export const createTeasersSection = ({ kicker: 'Fachkräfte', headline: 'Anteil der Frauen im Bereich Engineering steigt', copy: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita, no sea takimata sanctus est.', - imageSrc: 'https://source.unsplash.com/0K7GgiA8lVE/600x400', + imageSrc: './dummy/placeholder-3-2.svg', copyright: '@ shutterstock.com', showReadingTime: false, link: '#', diff --git a/gfi-ihk-2024/stories/sections/teasers/TeasersData.js b/gfi-ihk-2024/stories/sections/teasers/TeasersData.js index 45c8eba..ca3140b 100644 --- a/gfi-ihk-2024/stories/sections/teasers/TeasersData.js +++ b/gfi-ihk-2024/stories/sections/teasers/TeasersData.js @@ -1,50 +1,50 @@ export const teasersData = [ { - imageSrc: 'https://source.unsplash.com/-uHVRvDr7pg/420x280', + imageSrc: './dummy/placeholder-3-2.svg', }, { - imageSrc: 'https://source.unsplash.com/DwqAVvG3iFU/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Ausgeglichenheit ist der erste Schritt aus der Krise', copy: 'Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus.', }, { kicker: 'Corona', - imageSrc: 'https://source.unsplash.com/uN8TV9Pw2ik/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Wirtschaftsverbände bieten Unterstützung bei Impfkampagne an', copy: 'Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.', }, { kicker: 'Betriebsklima', - imageSrc: 'https://source.unsplash.com/uzP2t_kkMDM/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Fördert Duzen das Betriebsklima?', copy: 'Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.', }, { kicker: 'Hygiene', - imageSrc: 'https://source.unsplash.com/-9gPKrsbGmc/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Hygiene am Arbeitsplatz', copy: 'Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores sed diam nonumy eirmod tempor invidunt et ea rebum.', }, { kicker: 'Bildung', - imageSrc: 'https://source.unsplash.com/YRMWVcdyhmI/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Bachelor und Master Professional kommen', copy: 'Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. At vero eos et accusam et justo duo dolores et ea rebum.', }, { kicker: 'Integration', - imageSrc: 'https://source.unsplash.com/jJFrkJP_-RA/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Weniger Hürden für Fachkräfte aus dem Ausland', }, { kicker: 'Bildung', - imageSrc: 'https://source.unsplash.com/vrbZVyX2k4I/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: '5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren', copy: 'Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.', }, { kicker: 'Aktuelles', - imageSrc: 'https://source.unsplash.com/o78TVMMyfAk/420x280', + imageSrc: './dummy/placeholder-3-2.svg', headline: 'Das Neuste aus der Wirtschaft', copy: 'Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.', }, diff --git a/gfi-ihk-2024/stories/sections/video-stage/VideoStage.stories.js b/gfi-ihk-2024/stories/sections/video-stage/VideoStage.stories.js index d2afd38..5b3fb2c 100644 --- a/gfi-ihk-2024/stories/sections/video-stage/VideoStage.stories.js +++ b/gfi-ihk-2024/stories/sections/video-stage/VideoStage.stories.js @@ -6,7 +6,7 @@ export default { layout: 'fullscreen', }, args: { - imageSrc: 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + imageSrc: './dummy/placeholder-4-3.svg', kicker: 'Noch 7 Tage offen', headline: 'Jetzt und digital mitreden', copy: 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.', diff --git a/gfi-ihk-2024/stories/sections/video-stage/VideoStageComponent.js b/gfi-ihk-2024/stories/sections/video-stage/VideoStageComponent.js index aeb79b5..55e2514 100644 --- a/gfi-ihk-2024/stories/sections/video-stage/VideoStageComponent.js +++ b/gfi-ihk-2024/stories/sections/video-stage/VideoStageComponent.js @@ -5,8 +5,8 @@ import {createElement} from "../../_global/scripts/helpers"; import {createButton} from "../../atoms/button/ButtonComponent"; export const createVideoStage = ({ - videoSrc = 'https://source.unsplash.com/2vCqH34PqWs/1080x648', - imageSrc = 'https://source.unsplash.com/2vCqH34PqWs/1080x648', + videoSrc = './dummy/placeholder-4-3.svg', + imageSrc = './dummy/placeholder-4-3.svg', kicker = 'Noch 7 Tage offen', headline = 'Jetzt und digital mitreden', copy = 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.',