{"version":3,"sources":["webpack://rayofhina-website/./src/components/image.js","webpack://rayofhina-website/./src/components/socials/social-share/index.js","webpack://rayofhina-website/./src/assets/img/icons/quote-icon.png","webpack://rayofhina-website/./src/templates/single-portfolio/single-portfolio.stc.js","webpack://rayofhina-website/./src/templates/single-portfolio/single-portfolio.js"],"names":["props","alignment","normalizedProps","align","fluid","aspectRatio","presentationWidth","style","maxWidth","margin","SocialShare","title","slug","restProps","siteUrl","useStaticQuery","site","siteMetadata","path","defaultProps","mr","width","height","lineHeight","borderWidth","layout","color","borderColor","SinglePostArea","styled","SinglePostWrap","themeGet","quoteIcon","PostMedia","PostHeader","PostTitle","device","PostMeta","PostFooter","PostShare","WidgetBoxWrap","video_id","video_channel","data","pageContext","location","markdownRemark","fields","dateSlug","postID","authorId","frontmatter","category","date","format","header_image","video_link","quote_text","quote_author","link","tags","images","author","description","keywords","html","excerpt","split","useState","videoOpen","setVideoOpen","desc","keys","className","Container","Row","Col","image","text","dangerouslySetInnerHTML","__html","channel","videoId","isOpen","onClose"],"mappings":"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","file":"component---src-templates-single-portfolio-single-portfolio-js-e3f0f2332ad0404ac964.js","sourcesContent":["import React from \"react\";\nimport Img from \"gatsby-image\";\n\nconst NonStretchedImage = props => {\n    let normalizedProps = props\n    let alignment;\n    if(props.align === 'right'){\n        alignment = '0 0 0 auto'\n    } else if(props.align === 'left'){\n        alignment = '0 auto 0 0'\n    }else{\n        alignment = '0 auto'\n    }\n\n    normalizedProps = {...normalizedProps.fluid, aspectRatio: 1}\n    if (props.fluid && props.fluid.presentationWidth) {\n        normalizedProps = {\n            ...props,\n            style: {\n                ...(props.style || {}),\n                maxWidth: props.fluid.presentationWidth,\n                margin: alignment, \n            },\n        }\n    }\n    return <Img {...normalizedProps} />\n}\n\nexport default NonStretchedImage;","import React from 'react'\nimport {useStaticQuery, graphql} from 'gatsby'\nimport { FiFacebook, FiLinkedin, FiTwitter } from \"react-icons/fi\";\nimport Social, {SocialLink} from '../../shared/social'\n\nconst SocialShare = ({title, slug, ...restProps}) => {\n    const socialData = useStaticQuery(graphql `\n        query SiteUrlQuery {\n            site {\n                siteMetadata {\n                    siteUrl\n                }\n            }\n        }\n    `);\n    const {siteUrl} = socialData.site.siteMetadata\n    \n    return (\n        <Social {...restProps}>\n            <SocialLink path={`http://www.facebook.com/sharer.php?u=${siteUrl}${slug}`}>\n                <FiFacebook/>\n            </SocialLink>\n            <SocialLink path={`http://www.linkedin.com/shareArticle?mini=true&url=${siteUrl}${slug}&title=${title}&source=${siteUrl}`}>\n                <FiLinkedin/>\n            </SocialLink>\n            <SocialLink path={`https://twitter.com/share?url=${siteUrl}${slug}&amp;text=${title}&amp;hashtags=rayofhina`}>\n                <FiTwitter/>\n            </SocialLink>\n        </Social>\n    )\n}\n\nSocialShare.defaultProps = {\n    mr: '15px',\n    width: '34px',\n    height: '34px',\n    lineHeight: '26px',\n    borderWidth: '2px',\n    layout: 2,\n    color: 'shark',\n    borderColor: 'shark'\n}\n\nexport default SocialShare\n","export default __webpack_public_path__ + \"static/quote-icon-eca5422c5af865163aac05417a1ca81a.png\";","import styled from \"styled-components\";\nimport { themeGet } from '@styled-system/theme-get';\nimport quoteIcon from '../../assets/img/icons/quote-icon.png'\nimport { WidgetBoxWrap } from '../../components/shared/widget-box/widget-box.stc'\nimport { device } from '../../theme'\n\nexport const SinglePostArea = styled.section`\n    padding-top: 60px;\n    // padding-bottom: 60px;\n`;\n\nexport const SinglePostWrap = styled.article`\n    .post-content{\n        p{\n            font-size: 14px;\n            margin-bottom: 26px;\n            line-height: 1.714;\n            &:first-letter{\n                text-transform: capitalize;\n            }\n        }\n        blockquote{\n            position: relative;\n            max-width: 660px;\n            margin-left: auto;\n            margin-right: auto;\n            margin-bottom: 35px;\n            text-align: center;\n            p{\n                font-size: 18px;\n                font-weight: 500;\n                line-height: 1.667;\n                color: ${themeGet(\"colors.headingColor\")};\n            }\n            &:before{\n                position: absolute;\n                content: \"\";\n                background: url(${quoteIcon}) no-repeat scroll center/cover;\n                left: 50%;\n                top: 50%;\n                transform: translate(-50%, -50%);\n                width: 125px;\n                height: 109px;\n                z-index: -1;\n            }\n        }\n        figcaption{\n            margin-top: 5px;\n            text-align: center;\n        }\n        ul{\n            margin-left: 0;\n            padding-left: 0;\n            list-style: none;\n            margin-bottom: 20px;\n            li{\n                position: relative;\n                font-size: 14px;\n                color: ${themeGet(\"colors.headingColor\")};\n                padding-left: 22px;\n                &:before{\n                    position: absolute;\n                    content: \"\";\n                    width: 6px;\n                    height: 6px;\n                    background: #99999c;\n                    border-radius: 50%;\n                    left: 0;\n                    top: 50%;\n                    transform: translateY(-50%)\n                }\n                &:not(:last-child){\n                    margin-bottom: 12px;\n                }\n            }\n        }\n        p {\n            code {\n                margin-top: 10px;\n                display: block;\n            }\n        }\n        .gatsby-resp-image-background-image,\n        img{\n            border-radius: 5px;\n            margin-bottom: 26px;\n        }\n        .video-media {\n            width: 100%;\n            margin-bottom: 26px;\n            .fluid-width-video-wrapper {\n                width: 100%;\n                position: relative;\n                padding-top: 56.25%;\n                iframe {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                }\n            }\n        }\n    }\n`;\n\nexport const PostMedia = styled.div`\n    margin-bottom: 25px;\n`;\n\nexport const PostHeader = styled.header`\n    margin-bottom: 21px;\n`;\n\nexport const PostTitle = styled.h2`\n    color: #0e1b47;\n    font-size: 32px;\n    margin-top: 11px;\n    margin-bottom: 21px;\n    line-height: 1.4;\n    ${device.small}{\n        line-height: ${themeGet(\"lineHeights.heading\")};\n    }\n`;\n\nexport const PostMeta = styled.div`\n\n`;\n\nexport const PostFooter = styled.footer`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    padding-top: 20px;\n    padding-bottom: 20px;\n    margin-top: 45px;\n    border-top: 1px solid ${themeGet(\"colors.borderColor\")};\n`;\n\nexport const PostShare = styled.div`\n    display: flex;\n    align-items: center;\n    padding-top: 5px;\n    h4{\n        font-size: 16px;\n        margin-right: 30px;\n    }\n`;\n\nexport const PostTags = styled.div`\n    padding-top: 5px;\n`;\n\nexport const SidebarWrap = styled.aside`\n    ${WidgetBoxWrap}{\n        &:not(:last-child){\n            margin-bottom: 30px;\n        }\n    }\n`;\n\n\n","import React, { useState } from 'react'\nimport { graphql, Link } from 'gatsby'\nimport { Container, Row, Col } from 'reactstrap'\nimport SEO from \"../../components/seo\"\nimport Layout from \"../../containers/layout/layout\"\nimport Header from '../../containers/layout/header'\nimport Footer from '../../containers/layout/footer'\nimport BlogMeta, { Category, Tags } from '../../components/blog/blog-meta'\nimport { Thumbnail, Video, Quote, Linked, Gallery } from '../../components/blog/blog-media'\nimport ModalVideo from '../../components/shared/modal-video'\nimport { slugify } from '../../utils/utilFunctions'\n// import RecentPostWidget from '../../containers/widgets/recent-post'\n// import CategoryWidget from '../../containers/widgets/categories'\n// import AuthorWidget from '../../containers/widgets/author'\n// import CTAWidget from '../../containers/widgets/cta'\n// import SubscribeWidget from '../../containers/widgets/subscribe'\n// import RelatedPosts from '../../containers/global/related-posts'\nimport SocialShare from '../../components/socials/social-share'\nimport {\n    SinglePostArea,\n    SinglePostWrap,\n    PostMedia,\n    PostHeader,\n    PostTitle,\n    PostMeta,\n    PostFooter,\n    PostShare,\n    PostTags,\n    SidebarWrap\n} from './single-portfolio.stc'\n\nconst SinglePortfolio = ({ data, pageContext, location, ...restProps }) => {\n    const { dateSlug, slug, postID, authorId } = data.markdownRemark.fields;\n    const {\n        category, date, format, title, header_image,\n        video_link, quote_text, quote_author,\n        link, images, author, tags, description, keywords\n    } = data.markdownRemark.frontmatter;\n    const { html, excerpt } = data.markdownRemark;\n    let video_arr, video_id, video_channel;\n    if (video_link) {\n        video_arr = video_link.split('=', -1);\n        video_id = video_arr[1];\n        video_channel = video_link.split(\".\")[1];\n    }\n    const [videoOpen, setVideoOpen] = useState(false);\n    const modalVideoOpen = () => {\n        setVideoOpen(true)\n    }\n    const modalVideoClose = () => {\n        setVideoOpen(false)\n    }\n    let desc = description ? description : excerpt;\n    let keys = keywords ? [...keywords] : [category, ...tags];\n \n    return (\n        <Layout>\n            <SEO \n                title={title} \n                description={desc}\n                keywords={keys}\n            />\n            <Header />\n            <div className=\"main-content\">\n                <SinglePostArea {...restProps}>\n                    <Container>\n                        <Row>\n                            <Col>\n                                <SinglePostWrap>\n                                    <PostMedia>\n                                        {(format === 'image' || format === 'standard' || format === 'gallery') && (\n                                            <Thumbnail path={`/${slug}`} image={header_image} title={title} />\n                                        )}\n                                        {format === 'quote' && <Quote text={quote_text} author={quote_author} />}\n                                        {format === 'link' && <Linked link={link} />}\n                                    </PostMedia>\n                                    <PostHeader>\n                                        {/* {category && <Category slug={`/category/${slugify(category)}`} text={category} />} */}\n                                        {title && <PostTitle>{title}</PostTitle>}\n                                        <PostMeta>\n                                            {date && (\n                                                <BlogMeta>{date}</BlogMeta>\n                                            )}\n                                            {/* {author && (\n                                                <BlogMeta>\n                                                    <Link to={`/author/${slugify(authorId)}`}>{author.name}</Link>\n                                                </BlogMeta>\n                                            )} */}\n                                            <BlogMeta>\n                                            </BlogMeta>\n                                        </PostMeta>\n                                    </PostHeader>\n                                    <div className=\"post-content\" dangerouslySetInnerHTML={{ __html: html }} />\n                                    <PostFooter>\n                                        <PostShare>\n                                            <h4>Share This:</h4>\n                                            <SocialShare\n                                                title={title}\n                                                slug={slug}\n                                            />\n                                        </PostShare>\n                                        {/* <PostTags>\n                                            <Tags tags={tags} />\n                                        </PostTags> */}\n                                    </PostFooter>\n                                </SinglePostWrap>\n                                {/* <RelatedPosts category={category} tags={tags} currentArticleSlug={slug} /> */}\n                            </Col>\n                            {/* <Col lg={4}>\n                                <SidebarWrap>\n                                    <AuthorWidget\n                                        content={author}\n                                    />\n                                    <RecentPostWidget />\n                                    <CategoryWidget />\n                                    <CTAWidget />\n                                    <SubscribeWidget />\n                                </SidebarWrap>\n                            </Col> */}\n                        </Row>\n                    </Container>\n                </SinglePostArea>\n            </div>\n            <Footer />\n            <ModalVideo\n                channel={video_channel}\n                videoId={video_id}\n                isOpen={videoOpen}\n                onClose={modalVideoClose}\n            />\n        </Layout>\n    )\n}\n\nexport const postQuery = graphql`\n    query($slug: String!){\n        markdownRemark(fields: {slug: {eq: $slug}}){\n            fields {\n                dateSlug\n                authorId\n                slug\n                postID\n            }\n            frontmatter {\n                title\n                category\n                tags\n                date(formatString: \"LL\")\n                format\n                description\n                keywords\n                header_image {\n                  childImageSharp {\n                    fluid(maxWidth: 1280, maxHeight: 600, quality: 100, srcSetBreakpoints: 6) {\n                      ...GatsbyImageSharpFluid_withWebp\n                      presentationWidth\n                      presentationHeight\n                    }\n                  }\n                }\n                images {\n                    childImageSharp {\n                        fluid(maxWidth: 1280, maxHeight: 600, quality: 100, srcSetBreakpoints: 6) {\n                            ...GatsbyImageSharpFluid_withWebp\n                            presentationWidth\n                            presentationHeight\n                        }\n                    }\n                }\n                author{\n                    name\n                    tagline\n                    image {\n                        childImageSharp {\n                            fixed(width: 180, height: 180, quality: 100) {\n                                ...GatsbyImageSharpFixed_withWebp\n                            }\n                        }\n                    }\n                    social {\n                        facebook\n                        instagram\n                        linkedin\n                        twitter\n                        youtube\n                    }\n                }\n            }\n            html\n            excerpt(pruneLength: 100, format: PLAIN, truncate: true)\n        }\n    }\n`;\n\n\nexport default SinglePortfolio\n"],"sourceRoot":""}