{"version":3,"file":"component---src-pages-index-js-b4964ff4c034e0ffcf4b.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/images/snowflakes-mobile.svg","webpack://gatsby-starter-default/./src/images/snowflakes-desktop.svg","webpack://gatsby-starter-default/./src/components/shared/SnowFlakes.js","webpack://gatsby-starter-default/./src/components/shared/TopBar.js","webpack://gatsby-starter-default/./src/pages/index.js"],"sourcesContent":["export default __webpack_public_path__ + \"static/snowflakes-mobile-660ae4a7bf3e8274dc174a85a5145a64.svg\";","export default __webpack_public_path__ + \"static/snowflakes-desktop-a6fa743822b49763d0b980c542ab6593.svg\";","import snowFlakesXs from \"../../images/snowflakes-mobile.svg\"\nimport snowFlakesXl from \"../../images/snowflakes-desktop.svg\"\nimport styled from \"styled-components\";\nimport {media} from \"utils/Media\"\n\nconst SnowFlakes = styled.div`\n    background: url(\"${snowFlakesXs}\") repeat 50% 120%;\n    background-size: 240%;\n    \n    @media ${media.sm} {\n        background: url(\"${snowFlakesXl}\") repeat 50% 70%;\n        background-size: 290%;\n    }\n    \n    @media ${media.md} {\n        background: url(\"${snowFlakesXl}\") repeat 50% 70%;\n        background-size: 190%;\n    }\n    \n    @media ${media.lg} {\n        background: url(\"${snowFlakesXl}\") repeat 50% 70%;\n        background-size: 190%;\n    }\n    \n    @media ${media.xl} {\n        background: url(\"${snowFlakesXl}\") repeat 48% 17%;\n        background-size: 180%;\n    }\n`\n\nexport default SnowFlakes","import React, {Component} from \"react\"\nimport styled, {css} from 'styled-components'\nimport {graphql, Link, StaticQuery} from 'gatsby'\nimport {media} from \"utils/Media\"\nimport {GatsbyImage, getImage} from \"gatsby-plugin-image\"\n\nconst Wrapper = styled.div`\n    position: relative;\n    \n    @media ${media.sm} {\n    }\n    \n    .content {\n        position: absolute;\n        bottom: 20px;\n        left: 0;\n        width: 100%;\n        text-align: center;\n    }\n    \n    h1 {\n        margin: 0;\n        font-family: ${props => props.theme.font.family.base};\n        /* color: ${props => props.theme.colors.navy}; */\n        color: #ffffff;\n        /* text-shadow: 2px 2px 2px white; */\n\n        mix-blend-mode: luminosity;\n        font-weight: 700;\n        display: flex;\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n        text-align: center; \n        text-transform: uppercase;  \n        font-size: 2rem;\n        \n        @media ${media.sm} {\n            font-size: 1.5rem;\n        }\n        \n        @media ${media.md} {    \n            font-size: 2rem;\n        }  \n   \n    }\n    \n    .logo {\n        max-width: 485px;\n    }\n    \n`\n\nconst Query = (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                FallbackXs: file(relativePath: { eq: \"header-edu-home-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n                \n                FallbackSm: file(relativePath: { eq: \"header-edu-home-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n              \n                FallbackXl: file(relativePath: { eq: \"header-edu-home-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                GalleryPageXs: file(relativePath: { eq: \"VideoHub/header-sub-GALLERY-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n                \n                GalleryPageSm: file(relativePath: { eq: \"VideoHub/header-sub-GALLERY-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n              \n                GalleryPageXl: file(relativePath: { eq: \"VideoHub/header-sub-GALLERY-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                logo: file(relativePath: { eq: \"Logo_lrg.png\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 800, quality: 100, placeholder: NONE\n                            formats: [AUTO, WEBP, AVIF])\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <TopBar logo={props.logo} pageName={props.pageName} title={props.title} data={data}/>\n        )}\n    />\n)\n\nclass TopBar extends Component {\n    render() {\n        return (\n            <Wrapper>\n                <GatsbyImage placeholder=\"none\"\n                             image={getImage(this.props.data.FallbackXs)}\n\n                             alt=\"\"\n                             title=\"\"\n                             className=\"img-fluid d-block d-sm-none\"\n                />\n                <GatsbyImage placeholder=\"none\"\n                             image={getImage(this.props.data.FallbackSm)}\n\n                             alt=\"\"\n                             title=\"\"\n                             className=\"img-fluid d-none d-sm-block d-lg-none\"\n                />\n                <GatsbyImage placeholder=\"none\"\n                             image={getImage(this.props.data.FallbackXl)}\n\n                             alt=\"\"\n                             title=\"\"\n                             className=\"img-fluid d-none d-lg-block\"\n                />\n\n                <div className=\"content\">\n                    {this.props.logo &&\n                    <GatsbyImage placeholder=\"none\" image={getImage(this.props.data.logo)} alt=\"FROZEN the Musical\"\n                                 title=\"FROZEN the Musical\"\n                                 className=\"img-fluid logo mx-auto\"/>\n                    }\n                    <h1 className={`text-center ${this.props.logo && 'font--smaller'}`}>{this.props.title}</h1>\n                </div>\n            </Wrapper>\n        );\n    }\n}\n\nexport default Query;","import React, {Component} from \"react\"\nimport SEO from \"utils/Seo\"\nimport Layout from \"../components/Layout/Layout\"\nimport styled from \"styled-components\"\nimport {Link} from \"gatsby\"\nimport {media} from \"utils/Media\"\nimport TopBar from \"../components/shared/TopBar\";\nimport SnowFlakes from \"../components/shared/SnowFlakes\";\n\nconst Content = styled.div`\n    position: relative;\n    width: 100%;\n    padding-bottom: 2rem;\n`\nconst BoxWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: 1200px;\n    margin: 0 auto;\n    text-align: center;\n    align-items: stretch;\n    padding: 2rem 0;\n`\n\nconst Box = styled.div`\n    filter: drop-shadow(0px 0px 12px rgba(0, 49, 153, 0.2));\n    background: white;\n    padding: 1rem;\n    width: 100%;\n    margin: 0.5rem auto;\n\n    @media ${media.sm} {\n        margin: 1rem;\n        width: calc(50% - 2rem);\n    }\n\n    @media ${media.md} {\n        padding: 2rem;\n    }\n\n    h3 {\n        font-family: ${props => props.theme.font.family.special};\n        color: ${props => props.theme.colors.navy};\n        font-size: 24px;\n        margin-bottom: 1rem;\n        text-align: center;\n\n        @media ${media.sm} {\n            font-size: 30px;\n            line-height: 35px;\n        }\n\n    }\n\n    p {\n        @media ${media.lg} {\n             min-height: 85px;\n        }\n    }\n`\n\nclass Index extends Component {\n    constructor(props) {\n        super(props);\n\n        this.pageData = {\n            pageName: \"enrichment-materials\",\n            siteName: \"frozeneducation\",\n            country: \"uk\",\n            region: \"emea\"\n        }\n    }\n\n    componentDidMount() {\n        // if (typeof window !== 'undefined' && typeof window.utag !== 'undefined') {\n        //     // Tealium\n        //     window.utag.view(this.pageData)\n        // }\n    }\n\n    render() {\n\n        return (\n            <Layout pageName=\"enrichment-materials\" enrichmentHeader subMenuHidden={true}>\n                <SEO slug=\"enrichment-materials\" title=\"Enrichment Materials\" description=\"\"/>\n                <Content className=\"enrichment\">\n                    <TopBar logo={false} title=\"Beyond Frozen: Education Resources\"/>\n                    <SnowFlakes>\n                        {/*<ScrollAnimation animateOnce={true} delay={0} animateIn=\"fadeIn\">*/}\n                            <BoxWrapper>\n                                <Box>\n                                    <h3>Beyond the Story</h3>\n                                    <p>This rich educational experience is designed for students, fans, teachers, and guests to engage more deeply with FROZEN the Musical.</p>\n                                    <p>Explore the production’s background and journey from page to stage. Teachers, be sure to check out the accompanying lesson plans available in certain sections.</p>\n                                    <Link to=\"/beyond-the-story/inspiration/nordic-influences\" className=\"btn btn--new d-flex mx-auto text-uppercase btn--color-white my-3\"><span>Inspiration</span></Link>\n                                    <Link to=\"/beyond-the-story/design/costumes\" className=\"btn btn--new d-flex mx-auto text-uppercase btn--color-white my-3e\"><span>Design</span></Link>\n                                    <Link to=\"/beyond-the-story/adaptation/characters\" className=\"btn btn--new d-flex mx-auto text-uppercase btn--color-white my-3\"><span>Adaptation</span></Link>\n                                </Box>\n                                <Box>\n                                    <h3>Teaching Resources</h3>\n                                    <p>These creative and adaptable resources will bring learning to life in your classroom using the theme and characters in the story.</p>\n                                    <p>Performance based workshops are also available, which can be booked to enhance your groups’ theatre visit.</p>\n                                    <Link to=\"/teaching-resources/lesson-plans\" className=\"btn btn--new d-flex mx-auto text-uppercase btn--color-white my-3\"><span>Lesson plans</span></Link>\n                                    <Link to=\"/teaching-resources/wellbeing-resources\" className=\"btn btn--new d-flex mx-auto text-uppercase btn--color-white my-3\"><span>Wellbeing Resources</span></Link>\n                                    <Link to=\"/teaching-resources/workshops\" className=\"btn btn--new d-flex mx-auto text-uppercase btn--color-white my-3\"><span>Workshops</span></Link>\n                                </Box>\n                            </BoxWrapper>\n                        {/*</ScrollAnimation>*/}\n                    </SnowFlakes>\n                </Content>\n            </Layout>\n        )\n    }\n}\n\nexport default Index\n"],"names":["styled","snowFlakesXs","media","snowFlakesXl","Wrapper","props","theme","font","family","base","TopBar","render","G","placeholder","image","getImage","this","data","FallbackXs","alt","title","className","FallbackSm","FallbackXl","logo","Component","StaticQuery","query","pageName","Content","BoxWrapper","Box","special","colors","navy","Index","pageData","siteName","country","region","componentDidMount","Layout","enrichmentHeader","subMenuHidden","slug","description","SnowFlakes","Link","to"],"sourceRoot":""}