{"version":3,"sources":["webpack:///./src/views/photos/styles.js","webpack:///./src/views/photos/index.js","webpack:///./src/pages/photos.js","webpack:///./src/components/breadcrumb/styles.js","webpack:///./src/components/breadcrumb/index.js","webpack:///./src/components/seo.js"],"names":["PhotosSection","styled","section","Row","div","ImageWrapper","media","giant","thone","colors","theme","options","caption","captionFontFamily","fonts","Secondary","captionFontSize","captionColor","text","captionFontWeight","showCaption","settings","transitionTimingFunction","slideTransitionSpeed","slideTransitionTimingFunction","slideAnimationType","disablePanzoom","disableWheelControls","autoplaySpeed","hideControlsAfter","Photos","data","map","reference","i","key","href","image","url","data-attribute","src","alt","RenderBody","photos","doc","images","title","uri","desc","name","query","prismic","allPhotoss","edges","slice","pop","node","BreadCrumbSection","hollow","Wrapper","Title","h1","Page","ol","Item","li","light","accent","ActiveItem","BreadCrumb","normal","to","SEO","itemProp","lang","config","siteTitle","rel","content"],"mappings":"kdAGO,IAAMA,EAAgBC,IAAOC,QAAV,wEAAGD,CAAH,4CAMbE,EAAMF,IAAOG,IAAV,8DAAGH,CAAH,uEAOHI,EAAeJ,IAAOG,IAAV,uEAAGH,CAAH,qEAMrBK,IAAMC,MANe,KAUrBD,IAAME,MAVe,MCVjBC,EAAkBC,IAAlBD,OAEFE,EAAU,CACdC,QAAS,CACPC,kBAJsBH,IAAVI,MAIaC,UACzBC,gBAAiB,OACjBC,aAAcR,EAAOS,KACrBC,kBAAmB,IACnBC,aAAa,GAEfC,SAAU,CACRC,yBAA0B,cAC1BC,qBAAsB,GACtBC,8BAA+B,CAAC,IAAM,IAAM,GAAK,GACjDC,mBAAoB,QACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,cAAe,IACfC,mBAAmB,IA+BRC,EA3BA,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAChB,OACE,kBAAC/B,EAAD,KACE,kBAAC,IAAD,CAAYW,QAASA,GACnB,kBAACR,EAAD,KACG4B,EAAKC,KAAI,SAACC,EAAWC,GAAZ,OACR,kBAAC7B,EAAD,CAAc8B,IAAKD,GACjB,uBAAGE,KAAMH,EAAUI,MAAMC,IAAKC,iBAAe,OAC3C,yBACEC,IAAKP,EAAUI,MAAMC,IACrBG,IACER,EAAUf,KACNe,EAAUf,KACVe,EAAUI,MAAMI,IAChBR,EAAUI,MAAMI,IAChB,cCrClBC,EAAa,SAAC,GAAa,IACzBC,EADwB,EAAVC,IACDC,OAEnB,OACE,oCACE,kBAAC,IAAD,CACEC,MAAM,SACNC,IAAI,SACJC,KAAK,wDAEP,kBAAC,IAAD,CAAYC,KAAK,SACjB,kBAAC,EAAD,CAAQlB,KAAMY,MAYPO,GAPE,sBAAe,IACtBN,EADqB,EAAXb,KACCoB,QAAQC,WAAWC,MAAMC,MAAM,EAAG,GAAGC,MAEtD,OAAKX,EACE,kBAAC,EAAD,CAAYA,IAAKA,EAAIY,OADX,MAID,wH,+FC1BV/C,EAAkBC,IAAlBD,OAAQK,EAAUJ,IAAVI,MAEH2C,EAAoBxD,IAAOC,QAAV,gFAAGD,CAAH,gEAIRQ,EAAOiD,QAGhBC,EAAU1D,IAAOG,IAAV,sEAAGH,CAAH,+GASP2D,EAAQ3D,IAAO4D,GAAV,oEAAG5D,CAAH,6HACPQ,EAAOS,MASL4C,EAAO7D,IAAO8D,GAAV,mEAAG9D,CAAH,kPAKAa,EAAMC,WAgBViD,EAAO/D,IAAOgE,GAAV,mEAAGhE,CAAH,yDAEJQ,EAAOyD,MAILzD,EAAO0D,QAKTC,EAAanE,IAAOgE,GAAV,yEAAGhE,CAAH,iGACZQ,EAAO0D,QChCHE,IAlBI,SAAC,GAAc,IAAZpB,EAAW,EAAXA,KACpB,OACE,kBAACQ,EAAD,KACE,kBAAC,IAAD,CAAWa,QAAM,GACf,kBAACX,EAAD,KACGV,GAAQ,kBAACW,EAAD,KAAQX,GACjB,kBAACa,EAAD,KACE,kBAACE,EAAD,KACE,kBAAC,OAAD,CAAMO,GAAG,KAAT,SAEDtB,GAAQ,kBAACmB,EAAD,KAAanB,S,kCCxBlC,0DAoBeuB,IAhBH,SAAC,GAA0B,IAAxB1B,EAAuB,EAAvBA,MAAOC,EAAgB,EAAhBA,IAAKC,EAAW,EAAXA,KACzB,OACE,kBAAC,IAAD,KACGF,GACC,2BAAO2B,SAAS,OAAOC,KAAK,MACzB5B,EAAQ,MAAQ6B,IAAOC,WAG3B7B,GACC,0BAAM8B,IAAI,YAAYzC,KAAI,8BAAgCW,IAE3DC,GAAQ,0BAAMC,KAAK,cAAc6B,QAAS9B","file":"component---src-pages-photos-js-8bb2a9e42a11847218b8.js","sourcesContent":["import styled from 'styled-components';\nimport { media } from '@styles';\n\nexport const PhotosSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 3rem 0;\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n`;\n\nexport const ImageWrapper = styled.div`\n  flex: 0 0 25%;\n  max-width: 25%;\n  cursor: pointer;\n  padding: 0 3px;\n\n  ${media.giant`\n    flex: 0 0 50%;\n    max-width: 50%;\n  `}\n  ${media.thone`\n    flex: 0 0 100%;\n    max-width: 100%;\n  `};\n`;\n","import React from 'react';\nimport { SRLWrapper } from 'simple-react-lightbox';\n\n//styles\nimport { theme } from '@styles';\nimport { PhotosSection, Row, ImageWrapper } from './styles';\nconst { colors, fonts } = theme;\n\nconst options = {\n  caption: {\n    captionFontFamily: fonts.Secondary,\n    captionFontSize: '16px',\n    captionColor: colors.text,\n    captionFontWeight: 300,\n    showCaption: true,\n  },\n  settings: {\n    transitionTimingFunction: 'ease-in-out',\n    slideTransitionSpeed: 0.6,\n    slideTransitionTimingFunction: [0.25, 0.75, 0.5, 1],\n    slideAnimationType: 'slide',\n    disablePanzoom: true,\n    disableWheelControls: true,\n    autoplaySpeed: 5000,\n    hideControlsAfter: false,\n  },\n};\n\nconst Photos = ({ data }) => {\n  return (\n    <PhotosSection>\n      <SRLWrapper options={options}>\n        <Row>\n          {data.map((reference, i) => (\n            <ImageWrapper key={i}>\n              <a href={reference.image.url} data-attribute=\"SRL\">\n                <img\n                  src={reference.image.url}\n                  alt={\n                    reference.text\n                      ? reference.text\n                      : reference.image.alt\n                      ? reference.image.alt\n                      : ''\n                  }\n                />\n              </a>\n            </ImageWrapper>\n          ))}\n        </Row>\n      </SRLWrapper>\n    </PhotosSection>\n  );\n};\n\nexport default Photos;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport SEO from '@components/seo';\nimport BreadCrumb from '@components/breadcrumb';\nimport Photos from '@views/photos';\n\nconst RenderBody = ({ doc }) => {\n  const photos = doc.images;\n\n  return (\n    <>\n      <SEO\n        title=\"Photos\"\n        uri=\"photos\"\n        desc=\"Our beautiful students have a great time at Dynamo.\"\n      />\n      <BreadCrumb name=\"News\" />\n      <Photos data={photos} />\n    </>\n  );\n};\n\nexport default ({ data }) => {\n  const doc = data.prismic.allPhotoss.edges.slice(0, 1).pop();\n\n  if (!doc) return null;\n  return <RenderBody doc={doc.node} />;\n};\n\nexport const query = graphql`\n  {\n    prismic {\n      allPhotoss {\n        edges {\n          node {\n            images {\n              image\n              text\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { theme } from '@styles';\n\nconst { colors, fonts } = theme;\n\nexport const BreadCrumbSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 2rem 0;\n  background-color: ${colors.hollow};\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n  text-align: center;\n  flex-direction: column;\n`;\n\nexport const Title = styled.h1`\n  color: ${colors.text};\n  text-transform: uppercase;\n  font-size: 40px;\n  font-weight: 400;\n  letter-spacing: 0;\n  line-height: 1.25;\n  margin-bottom: 0.2em;\n`;\n\nexport const Page = styled.ol`\n  line-height: 1.6;\n  justify-content: center;\n  margin: 0;\n  color: inherit;\n  font-family: ${fonts.Secondary};\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  line-height: 32px;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n\n  li {\n    display: inline-block;\n    float: none;\n    padding: 0;\n  }\n`;\n\nexport const Item = styled.li`\n  a {\n    color: ${colors.light};\n    text-decoration: none;\n\n    :hover {\n      color: ${colors.accent};\n    }\n  }\n`;\n\nexport const ActiveItem = styled.li`\n  color: ${colors.accent};\n  opacity: 0.9;\n  padding-left: 0.5rem;\n\n  :before {\n    color: inherit;\n    padding: 0 12px;\n    content: '/';\n  }\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\n\n// styles\nimport { Container } from '@styles';\nimport {\n  BreadCrumbSection,\n  Wrapper,\n  Title,\n  Page,\n  Item,\n  ActiveItem,\n} from './styles';\n\nconst BreadCrumb = ({ name }) => {\n  return (\n    <BreadCrumbSection>\n      <Container normal>\n        <Wrapper>\n          {name && <Title>{name}</Title>}\n          <Page>\n            <Item>\n              <Link to=\"/\">Home</Link>\n            </Item>\n            {name && <ActiveItem>{name}</ActiveItem>}\n          </Page>\n        </Wrapper>\n      </Container>\n    </BreadCrumbSection>\n  );\n};\n\nexport default BreadCrumb;\n","import React from 'react';\nimport config from '@utils/config';\nimport { Helmet } from 'react-helmet';\n\nconst SEO = ({ title, uri, desc }) => {\n  return (\n    <Helmet>\n      {title && (\n        <title itemProp=\"name\" lang=\"en\">\n          {title + ' | ' + config.siteTitle}\n        </title>\n      )}\n      {uri && (\n        <link rel=\"canonical\" href={`https://dynamo-fencing.com/${uri}`} />\n      )}\n      {desc && <meta name=\"description\" content={desc} />}\n    </Helmet>\n  );\n};\n\nexport default SEO;\n"],"sourceRoot":""}