{"version":3,"sources":["webpack:///./src/components/main-hero.js","webpack:///./src/components/article/article-small-card.js","webpack:///./src/components/section/section-site-features.js","webpack:///./src/components/section/section-articles.js","webpack:///./src/pages/index.js"],"names":["Wrapper","Container","Section","Title","SubTitle","SubSubTitle","Highlight","MainHero","DateRow","Divider","Meta","Overlay","ArticleList","title","date","categories","featuredImage","tags","slug","to","map","category","index","array","toUpperCase","length","fluid","OuterWrapper","OuterContainer","CardWrapper","CardContainer","StyledFontAwesomeIcon","FontAwesomeIcon","SectionAppFeatures","icon","faNewspaper","faInfoCircle","faListUl","faCheckCircle","SectionProductivityArticles","children","ArticleCards","Decoration","IndexPage","data","location","featuredArticles","featured","edges","latestArticles","pathname","node","frontmatter","childImageSharp","fields"],"mappings":"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","file":"component---src-pages-index-js-354b22886bfc737f758b.js","sourcesContent":["import React from \"react\"\nimport tw, { styled } from \"twin.macro\"\n\nconst Wrapper = styled.section`\n    ${tw`w-full m-0 p-0 bg-psb-dark-gray-400 text-white`}\n`\n\nconst Container = styled.div`\n    ${tw`container w-2/3 mx-auto`}\n`\n\nconst Section = styled.div`\n    ${tw`flex flex-col items-center my-12 text-center`}\n`\n\nconst Title = styled.p`\n    ${tw`text-white text-5xl text-center font-semibold leading-tight`}\n`\n\nconst SubTitle = styled(Title)`\n    ${tw`text-xl`}\n`\n\nconst SubSubTitle = styled(Title)`\n    ${tw`text-base mt-10`}\n`\n\nconst Highlight = styled.span`\n    ${tw`text-psb-orange-400`}\n`\n\nconst MainHero = () => {\n    return(\n        <Wrapper>\n            <Container>\n                <Section>\n                    <Title>MOBILE PHOTOGRAPHY <Highlight>FUNDAMENTALS</Highlight></Title>\n                    <SubTitle>iPhone photography and videography news, tips, tutorials and reviews to help grow your skills</SubTitle>\n                    <SubSubTitle><Highlight>Read about how to take great photos and videos with your iPhone, learn more advanced shooting techniques, and recommended software and accessories to enhance your skills further</Highlight></SubSubTitle>\n                </Section>\n            </Container>\n        </Wrapper>\n    )\n}\n\nexport default MainHero","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport tw, { styled } from \"twin.macro\"\nimport Img from \"gatsby-image\"\n\nconst Wrapper = styled.article`\n    ${tw`w-full md:w-1/2 lg:w-1/2 xl:w-1/3 p-3 md:p-6`}\n`\n\nconst Container = styled.div`\n    ${tw`relative h-full rounded-lg overflow-hidden bg-psb-dark-light-gray-400 border-psb-dark-gray-400 shadow-lg`}\n`\n\nconst Title = styled.h4`\n    ${tw`px-4 pb-12 pt-2`}\n`\n\nconst DateRow = styled.div`\n    ${tw`absolute  w-full bottom-0`}\n`\n\nconst Divider = styled.hr`\n    ${tw`p-0 border-psb-dark-gray-400`}\n`\n\nconst Meta = styled.div`\n    ${tw`text-psb-orange-400 text-xs font-medium p-2`}\n`\n\nconst Overlay = styled.div`\n     ${tw`z-10 absolute m-3 px-3 py-0 text-base rounded-md font-semibold bg-psb-blue-400 text-white`}\n     right: 0;\n `\n\nconst ArticleList = ({ title, date, categories, tags, featuredImage, slug }) => {\n    return(\n        <Wrapper>\n            <Container>\n            <Link to={slug}>\n                <Overlay>\n                    {categories.map((category, index, array) => {\n                        return (\n                            <>\n                                {category.toUpperCase()}{ index < array.length - 1 ? \", \" : \"\" }\n                            </>\n                        )\n                    })}\n                </Overlay>\n                <Img fluid={featuredImage} />\n                <Title>{title}</Title>\n                <DateRow>\n                    <Divider />\n                    <Meta>\n                        {date}\n                    </Meta>\n                </DateRow>\n                </Link>\n            </Container>\n        </Wrapper>\n    )\n}\n\nexport default ArticleList","import React from \"react\"\nimport tw, { styled } from \"twin.macro\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faCheckCircle, faHandHoldingUsd, faInfo, faInfoCircle, faListUl, faNewspaper, faQuestion } from \"@fortawesome/free-solid-svg-icons\"\n\nconst OuterWrapper = styled.section`\n    ${tw`w-full mx-0 p-0 bg-psb-dark-gray-400`}\n`\n\nconst OuterContainer = styled.div`\n    ${tw`container w-11/12 mx-auto px-5 py-8`}\n`\n\nconst Wrapper = styled.div`\n    ${tw`w-full`}\n`\n\nconst Container = styled.div`\n    ${tw`container flex flex-wrap mx-auto text-center`}\n`\n\nconst CardWrapper = styled.div`\n    ${tw`w-full md:w-1/2 lg:w-1/4 p-3 md:p-6`}\n`\n\nconst CardContainer = styled.div`\n    ${tw`container mx-auto text-center`}\n`\n\nconst StyledFontAwesomeIcon = styled(FontAwesomeIcon)`\n    ${tw`m-4 text-psb-blue-400 text-4xl md:text-5xl`}\n`\n\nconst Description = styled.p`\n    ${tw`md:text-lg`}\n`\n\nconst SectionAppFeatures = () => {\n    return(\n        <OuterWrapper>\n            <OuterContainer>\n                <Wrapper>\n                    <Container>\n                        <CardWrapper>\n                            <CardContainer>\n                                <StyledFontAwesomeIcon icon={faNewspaper} />\n                                <h3>News</h3>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <StyledFontAwesomeIcon icon={faInfoCircle} />\n                                <h3>Tips</h3>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <StyledFontAwesomeIcon icon={faListUl} />\n                                <h3>Reviews</h3>\n                            </CardContainer>\n                        </CardWrapper>\n                        <CardWrapper>\n                            <CardContainer>\n                                <StyledFontAwesomeIcon icon={faCheckCircle} />\n                                <h3>Recommendations</h3>\n                            </CardContainer>\n                        </CardWrapper>\n                    </Container>\n                </Wrapper>\n            </OuterContainer>\n        </OuterWrapper>\n    )\n}\n\nexport default SectionAppFeatures","import React from \"react\"\nimport tw, { styled } from \"twin.macro\"\n\nconst OuterWrapper = styled.section`\n    ${tw`w-full mx-0 p-0`}\n`\n\nconst OuterContainer = styled.div`\n    ${tw`container w-11/12 mx-auto px-5 py-8`}\n`\n\nconst Wrapper = styled.div`\n    ${tw`w-full`}\n`\n\nconst Container = styled.div`\n    ${tw``}\n`\n\nconst SectionProductivityArticles = ({ children }) => {\n    return(\n        <OuterWrapper>\n            <OuterContainer>\n                <Wrapper>\n                    <Container>\n                        {children}\n                    </Container>\n                </Wrapper>\n            </OuterContainer>\n        </OuterWrapper>\n    )\n}\n\nexport default SectionProductivityArticles","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport tw, { styled } from \"twin.macro\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport Section from \"../components/section/section\"\nimport MainHero from \"../components/main-hero\"\nimport ArticleSmallCard from \"../components/article/article-small-card\"\nimport ArticleLargeCard from \"../components/article/article-large-card\"\nimport SectionSubscribe from \"../components/section/section-subscribe\"\nimport SectionSiteFeatures from \"../components/section/section-site-features\"\nimport SectionArticles from \"../components/section/section-articles\"\n\nconst ArticleCards = styled.div`\n    ${tw`flex flex-wrap -mx-3 lg:-mx-6 -mt-6 mt-1`}\n`\n\nconst Decoration = styled.span`\n    ${tw`underline`}\n    text-decoration-color: #ff9f0A;\n`\n\nconst IndexPage = ({ data, location }) => {\n    const featuredArticles = data.featured.edges\n    const latestArticles = data.latestArticles.edges\n\n    return(\n        <Layout>\n            <SEO\n                title=\"Home\"\n                pathname={location.pathname}\n            />\n            <MainHero/>\n            <Section>\n                <h2>Featured <Decoration>Articles</Decoration></h2>\n                <ArticleCards>\n                    {featuredArticles.map(({ node }) => (\n                        <ArticleLargeCard\n                            title={node.frontmatter.title}\n                            date={node.frontmatter.date}\n                            categories={node.frontmatter.categories}\n                            tags={node.frontmatter.tags}\n                            featuredImage={node.frontmatter.featuredImage.childImageSharp.fluid}\n                            slug={node.fields.slug} />\n                    ))}\n                </ArticleCards>\n            </Section>\n            <SectionSiteFeatures />\n            <SectionArticles>\n                <h2>Latest <Decoration>Articles</Decoration></h2>\n                <ArticleCards>\n                    {latestArticles.map(({ node }) => (\n                        <ArticleSmallCard\n                            title={node.frontmatter.title}\n                            date={node.frontmatter.date}\n                            categories={node.frontmatter.categories}\n                            tags={node.frontmatter.tags}\n                            featuredImage={node.frontmatter.featuredImage.childImageSharp.fluid}\n                            slug={node.fields.slug} />\n                    ))}\n                </ArticleCards>\n            </SectionArticles>\n        </Layout>\n    )\n}\n\nexport default IndexPage\n\nexport const query = graphql`\n    query {\n        latestArticles: allMdx(\n            sort: { fields: [frontmatter___date], order: DESC }\n            filter: { frontmatter: { published: { eq: true } } }\n            limit: 16\n        ) {\n            edges {\n                node {\n                    fields {\n                        slug\n                    }\n                    frontmatter {\n                        title\n                        date(formatString: \"DD MMMM, YYYY\")\n                        categories\n                        tags\n                        featuredImage {\n                            childImageSharp {\n                                fluid(maxWidth: 1200) {\n                                    ...GatsbyImageSharpFluid_withWebp\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        featured: allMdx(\n            sort: { fields: [frontmatter___date], order: DESC }\n            filter: { frontmatter: { featured: { eq: true }, published: { eq: true } } }\n            limit: 4\n        ) {\n            edges {\n                node {\n                    fields {\n                        slug\n                    }\n                    frontmatter {\n                        title\n                        date(formatString: \"DD MMMM, YYYY\")\n                        categories\n                        tags\n                        featuredImage {\n                            childImageSharp {\n                                fluid(maxWidth: 1200) {\n                                    ...GatsbyImageSharpFluid_withWebp\n                                }\n                            }\n                        }\n                    }\n                    excerpt(pruneLength: 250)\n                }\n            }\n        }\n    }\n`"],"sourceRoot":""}