microsites

gfi-ihk-2024/stories/_global/styles/main.scss

@@ -3,6 +3,7 @@
   --theme-color-background: #ffffff;
 
   --theme-color-primary: #003366;
+  --theme-color-primary-microsite: #003366;
   --theme-color-primary-rgb: 0, 51, 102;
   --theme-color-primary-dimmed-01: #335C85;
   --theme-color-primary-dimmed-02: #B0C4D6;
@@ -11,6 +12,7 @@
 
 
   --theme-color-secondary: #56BD66;
+  --theme-color-secondary-microsite: #56BD66;
   --theme-color-secondary-intensed: #2E8533;
   --theme-color-secondary-dimmed: #E4F1E4;
 

gfi-ihk-2024/stories/_global/styles/typography.scss

@@ -136,3 +136,13 @@ p, .text, ul.nobreaks {
     margin-top: 0.113em;
   }
 }
+
+.has-sidebar {
+  .main-col {
+    p {
+      &:not(.kicker) {
+        color: var(--theme-color-primary-microsite);
+      }
+    }
+  }
+}

gfi-ihk-2024/stories/components/anchor-links/anchor-links.scss

@@ -75,7 +75,7 @@
         left: 3px;
         top: 50%;
         margin-top: -15px;
-        color: var(--theme-color-secondary);
+        color: var(--theme-color-secondary-microsite);
         z-index: 1;
         pointer-events: none;
       }

gfi-ihk-2024/stories/pages/article/Article.stories.js

@@ -15,4 +15,33 @@ const Template = ({...args}) => {
 };
 
 export const ArticlePage = Template.bind({});
-ArticlePage.args = {};
+ArticlePage.args = {};
+
+export const ArticlePageMicrosite = Template.bind({});
+ArticlePageMicrosite.args = {
+  styleBlock: `
+    :root {
+      --theme-color-primary: #E6007E !important;
+      --theme-color-primary-microsite: #000000 !important;
+      --theme-color-primary-rgb: 230,0,126 !important;
+      --theme-color-primary-dimmed-01: #EB3398 !important;
+      --theme-color-primary-dimmed-02: #F063B0 !important;
+      --theme-color-primary-dimmed-03: #F9BFDF !important;
+      --theme-color-primary-dimmed-04: #FCE6F2 !important;
+      --theme-color-secondary: #563F54 !important;
+      --theme-color-secondary-microsite: #E6007E !important;
+      --theme-color-secondary-intensed: #563F54 !important;
+      --theme-color-secondary-dimmed: #EEECEE !important;
+      --theme-color-neutral: #E6007E !important;
+      --theme-color-neutral-background: #EFF3F6 !important;
+      --theme-color-background: #FFFFFF !important;
+      --theme-color-text-intensed: #000000 !important;
+      --theme-color-text: #000000 !important;
+      --theme-color-link: #E6007E !important;
+      --theme-color-link-hover: #E6007E !important;
+      --theme-color-gradient-01: #E6007E !important;
+      --theme-color-gradient-02: #9f1f69 !important;
+      --theme-color-gradient-03: #563f54 !important;
+      }
+  `
+};

gfi-ihk-2024/stories/pages/article/ArticlePage.js

