{"version":3,"sources":["webpack://rayofhina-website/./src/containers/layout/hero-area/hero-area.stc.js","webpack://rayofhina-website/./src/containers/layout/hero-area/index.js","webpack://rayofhina-website/./src/templates/portfolio-list/portfolio-list.stc.js","webpack://rayofhina-website/./src/templates/portfolio-list/portfolio-list.js"],"names":["HeroWrapper","styled","device","HeroBG","BackgroundImage","HeroTextBox","PortfolioHeroArea","props","image","heading","preheading","headingStyle","textStyle","textHeadingStyle","fluid","childImageSharp","Container","Row","Col","defaultProps","fontSize","textTransform","fontFamily","fontWeight","as","color","lineHeight","MainWrapper","PostsWrap","PostContent","PortfolioList","data","pageContext","restProps","location","blogStyle","sectionTitleStyle","blogs","allMarkdownRemark","edges","currentPage","numberOfPages","heroImage","portfolioJson","title","className","lg","map","blog","key","node","fields","slug","content","frontmatter","excerpt","rootPage","mb"],"mappings":"4QAMaA,EAAcC,6BAAH,oEAAGA,CAAH,6NAIlBC,WAGAA,WAGAA,WAiBOC,GAASF,aAAOG,KAAV,0EAAGH,CAAH,wJAWNI,EAAcJ,yBAAH,oEAAGA,CAAH,6IAKlBC,UAGAA,YC5CAI,EAAoB,SAACC,GAAW,IAC3BC,EAA0ED,EAA1EC,MAAOC,EAAmEF,EAAnEE,QAASC,EAA0DH,EAA1DG,WAAYC,EAA8CJ,EAA9CI,aAAcC,EAAgCL,EAAhCK,UAAWC,EAAqBN,EAArBM,iBAE5D,OACI,gBAACb,EAAD,KACI,gBAACG,EAAD,CAAQW,MAAON,EAAMO,gBAAgBD,QACrC,gBAACE,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAACb,EAAD,KACKK,GAAc,gBAAC,IAAD,iBAAUG,EAAsBD,GAAYF,GAC1DD,GAAW,gBAAC,IAAD,iBAAaI,EAAsBF,GAAeF,SAe1FH,EAAkBa,aAAe,CAC7BP,UAAW,CACPQ,SAAU,CAAC,OAAQ,OAAQ,OAAQ,QACnCC,cAAe,YACfC,WAAY,aACZC,WAAY,OAEhBZ,aAAc,CACVa,GAAI,KACJJ,SAAU,CAAC,OAAQ,OAAQ,OAAQ,QACnCC,cAAe,YACfC,WAAY,aACZC,WAAY,OAEhBV,iBAAkB,CACdY,MAAO,OACPC,WAAY,EACZH,WAAY,YAIpB,S,2QCpDaI,EAAc1B,0BAAH,yEAAGA,CAAH,wEAElBC,UAGAA,YAKO0B,EAAY3B,6BAAH,uEAAGA,CAAH,6CAEhBC,YAKO2B,EAAc5B,yBAAH,yEAAGA,CAAH,MCHlB6B,EAAgB,SAAC,GAAmD,IAAjDC,EAAgD,EAAhDA,KAAMC,EAA0C,EAA1CA,YAA0BC,GAAgB,EAA7BC,UAA6B,6CAC3CC,GAAaF,EAAhCG,kBAAgCH,EAAbE,WACpBE,EAAQN,EAAKO,kBAAkBC,MAC9BC,EAA8BR,EAA9BQ,YAAaC,EAAiBT,EAAjBS,cAEdC,EAAYX,EAAKY,cAAcnC,MAErC,OACI,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKoC,MAAK,cACV,gBAAC,IAAD,MACA,uBAAKC,UAAU,gBACX,gBAAC,IAAD,CAAUrC,MAAOkC,EAAWjC,QAAQ,YAEpC,gBAACkB,EAAD,KACI,gBAACX,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,CAAK4B,GAAI,IACL,gBAAClB,EAAD,KAKI,gBAACC,EAAD,KACKQ,EAAMU,KAAI,SAAAC,GAAI,OACX,gBAAC,IAAD,iBACQb,EADR,CAEIc,IAAKD,EAAKE,KAAKC,OAAOC,KACtBC,QAAO,iBACAL,EAAKE,KAAKC,OACVH,EAAKE,KAAKI,YAFV,CAGHC,QAASP,EAAKE,KAAKK,iBAM9Bd,EAAgB,EACjB,gBAAC,IAAD,CACIe,SAAS,aACThB,YAAaA,EACbC,cAAeA,IACd,WASjC,gBAAC,IAAD,QAkEZX,EAAcX,aAAe,CACzBiB,kBAAmB,CACfqB,GAAI,QAERtB,UAAW,CACPsB,GAAI,SAIZ","file":"component---src-templates-portfolio-list-portfolio-list-js-19cb80196e23f57fdd7f.js","sourcesContent":["import styled from 'styled-components';\nimport BackgroundImage from 'gatsby-background-image'\nimport { Container } from 'reactstrap';\nimport BannerShape from '../../../assets/img/home-one-banner-shape.png'\nimport {device} from '../../../theme'\n\nexport const HeroWrapper = styled.section `\n    height: 300px;\n    position: relative;\n    margin-bottom: 50px;\n    ${device.xsmall}{\n        height: 300px;\n    }\n    ${device.medium}{\n        height: 400px;\n    }\n    ${device.large}{\n        height: 500px;\n    }\n    &:before{\n        position: absolute;\n        content: '';\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n    }\n    .row, .col {\n        position: initial\n    }\n`;\n\nexport const HeroBG = styled(BackgroundImage) `\n    position: absolute !important;\n    background-position: top center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const HeroTextBox = styled.div `\n    position: absolute;\n    bottom: 52px;\n    text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.8);\n\n    ${device.small}{\n        bottom: 56px;\n    }\n    ${device.medium}{\n        bottom: 106px;\n    }\n    * {\n        position: relative;\n        z-index: 9;\n    }\n`; ","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Container, Row, Col } from 'reactstrap';\nimport { useStaticQuery, graphql } from 'gatsby'\nimport Heading from '../../../components/shared/heading'\nimport Text from '../../../components/shared/text'\nimport { HeroWrapper, HeroBG, HeroTextBox } from './hero-area.stc'\n\nconst PortfolioHeroArea = (props) => {\n    const {image, heading, preheading, headingStyle, textStyle, textHeadingStyle } = props;\n\n    return (\n        <HeroWrapper>\n            <HeroBG fluid={image.childImageSharp.fluid} />\n            <Container>\n                <Row>\n                    <Col>\n                        <HeroTextBox>\n                            {preheading && <Text {...textHeadingStyle} {...textStyle}>{preheading}</Text>}\n                            {heading && <Heading {...textHeadingStyle} {...headingStyle}>{heading}</Heading>}\n                        </HeroTextBox>\n                    </Col>\n                </Row>\n            </Container>\n        </HeroWrapper>\n    )\n}\n\nPortfolioHeroArea.propTypes = {\n    headingStyle: PropTypes.object,\n    textStyle: PropTypes.object,\n    textHeadingStyle: PropTypes.object\n}\n\nPortfolioHeroArea.defaultProps = {\n    textStyle: {        \n        fontSize: ['42px', '48px', '48px', '64px'],\n        textTransform: 'uppercase',\n        fontFamily: 'montserrat',\n        fontWeight: '300'\n    },\n    headingStyle: {\n        as: 'h1',\n        fontSize: ['42px', '48px', '48px', '64px'],\n        textTransform: 'uppercase',\n        fontFamily: 'montserrat',\n        fontWeight: '500'\n    },\n    textHeadingStyle: {\n        color: '#fff',\n        lineHeight: 1,\n        fontWeight: 'regular'\n    }\n}\n\nexport default PortfolioHeroArea\n","import styled from \"styled-components\";\nimport {device} from '../../theme'\n\nexport const MainWrapper = styled.main `\n    margin-bottom: 40px;\n    ${device.small}{\n        margin-bottom: 50px;\n    }\n    ${device.medium}{\n        margin-bottom: 60px;\n    }\n`;\n\nexport const PostsWrap = styled.section `\n    margin-bottom: 50px;\n    ${device.medium}{\n        margin-bottom: 0;\n    }\n`;\n\nexport const PostContent = styled.div `\n    \n`;","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {Container, Row, Col} from 'reactstrap'\nimport {useStaticQuery, graphql} from 'gatsby'\nimport SEO from '../../components/seo'\nimport Layout from \"../../containers/layout/layout\"\nimport Header from '../../containers/layout/header'\nimport Footer from '../../containers/layout/footer'\nimport HeroArea from '../../containers/layout/hero-area'\nimport FeaturePostArea from '../../containers/home/feature-post-area'\nimport ContactArea from '../../containers/home/contact-area'\nimport Siderbar from '../../containers/global/sidebar'\nimport SectionTitle from '../../components/shared/section-title'\nimport Blog from '../../components/blog/layout-two'\nimport Pagination from '../../components/pagination'\nimport {MainWrapper, PostsWrap, PostContent} from './portfolio-list.stc'\n\nconst PortfolioList = ({ data, pageContext, location, ...restProps }) => {\n    const {sectionTitleStyle, blogStyle} = restProps;\n    const blogs = data.allMarkdownRemark.edges;\n    const {currentPage, numberOfPages} = pageContext;\n\n    const heroImage = data.portfolioJson.image;\n\n    return (\n        <Layout>\n            <SEO title={`Portfolio`} />\n            <Header/>\n            <div className=\"main-content\">\n                <HeroArea image={heroImage} heading=\"My work\"/>\n                {/* <FeaturePostArea/> */}\n                <MainWrapper>\n                    <Container>\n                        <Row>\n                            <Col lg={12}>\n                                <PostsWrap>\n                                    {/* <SectionTitle\n                                        {...sectionTitleStyle}\n                                        title=\"Most Recent Post\"\n                                    /> */}\n                                    <PostContent>\n                                        {blogs.map(blog => (\n                                            <Blog\n                                                {...blogStyle}\n                                                key={blog.node.fields.slug}\n                                                content={{\n                                                    ...blog.node.fields, \n                                                    ...blog.node.frontmatter,\n                                                    excerpt: blog.node.excerpt\n                                                }}\n                                            />\n                                        ))}\n                                    </PostContent>\n                                    {\n                                        (numberOfPages > 1) ?\n                                        <Pagination\n                                            rootPage=\"/portfolio\"\n                                            currentPage={currentPage}\n                                            numberOfPages={numberOfPages}\n                                        /> : null\n                                    }\n                                    \n                                </PostsWrap>\n                            </Col>\n                        </Row>\n                    </Container>\n                </MainWrapper>         \n            </div>\n            <Footer/>\n        </Layout> \n    )\n}\n \nexport const query = graphql `\n    query PortfolioListQuery($skip: Int!, $limit: Int!){\n        allMarkdownRemark (\n        filter: {frontmatter: {type: {eq: \"portfolio\"}}}\n        sort: {fields: frontmatter___date, order: DESC}, \n        limit: $limit, \n        skip: $skip) {\n            edges {\n                node {\n                    fields {\n                        slug\n                        dateSlug\n                        postID\n                    }\n                    frontmatter {\n                        category\n                        type\n                        date(formatString: \"LL\")\n                        format\n                        tags\n                        title\n                        images {\n                            childImageSharp {\n                                fluid(maxWidth: 510, maxHeight: 400, cropFocus: CENTER, quality: 100, srcSetBreakpoints: 6) {\n                                    ...GatsbyImageSharpFluid_withWebp\n                                    presentationWidth\n                                    presentationHeight\n                                }\n                            }\n                        }\n                        image {\n                            childImageSharp {\n                                fluid(maxWidth: 510, maxHeight: 400, cropFocus: CENTER, quality: 100, srcSetBreakpoints: 6) {\n                                    ...GatsbyImageSharpFluid_withWebp\n                                    presentationWidth\n                                    presentationHeight\n                                }\n                            }\n                        }\n                    }\n                    excerpt(pruneLength: 165, format: PLAIN, truncate: true)\n                }\n            }\n        }\n        portfolioJson(id: {eq: \"portfolio-hero-content\"}){\n            image {\n                childImageSharp {\n                    fluid(maxWidth: 1920, quality: 100) {\n                        ...GatsbyImageSharpFluid_withWebp\n                    }\n                }\n            }\n        }\n    }\n`;\n\nPortfolioList.propTypes = {\n    sectionTitleStyle: PropTypes.object,\n    blogStyle: PropTypes.object\n}\n\nPortfolioList.defaultProps = {\n    sectionTitleStyle: {\n        mb: '46px'\n    },\n    blogStyle: {\n        mb: '50px'\n    }\n}\n\nexport default PortfolioList\n"],"sourceRoot":""}