{"version":3,"file":"component---src-components-extrapage-js-ca28a3381c7e5d5d6bf8.js","mappings":"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","sources":["webpack://n-ou/./src/components/BlogpostBildMitText.js","webpack://n-ou/./src/components/BlogpostDownload.js","webpack://n-ou/./src/components/BlogpostExternerInhalt.js","webpack://n-ou/./src/components/BlogpostExternerInhaltMitText.js","webpack://n-ou/./src/components/BlogpostGallerie.js","webpack://n-ou/./src/components/BlogpostText.js","webpack://n-ou/./src/components/BlogpostVideo.js","webpack://n-ou/./src/components/Extrapage.js"],"sourcesContent":["import React from \"react\"\nimport { translate } from \"../../utils/language\"\nimport { imageUrl } from \"../../utils/path\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\nexport const BlogpostBildMitText = ({data, language}) => {\n    return <div>\n        <h2>{translate(language, data.Titel_deutsch, data.Titel_englisch)}</h2>\n        <div className=\"bild-mit-text-blogpost-container\">\n            <div className=\"bild-mit-untertitel\">\n                <img className=\"bild-mit-text-blogpost-image\" src={imageUrl(data.bild.Bild.url)} alt={translate(language, data.bild.Deutsch, data.bild.Englisch)}/>\n                <p className=\"small caption\">{(translate(language, data.bild.Untertitel_de, data.bild.Untertitel_en))}</p>\n            </div>\n            <p className=\"bild-mit-text-blogpost-text\">{renderMarkdown(translate(language, data.Deutsch, data.Englisch))}</p>\n        </div>\n    </div>\n    }\n","import React from \"react\"\nimport { translate } from \"../../utils/language\"\nimport { fileUrl } from \"../../utils/path\"\n\nexport const BlogpostDownload = ({data, language}) => {\n    return <div className=\"blogpost-download\">\n        <a className=\"link\" href={translate(language, data.Link_deutsch || fileUrl(data.Download_deutsch.url), data.Link_englisch || fileUrl(data.Download_englisch.url))}>{translate(language, data.Titel_deutsch, data.Titel_englisch)}</a>\n    </div>\n    }","import React from \"react\"\nimport ReactPlayer from 'react-player'\n\n\nexport const BlogpostExternerInhalt = ({data}) => {\n    return <div className=\"externer-inhalt-container\">\n        <ReactPlayer className=\"externer-inhalt\" controls={true} url={data.URL}/>\n    </div>\n    }","import React from \"react\"\nimport ReactPlayer from 'react-player'\nimport { translate } from \"../../utils/language\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\n\nexport const BlogpostExternerInhaltMitText = ({data, language}) => {\n    return <div>\n        <div className=\"externer-inhalt-text-container\">\n            <p className=\"externer-inhalt-text-text\">{renderMarkdown(translate(language, data.Deutsch, data.Englisch))}</p>\n            <ReactPlayer className=\"externer-inhalt-text-player\" controls={true} url={data.URL}/>\n        </div>\n    </div>\n    }\n","import React from \"react\";\nimport { translate } from \"../../utils/language\";\nimport { imageUrl } from \"../../utils/path\";\n\nexport const BlogpostGallerie = ({ data, language }) => {\n  return (\n    <div className=\"images-side-by-side\">\n      {data.Bilder.map((b) => {\n        return (\n          b.Bild && (\n            <div>\n              <img\n                className=\"blogpost-images-single\"\n                src={imageUrl(b.Bild.url)}\n                alt={translate(language, b.Deutsch, b.Englisch)}\n              />\n              <p className=\"small caption\">{(translate(language, b.Untertitel_de, b.Untertitel_en))}</p>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n","import React from \"react\"\nimport { translate } from \"../../utils/language\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\nexport const BlogpostText = ({data, language}) => {\n    return <div>\n        <p>{renderMarkdown(translate(language, data.Deutsch, data.Englisch))}</p>\n    </div>\n    }","import React from \"react\"\nimport { imageUrl } from \"../../utils/path\"\nimport ReactPlayer from 'react-player'\n\n\nexport const BlogpostVideo = ({data}) => {\n    return <div className=\"video-container\">\n        <ReactPlayer className=\"video-blogpost\" controls={true} url={imageUrl(data.VideoDatei.url)}/>\n    </div>\n    }","import React, { useContext } from \"react\"\nimport { graphql } from \"gatsby\"\nimport Template from \"./template\"\nimport \"../styles/blogposts.css\"\nimport { SettingsContext } from \"../contexts/settings\"\nimport { translate } from \"../../utils/language\" \nimport {BlogpostDownload} from \"./BlogpostDownload\"\nimport {BlogpostBildMitText} from \"./BlogpostBildMitText\"\nimport {BlogpostText} from \"./BlogpostText\"\nimport {BlogpostGallerie} from \"./BlogpostGallerie\"\nimport {BlogpostVideo} from \"./BlogpostVideo\"\nimport {BlogpostExternerInhalt} from \"./BlogpostExternerInhalt\"\nimport {BlogpostExternerInhaltMitText} from \"./BlogpostExternerInhaltMitText\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\nconst ExtraPage = ({ data }) => {\n    const [settings,] = useContext(SettingsContext)\n    const l = settings.language\n    const b = data.strapi.extraseite\n    return (\n        <Template>\n            <section className=\"end-of-site\">\n                <h1>\n                    {translate(l, b.Titel_de, b.Titel_en)}\n                </h1>\n                { b.Infoboxen.map(box => {\t\n                            return <div>\n                                {\n                                    settings.language === \"english\" && !box.Titel_englisch ?\n                                    <div></div>\n                                    :\n                                    <div className=\"good-to-know-container\">\n                                      <div><h2 className=\"box-heading\">{translate(l, box.Titel_deutsch, box.Titel_englisch)}</h2></div>\n                                      <p>{renderMarkdown(translate(l, box.Inhalt_deutsch, box.Inhalt_englisch))}</p>\n                                    </div>\n                                }\n\n                            </div>\n                        })}\n                {\n                    b.Inhalt.map(blogComponent => {\n                        switch (blogComponent.__typename) {\n                            case \"Strapi_ComponentDefaultMehrsprachigerDownload\":\n                                return <BlogpostDownload data={blogComponent} language={l} />;\n                            case \"Strapi_ComponentDefaultBildMitMehrsprachigemText\":\n                                return <BlogpostBildMitText data={blogComponent} language={l} />;\n                            case \"Strapi_ComponentDefaultMehrsprachigerText\":\n                                return <BlogpostText data={blogComponent} language={l} />;\n                            case \"Strapi_ComponentDefaultGallerie\":\n                                return <BlogpostGallerie data={blogComponent} language={l} />;\n                            case \"Strapi_ComponentDefaultVideo\":\n                                return <BlogpostVideo data={blogComponent} />;\n                            case \"Strapi_ComponentDefaultExternerInhalt\":\n                                return <BlogpostExternerInhalt data={blogComponent} />;\n                            case \"Strapi_ComponentDefaultExternerInhaltMitText\":\n                                return <BlogpostExternerInhaltMitText data={blogComponent} language={l} />;\n                            case \"Strapi_ComponentDefaultTrennstrich\":\n                                return <div className=\"mint-line-blogpost\" data={blogComponent}/>;\n                        }\n                    }\n\n\n                    )\n                }\n\n\n            </section>\n        </Template>\n    )\n}\n\nexport default ExtraPage\n\nexport const query = graphql`\n  query($id: ID!) {\n        strapi {\n            extraseite(id: $id) {\n              Infoboxen {\n                Inhalt_deutsch\n                Inhalt_englisch\n                Titel_deutsch\n                Titel_englisch\n              }\n            Inhalt {\n                __typename  \n              ... on Strapi_ComponentDefaultMehrsprachigerDownload {\n                Titel_englisch\n                Titel_deutsch\n                Link_deutsch\n                Link_englisch\n                Download_deutsch {\n                  url\n                }\n                Download_englisch {\n                  url\n                }\n              }\n              ... on Strapi_ComponentDefaultBildMitMehrsprachigemText {\n                Deutsch\n                Englisch\n                Titel_deutsch\n                Titel_englisch\n                bild {\n                    Deutsch\n                    Englisch\n                    Untertitel_de\n                    Untertitel_en\n                    Bild {\n                      url\n                    }\n                }\n              }\n              ... on Strapi_ComponentDefaultVideo {\n                VideoDatei {\n                  url\n                }\n              }\n              ... on Strapi_ComponentDefaultMehrsprachigerText {\n                Deutsch\n                Englisch\n              }\n              ... on Strapi_ComponentDefaultGallerie {\n                Bilder {\n                  Bild {\n                    url\n                  }\n                  Deutsch\n                  Englisch\n                  Untertitel_de\n                  Untertitel_en\n                }\n              }\n              ... on Strapi_ComponentDefaultExternerInhalt {\n                URL\n              }\n              ... on Strapi_ComponentDefaultTrennstrich {\n                id\n              }\n              ... on Strapi_ComponentDefaultExternerInhaltMitText {\n                Deutsch\n                Englisch\n                URL\n              }\n            }\n            readable_id\n            Titel_de\n            Titel_en\n          }\n        }\n      }\n    `"],"names":["BlogpostBildMitText","data","language","translate","Titel_deutsch","Titel_englisch","className","src","imageUrl","bild","Bild","url","alt","Deutsch","Englisch","Untertitel_de","Untertitel_en","renderMarkdown","BlogpostDownload","href","Link_deutsch","fileUrl","Download_deutsch","Link_englisch","Download_englisch","BlogpostExternerInhalt","controls","URL","BlogpostExternerInhaltMitText","BlogpostGallerie","Bilder","map","b","BlogpostText","BlogpostVideo","VideoDatei","settings","useContext","SettingsContext","l","strapi","extraseite","Titel_de","Titel_en","Infoboxen","box","Inhalt_deutsch","Inhalt_englisch","Inhalt","blogComponent","__typename","B"],"sourceRoot":""}