@@ -14,7 +14,7 @@ import {createVideo} from "../../components/video/VideoComponent";
 
 export const createArticlePage =
   ({
-
+    styleBlock = '',
   }) => {
     const page = createSidebarPage({
       breadcrumb: ['Start', 'Inhalte Level 1', 'Digitalisierung'],
@@ -22,6 +22,13 @@ export const createArticlePage =
     const main = page.main;
     const aside = page.aside;
 
+    // START Microsite Styling
+    const styleContent = styleBlock;
+    const styleElement = document.createElement('style');
+    styleElement.textContent = styleContent;
+    document.head.appendChild(styleElement);
+    // END
+
     createElement('p', ['kicker'], 'Förderung', main);
     createElement('h1', [], 'Finanzierung und Förderung für digitale Projekte', main);
     createElement('p', ['initial', 'strong'], 'Mehrere Programme unterstützen bei der Digitalisierung und Umsetzung Ihrer innovativen Ideen. Es gibt sowohl Förderungen für eine begleitenden Beratung als auch für Investitionen und Betriebsmittel.', main);

gfi-ihk-2024/storybook-static/components-search-form-SearchForm-stories.b28be25b.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[7639],{"./stories/components/search-form/SearchForm.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{EventsSearchForm:()=>EventsSearchForm,SimpleSearchForm:()=>SimpleSearchForm,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var _SearchFormComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/search-form/SearchFormComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Search Form",parameters:{layout:"padded"},args:{isExtended:!1}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_SearchFormComponent__WEBPACK_IMPORTED_MODULE_4__.V)(Object.assign({},args))},SimpleSearchForm=Template.bind({});SimpleSearchForm.args={};var EventsSearchForm=Template.bind({});EventsSearchForm.args={isExtended:!0};var __namedExportsOrder=["SimpleSearchForm","EventsSearchForm"];SimpleSearchForm.parameters={...SimpleSearchForm.parameters,docs:{...SimpleSearchForm.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchForm({\n    ...args\n  });\n}",...SimpleSearchForm.parameters?.docs?.source}}},EventsSearchForm.parameters={...EventsSearchForm.parameters,docs:{...EventsSearchForm.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchForm({\n    ...args\n  });\n}",...EventsSearchForm.parameters?.docs?.source}}}}}]);

gfi-ihk-2024/storybook-static/components-search-results-SearchResults-stories.1d0bda97.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[173],{"./stories/components/search-results/SearchResults.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DownloadSearchResults:()=>DownloadSearchResults,EventSearchResults:()=>EventSearchResults,EventSearchResultsExtended:()=>EventSearchResultsExtended,SimpleSearchResults:()=>SimpleSearchResults,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var _SearchResultsComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/search-results/SearchResultsComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Search Results",args:{type:"no-border"},argTypes:{type:{name:"Ergebnis Typ",control:"select",options:["no-border","downloads","events"],defaultValue:"no-border"}},decorators:[function(Story){return'<div class="search-results">'+(Story().outerHTML||Story())+"</div>"}]};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_SearchResultsComponent__WEBPACK_IMPORTED_MODULE_4__.Q)(Object.assign({},args))},SimpleSearchResults=Template.bind({});SimpleSearchResults.args={type:"no-border"};var DownloadSearchResults=Template.bind({});DownloadSearchResults.args={type:"downloads"};var EventSearchResults=Template.bind({});EventSearchResults.args={type:"events"};var EventSearchResultsExtended=Template.bind({});EventSearchResultsExtended.args={type:"events-extended"};var __namedExportsOrder=["SimpleSearchResults","DownloadSearchResults","EventSearchResults","EventSearchResultsExtended"];SimpleSearchResults.parameters={...SimpleSearchResults.parameters,docs:{...SimpleSearchResults.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...SimpleSearchResults.parameters?.docs?.source}}},DownloadSearchResults.parameters={...DownloadSearchResults.parameters,docs:{...DownloadSearchResults.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...DownloadSearchResults.parameters?.docs?.source}}},EventSearchResults.parameters={...EventSearchResults.parameters,docs:{...EventSearchResults.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...EventSearchResults.parameters?.docs?.source}}},EventSearchResultsExtended.parameters={...EventSearchResultsExtended.parameters,docs:{...EventSearchResultsExtended.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...EventSearchResultsExtended.parameters?.docs?.source}}}}}]);

