{"version":3,"sources":["webpack://tribal-cabane/./src/components/hero/hero.js","webpack://tribal-cabane/./src/components/hero/heroWrapper.js","webpack://tribal-cabane/./src/components/navbar/shortNav.js","webpack://tribal-cabane/./src/components/layouts/galleryLayout.js","webpack://tribal-cabane/./src/templates/creation.js"],"names":["CenteredLogo","styled","down","p","hasShortMenu","hideOnLargeDown","title","subtitle","color","logoSmall","useStaticQuery","flat","className","imgStyle","filter","fixed","HeroContainer","Container","up","HeroWrapper","theme","colors","hero","grandAtelier","hasImage","fontSizes","white","BackgroundImage","Img","invert","black","sm","GalleryLayout","node","current","prev","next","navigateUrl","contenu","bgColor","singleNode","slug","isFluidMediumDown","between","middle","Markdown","markup","images","defaultProps","pageContext","SEO","description"],"mappings":"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","file":"component---src-templates-creation-js-18e1dd4c3b82d2e40fe2.js","sourcesContent":["import React from 'react'\r\nimport BackButton from '../utils/backButton'\r\nimport MobileNavbar from '../navbar/mobileNavbar'\r\nimport {\r\n    HeroWrapper,\r\n    HeroContainer,\r\n} from './heroWrapper'\r\nimport { useStaticQuery, graphql } from 'gatsby';\r\nimport styled from 'styled-components';\r\nimport Img from 'gatsby-image';\r\nimport ShortNav from '../navbar/shortNav';\r\nimport {down} from 'styled-breakpoints';\r\n\r\nconst CenteredLogo = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    .gatsby-image-wrapper{\r\n        margin: auto;\r\n    }\r\n`\r\n\r\nconst Row = styled.div`\r\n    display:flex;\r\n    padding: 10px 0;\r\n`\r\n\r\nconst Col = styled.div`\r\n    width: 33%;\r\n    .subtitle{\r\n        padding-top: 15px;\r\n    }\r\n    ${down('md')}{\r\n        width: 100%;\r\n    }\r\n    ${p => p.hasShortMenu && `\r\n        display: flex;\r\n       \r\n    `}\r\n    \r\n    ${down('lg')}{\r\n        ${p => p.hideOnLargeDown && `\r\n            display: none;\r\n        `}\r\n        ${p => p.hasShortMenu && `\r\n             width: 66%;\r\n             justify-content: flex-end;\r\n        `}\r\n    }\r\n    \r\n    ${down('sm')}{\r\n        ${p => p.hasShortMenu && `\r\n            display:none;\r\n        `}\r\n    }\r\n    \r\n`\r\n\r\n\r\n\r\nconst Hero = ({title, subtitle, color}) => {\r\n    const {logoSmall} = useStaticQuery(graphql`\r\n        query HeroData{\r\n            logoSmall : imageSharp(fixed: {originalName: {eq: \"logo_x2.png\"}}) {\r\n                fixed(width:160) {\r\n                    ...GatsbyImageSharpFixed\r\n                }\r\n            }\r\n        }\r\n    `)\r\n    return(\r\n        <HeroWrapper color={color}>\r\n            <MobileNavbar />\r\n            <HeroContainer>\r\n                <BackButton color={color} flat >\r\n                    <div className=\"hero-title\">\r\n                        <h1>{title}</h1>\r\n                        {subtitle && <h2 className=\"subtitle\">{subtitle}</h2> }\r\n                    </div>\r\n                    <CenteredLogo>\r\n                        <Img imgStyle={{filter: 'brightness(0.7)'}} fixed={logoSmall.fixed} />\r\n                    </CenteredLogo>      \r\n                </BackButton>\r\n                      \r\n            </HeroContainer>                \r\n        </HeroWrapper>\r\n    )\r\n  \r\n    \r\n\r\n    \r\n}\r\nexport default Hero","import styled from 'styled-components'\r\nimport Container from '../utils/container'\r\nimport BackgroundImage from 'gatsby-background-image'\r\nimport { up, down, between } from 'styled-breakpoints'\r\nimport Img from 'gatsby-image'\r\n\r\n\r\nconst HeroContainer = styled(Container)`\r\n     ${up('2xl')}{\r\n        max-width: 1300px;\r\n    }\r\n    ${down('xl')}{\r\n        max-width: 1200px;\r\n    }\r\n    ${down('lg')}{\r\n        max-width: 960px;\r\n    }\r\n    \r\n   \r\n`\r\nconst HeroWrapper = styled.section`\r\n    background: ${p => p.theme.colors.hero};\r\n    flex-direction: column;\r\n    margin-bottom: -1px;\r\n    li a{\r\n        color: black;\r\n    }\r\n    .hero-logo{\r\n        height: 0;\r\n        padding: 5px 0;\r\n        transform: translateY(-160px);\r\n        ${down('md')}{\r\n            display: none;\r\n        }\r\n    }\r\n    .burger span{\r\n        background: ${p => p.theme.colors.grandAtelier};\r\n      \r\n    }\r\n\r\n    ${p => p.hasImage ? `\r\n        .hero-container{\r\n            padding: 10rem 0;\r\n            text-shadow: -1px -1px 19px #000;\r\n        }\r\n    `:''}\r\n    h1, h2 {\r\n        ${down('md')}{\r\n            margin-left: 20px;\r\n            padding-left: 0!important;\r\n        }\r\n        ${p => p.color && `\r\n            color: ${p.color};\r\n        `}\r\n    }\r\n    \r\n    h1{\r\n        font-size: ${p => p.theme.fontSizes['heroTitle']};\r\n        margin-bottom: 15px!important;\r\n        margin-top: 10px!important;\r\n    }\r\n    h2{\r\n        font-size: ${p => p.theme.fontSizes['heroSubtitle']};\r\n    }\r\n    .title h2{\r\n        margin-top: 0;\r\n    }\r\n`\r\nconst LogoHeroWrapper = styled(HeroWrapper)`\r\n    background: ${p => p.theme.colors.white};\r\n  \r\n`\r\n\r\n\r\nconst CoverImage = styled(BackgroundImage)`\r\n  &::before,\r\n  &::after{\r\n    filter: brightness(.6);\r\n  }\r\n`\r\n\r\nconst Logo = styled(Img)`\r\n    margin-left: auto;\r\n    margin-top: 5px;\r\n    margin-bottom: 5px;\r\n\r\n    img{\r\n        bottom: 0;\r\n        right: 0;\r\n        margin: auto;\r\n    }\r\n`\r\n\r\nexport { HeroWrapper, HeroContainer, CoverImage, Logo, LogoHeroWrapper}","import React from 'react'\r\nimport {useStaticQuery, graphql, Link} from 'gatsby'\r\nimport styled from 'styled-components'\r\nimport {invert} from 'polished'\r\n\r\nconst ShortNavWrapper = styled.div`  \r\n    display:flex;\r\n    align-self: center;\r\n    flex-direction: column;\r\n    padding-top: 5px;\r\n    \r\n    h2 {\r\n        font-size: 1.3rem;\r\n        margin-top: 0;\r\n        margin-bottom: 0.2em;\r\n    }\r\n    .flex{\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        display: flex;\r\n        li{\r\n            list-style:none;\r\n            font-size: 0.95em;\r\n        }\r\n        ul:nth-child(2){\r\n            line-height: 30px;\r\n        }\r\n    }\r\n    a{\r\n        color: ${p => p.color ?? p.theme.colors.white};\r\n        font-weight: bold;\r\n        text-decoration: underline;\r\n        transition: all .25s ease-in;\r\n        padding: 0 10px;\r\n        &:hover{\r\n            background:  ${p => p.color ?? p.theme.colors.white};\r\n            color: ${p => p.color ? invert(p.color) : p.theme.colors.black};\r\n            border-radius: 5px;\r\n\r\n        }\r\n    }\r\n    @media screen and (min-width: 1200px) and (max-width: 1400px) {\r\n        a { font-size: ${p => p.theme.fontSizes.sm}}\r\n    }\r\n    \r\n`\r\n\r\n    const ShortNav = ({color}) => {\r\n    const {bois, cabane, deco, sculpture} = useStaticQuery(graphql`\r\n        query GetSlugs {\r\n            bois: strapiCreations(type: {eq: \"Boisflotte\"}) {\r\n                slug\r\n                type\r\n            }\r\n            cabane: strapiCreations(type: {eq: \"Cabane\"}) {\r\n                slug\r\n                type\r\n            }\r\n            deco: strapiCreations(type: {eq: \"Decoration\"}) {\r\n                slug\r\n                type\r\n            }\r\n            sculpture: strapiCreations(type: {eq: \"Sculpture\"}) {\r\n                slug\r\n                type\r\n            }\r\n        }\r\n    `);\r\n    \r\n    return(\r\n        <ShortNavWrapper color={color}>\r\n            <div className=\"flex\">\r\n                <ul>\r\n                <h2>Nos autres créations</h2>\r\n                    <li>\r\n                        <Link key={bois.slug} to={`/${bois.type}/${bois.slug}`}>Bois flotté</Link>\r\n                    </li>\r\n                    <li><Link key={cabane.slug} to={`/${cabane.type}/${cabane.slug}`}>{cabane.type}</Link></li>\r\n                    <li><Link key={deco.slug} to={`/${deco.type}/${deco.slug}`}>Décoration</Link></li>\r\n                    <li><Link key={sculpture.slug} to={`/${sculpture.type}/${sculpture.slug}`}>{sculpture.type}</Link></li>\r\n                    <li><Link to={\"/village\"}>Village des Branchés</Link></li>\r\n                    \r\n                </ul>\r\n                <ul>\r\n                    <h2>Découvrir</h2>\r\n                    <li><Link to={\"/ateliers\"}>Ateliers</Link></li>\r\n                    <li><Link to={\"/partenaires\"}>Partenaires</Link></li>\r\n                    <li><Link to={\"/evenements\"}>Evènements</Link></li>\r\n                    <li><Link to={\"/blog\"}>Blog</Link></li>\r\n                </ul>\r\n \r\n            </div>\r\n\r\n            \r\n            \r\n        </ShortNavWrapper>\r\n    )\r\n}\r\n\r\nexport default ShortNav;","import React from 'react'\r\nimport Footer from '../footer/footer'\r\nimport DefaultLayout from './defaultLayout'\r\nimport { Row } from 'react-flexbox-grid'\r\nimport Container from '../utils/container';\r\nimport Hero from '../hero/hero'\r\nimport ImageGallery from '../gallery/imageGallery'\r\nimport Img from 'gatsby-image'\r\nimport {Link} from 'gatsby'\r\nimport {Markdown} from 'react-showdown'\r\nimport styled from 'styled-components'\r\nimport {\r\n    GalleryWrapper, \r\n    PrevArrow,\r\n    NextArrow,\r\n    NodeSelector\r\n} from '../gallery/galleryWrapper'\r\n\r\n\r\n\r\nconst GalleryLayout = (node) => {\r\n    const {current, prev, next, title, contenu, navigateUrl, bgColor} = node;\r\n    \r\n    const singleNode = (current.slug === next.slug);\r\n    \r\n    return(\r\n        <DefaultLayout>      \r\n        <GalleryWrapper bgColor={bgColor}>\r\n            <Hero title={title} color={bgColor} />\r\n            <Container isFluidMediumDown>\r\n            {!singleNode ?\r\n               <Row between={\"xs\"} middle={\"xs\"}>\r\n                <NodeSelector navigateUrl={navigateUrl} node={prev} prev />\r\n                <NodeSelector navigateUrl={navigateUrl} node={current} />\r\n                <NodeSelector navigateUrl={navigateUrl} node={next} next />\r\n               </Row>\r\n               :\r\n               <Row between={\"xs\"} middle={\"xs\"}>\r\n                <NodeSelector navigateUrl={navigateUrl} node={current} />\r\n               </Row>\r\n            }\r\n            <div className=\"creation-info\">\r\n                <Markdown markup={current.contenu} />\r\n            </div>\r\n            </Container>\r\n            <ImageGallery images={current.images} />           \r\n        </GalleryWrapper>\r\n        <Footer />\r\n        </DefaultLayout>       \r\n    )\r\n    \r\n    \r\n}\r\n\r\nGalleryLayout.defaultProps = {\r\n    subtitle: 'Découvrez nos galeries photos'\r\n}\r\n\r\n\r\nexport default GalleryLayout","import React from 'react';\r\nimport SEO from '../components/utils/SEO';\r\nimport GalleryLayout from '../components/layouts/galleryLayout';\r\n\r\n\r\nconst Creation = ({pageContext}) => {\r\n    \r\n    const {current, next, prev} = pageContext;\r\n\r\n    return(\r\n        <>\r\n        <SEO title=\"Nos créations - Tribal Cabane\" description=\"Nos créations, sculptures, cabanes, décorations, bois flotté. Venez découvrir nos différentes oeuvres. Nous cultivons et souhaitons partager une créativité intuitive aliée à la nature à l'aide de moyens d'expressions primitifs et simples à mettre en oeuvre.\"></SEO> \r\n\r\n        <GalleryLayout \r\n            current={current}\r\n            next={next}\r\n            prev={prev}\r\n            navigateUrl=\"cabanes\"\r\n            bgColor=\"#362921\"\r\n        />\r\n        </>\r\n    )\r\n}\r\n\r\n\r\n\r\nexport default Creation;"],"sourceRoot":""}