gfi-ihk-2024/storybook-static/components-search-results-SearchResults-stories.be333ac0.iframe.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[173],{"./node_modules/core-js/internals/check-correctness-of-iteration.js":(module,__unused_webpack_exports,__webpack_require__)=>{var ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator"),SAFE_CLOSING=!1;try{var called=0,iteratorWithReturn={next:function(){return{done:!!called++}},return:function(){SAFE_CLOSING=!0}};iteratorWithReturn[ITERATOR]=function(){return this},Array.from(iteratorWithReturn,(function(){throw 2}))}catch(error){}module.exports=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return!1;var ITERATION_SUPPORT=!1;try{var object={};object[ITERATOR]=function(){return{next:function(){return{done:ITERATION_SUPPORT=!0}}}},exec(object)}catch(error){}return ITERATION_SUPPORT}},"./stories/components/search-results/SearchResults.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DownloadSearchResults:()=>DownloadSearchResults,EventSearchResults:()=>EventSearchResults,EventSearchResultsExtended:()=>EventSearchResultsExtended,SimpleSearchResults:()=>SimpleSearchResults,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var _SearchResultsComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/search-results/SearchResultsComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Search Results",args:{type:"no-border"},argTypes:{type:{name:"Ergebnis Typ",control:"select",options:["no-border","downloads","events"],defaultValue:"no-border"}},decorators:[function(Story){return'<div class="search-results">'+(Story().outerHTML||Story())+"</div>"}]};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_SearchResultsComponent__WEBPACK_IMPORTED_MODULE_4__.Q)(Object.assign({},args))},SimpleSearchResults=Template.bind({});SimpleSearchResults.args={type:"no-border"};var DownloadSearchResults=Template.bind({});DownloadSearchResults.args={type:"downloads"};var EventSearchResults=Template.bind({});EventSearchResults.args={type:"events"};var EventSearchResultsExtended=Template.bind({});EventSearchResultsExtended.args={type:"events-extended"};var __namedExportsOrder=["SimpleSearchResults","DownloadSearchResults","EventSearchResults","EventSearchResultsExtended"];SimpleSearchResults.parameters={...SimpleSearchResults.parameters,docs:{...SimpleSearchResults.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...SimpleSearchResults.parameters?.docs?.source}}},DownloadSearchResults.parameters={...DownloadSearchResults.parameters,docs:{...DownloadSearchResults.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...DownloadSearchResults.parameters?.docs?.source}}},EventSearchResults.parameters={...EventSearchResults.parameters,docs:{...EventSearchResults.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...EventSearchResults.parameters?.docs?.source}}},EventSearchResultsExtended.parameters={...EventSearchResultsExtended.parameters,docs:{...EventSearchResultsExtended.parameters?.docs,source:{originalSource:"({\n  ...args\n}) => {\n  return createSearchResults({\n    ...args\n  });\n}",...EventSearchResultsExtended.parameters?.docs?.source}}}}}]);

gfi-ihk-2024/storybook-static/iframe.html

@@ -354,8 +354,8 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.6227c67d.iframe.bundle.js';
+      import './runtime~main.1cde2277.iframe.bundle.js';
       
       import './16.08016f04.iframe.bundle.js';
       
-      import './main.38bbed33.iframe.bundle.js';</script></body></html>
+      import './main.c44cc226.iframe.bundle.js';</script></body></html>

gfi-ihk-2024/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1719416854744,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.5.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/html-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/html","storybookVersion":"7.0.21","storybookVersionSpecifier":"^7.0.21","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.17"},"@storybook/html":{"version":"7.0.21"},"@storybook/html-webpack5":{"version":"7.0.21"},"storybook":{"version":"7.6.17"}},"addons":{"@storybook/preset-scss":{"version":"1.0.3"},"@storybook/addon-links":{"version":"7.0.21"},"@storybook/addon-essentials":{"version":"7.6.17"},"@storybook/addon-controls":{"version":"7.6.17"}}}
+{"generatedAt":1719574943069,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.5.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/html-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/html","storybookVersion":"7.0.21","storybookVersionSpecifier":"^7.0.21","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.17"},"@storybook/html":{"version":"7.0.21"},"@storybook/html-webpack5":{"version":"7.0.21"},"storybook":{"version":"7.6.17"}},"addons":{"@storybook/preset-scss":{"version":"1.0.3"},"@storybook/addon-links":{"version":"7.0.21"},"@storybook/addon-essentials":{"version":"7.6.17"},"@storybook/addon-controls":{"version":"7.6.17"}}}