{"version":3,"sources":["webpack:///./src/components/shared/section-title/section-title.stc.js","webpack:///./src/components/shared/section-title/index.js","webpack:///./src/components/blog/layout-two/blog.stc.js","webpack:///./src/components/blog/layout-two/index.js","webpack:///./src/containers/blog/banner/index.js","webpack:///./src/containers/blog/blog-heading/index.js","webpack:///./src/components/pagination/pagination.stc.js","webpack:///./src/components/pagination/index.js","webpack:///./src/containers/blog/blog-area/blog-area.stc.js","webpack:///./src/containers/blog/blog-area/index.js","webpack:///./src/pages/blog.js"],"names":["TitleWrapper","styled","div","SectionTitle","title","subtitle","titleStyle","subtitleStyle","defaultProps","fontSize","color","fontweight","responsive","xlarge","large","lineHeight","small","as","texttransform","letterspacing","display","mb","BlogWrapper","Thumb","Category","Content","device","ContentTop","ContentBottom","PostDate","span","PostTitle","h2","medium","Excerpt","p","PostMeta","ul","Blog","date","author","id","path","image","excerpt","to","fluid","alt","className","Banner","banner_img","useStaticQuery","pagedataJson","childImageSharp","BlogHeading","blogSecData","PaginationWrap","PaginationList","PaginationItem","li","PaginationLink","Anchor","props","theme","colors","borderColor","bodyColor","active","css","primary","disabled","Pagination","currentPage","numberOfPages","rootPage","isFirst","isLast","previousPage","toString","nextPage","Array","from","length","_","i","key","SectionWrap","BlogInner","BlogArea","blogQueryData","blogs","allMarkdownRemark","edges","totalCount","Math","ceil","map","blog","node","frontmatter","fields","slug","shortDesc","description"],"mappings":"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","file":"component---src-pages-blog-js-0ad272575922c8176d0b.js","sourcesContent":["import styled from 'styled-components';\r\n \r\nexport const TitleWrapper = styled.div `\r\n    line-height: 1;\r\n`;\r\n\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport Heading from '../heading'\r\nimport Text from '../text'\r\nimport {TitleWrapper} from './section-title.stc'\r\n\r\nconst SectionTitle = ({title, subtitle, titleStyle, subtitleStyle}) => {\r\n    return (\r\n        <TitleWrapper>\r\n            {subtitle && <Text {...subtitleStyle}>{subtitle}</Text>}\r\n            {title && <Heading {...titleStyle}>{title}</Heading>}\r\n        </TitleWrapper>\r\n    )\r\n}\r\n\r\nSectionTitle.propTypes = {\r\n    title: PropTypes.string,\r\n    subtitle: PropTypes.string,\r\n    titleStyle: PropTypes.object,\r\n    subtitleStyle: PropTypes.object\r\n}\r\nSectionTitle.defaultProps = {\r\n    titleStyle: {\r\n        fontSize: '36px',\r\n        color: 'primary',\r\n        fontweight: 600,\r\n        responsive: {\r\n            xlarge: {\r\n                fontSize: '28px'\r\n            },\r\n            large: {\r\n                fontSize: '24px',\r\n                lineHeight: 'initial'\r\n            },\r\n            small: {\r\n                fontSize: '16px'\r\n            }\r\n        }\r\n    },\r\n    subtitleStyle: {\r\n        as: 'span',\r\n        color: '#000',\r\n        fontweight: 500,\r\n        fontSize: '16px',\r\n        texttransform: 'uppercase',\r\n        letterspacing: '1px',\r\n        display: 'inline-block',\r\n        mb: '17px',\r\n        lineHeight: 1,\r\n        responsive: {\r\n            xlarge: {\r\n                fontSize: '14px',\r\n                mb: '25px'\r\n            },\r\n            large: {\r\n                fontSize: '12px',\r\n                mb: '10px'\r\n            }\r\n        }\r\n    }\r\n};\r\n\r\nexport default SectionTitle\r\n","import styled from 'styled-components';\r\nimport {device} from '../../../theme'\r\n\r\nexport const BlogWrapper = styled.div `\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n    z-index: 2;\r\n`;\r\n\r\nexport const Thumb = styled.div `\r\n    position: relative;\r\n    a{\r\n        display: block;\r\n    }\r\n    *{\r\n        height: 100%;\r\n    }\r\n    .gatsby-image-wrapper,\r\n    picture,\r\n    img{\r\n        width: 100%;\r\n        max-width: 100% !important;\r\n    }\r\n    img{\r\n        border-radius: 5px 0 0 5px;\r\n    }\r\n`;\r\n\r\nexport const Category = styled.div `\r\n    position: absolute !important;\r\n    top: 30px;\r\n    left: 30px;\r\n    a{\r\n        border: 2px solid #808585;\r\n        display: block;\r\n        height: 24px;\r\n        padding: 0 15px;\r\n        line-height: 20px;\r\n        color: #ffffff;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        border-radius: 11px;\r\n        letter-spacing: 1px;\r\n    }\r\n`;\r\n\r\nexport const Content = styled.div `\r\n    padding: 40px 40px;\r\n    background: #fff;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    @media ${device.small}{\r\n        padding: 10vw;\r\n    }\r\n`;\r\n\r\nexport const ContentTop = styled.div ``;\r\nexport const ContentBottom = styled.div ``;\r\n\r\nexport const PostDate = styled.span `\r\n    color: #000000;\r\n    font-weight: 300;\r\n    font-size: 12px;\r\n    letter-spacing: 1px;\r\n    display: inline-block;\r\n    margin-bottom: 6px;\r\n`;\r\n\r\nexport const PostTitle = styled.h2 `\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    margin-bottom: 12px;\r\n    @media ${device.medium}{\r\n        font-size: 25px;\r\n    }\r\n    @media ${device.small}{\r\n        font-size: 16px;\r\n    }\r\n    a{\r\n        color: #000;\r\n    }\r\n`;\r\n\r\nexport const Excerpt = styled.p `\r\n    color: #000000;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    @media ${device.small}{\r\n        font-size: 12px;\r\n    }\r\n`;\r\n\r\nexport const PostMeta = styled.ul `\r\n    display: flex;\r\n    padding: 0;\r\n    list-style: none;\r\n    margin-top: 34px;\r\n    margin-bottom: 0;\r\n    @media ${device.small}{\r\n        margin-top: 20px;\r\n    }\r\n    li{\r\n        margin: 0 15px;\r\n        @media ${device.medium}{\r\n            margin: 0 10px;\r\n        }\r\n        &:first-child {\r\n            margin-left: 0;\r\n        }\r\n        &:last-child {\r\n            margin-right: 0;\r\n        }\r\n        i{\r\n            padding-right: 7px;\r\n        }\r\n        a{\r\n            color: #000;\r\n        }\r\n    }\r\n`;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport {Link} from 'gatsby'\r\n// import { CommentCount } from 'disqus-react';\r\nimport Image from '../../image';\r\nimport {\r\n    BlogWrapper, \r\n    Thumb, \r\n    Category, \r\n    Content, \r\n    ContentTop, \r\n    ContentBottom, \r\n    PostDate, \r\n    PostTitle,\r\n    Excerpt,\r\n    PostMeta\r\n} from './blog.stc'\r\n \r\nconst Blog = ({title, date, id, author, path, image, excerpt}) => {\r\n    // const disqusShortname = 'thern-1';\r\n    // const disqusConfig = {\r\n    //     url: path,\r\n    //     identifier: id,\r\n    //     title: title,\r\n    // }; \r\n    return (\r\n        <BlogWrapper>\r\n            {image && (\r\n                <Thumb>\r\n                    <Link to={path}>\r\n                        <Image fluid={image} alt={title}/>\r\n                    </Link>\r\n                    <Category>\r\n                        <Link to={path}>Creative</Link>\r\n                    </Category>\r\n                </Thumb>\r\n            )}\r\n            <Content>\r\n                <ContentTop>\r\n                    <PostDate>{date}</PostDate>\r\n                    <PostTitle><Link to={path}>{title}</Link></PostTitle>\r\n                    <Excerpt>{excerpt}</Excerpt>\r\n                </ContentTop>\r\n                <ContentBottom>\r\n                    <PostMeta>\r\n                        <li><i className=\"ti-user\"></i> <Link to={path}>{author}</Link></li>\r\n                        {/* <li>\r\n                            <Link to={path}>\r\n                                <i className=\"ti-comment\"></i>\r\n                                <CommentCount shortname={disqusShortname} config={disqusConfig}/>\r\n                            </Link>\r\n                        </li> */}\r\n                    </PostMeta>\r\n                </ContentBottom>\r\n            </Content>\r\n        </BlogWrapper>\r\n    )\r\n} \r\n\r\nexport default Blog;","import React from 'react'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Image from '../../../components/image'\r\n\r\nconst Banner = () => {\r\n    const BlogSecQueryData = useStaticQuery(graphql `\r\n        query BlogSecDataQuery {\r\n            pagedataJson(id: {eq: \"blog_page_data\"}) {\r\n                banner_img {\r\n                    childImageSharp {\r\n                        fluid(maxWidth: 1920, maxHeight: 750, quality: 100) {\r\n                            ...GatsbyImageSharpFluid_withWebp\r\n                            presentationWidth\r\n                            presentationHeight\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    `);\r\n    const {banner_img} = BlogSecQueryData.pagedataJson\r\n    return (\r\n        <div className=\"banner-area\">\r\n            <Image fluid={banner_img.childImageSharp.fluid} alt=\"Blog Banner\"/>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Banner\r\n","import React from 'react';\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport SectionTitle from '../../../components/shared/section-title'\r\n\r\nconst BlogHeading = () => {\r\n    const blogQueryData = useStaticQuery(graphql `\r\n        query BlogHeadingQuery {\r\n            pagedataJson(id: {eq: \"blog_page_data\"}) {\r\n                title\r\n                subtitle\r\n            }\r\n        }\r\n    `);\r\n    const blogSecData = blogQueryData.pagedataJson;\r\n    return (\r\n        <div className=\"col-1 offset-1\">\r\n            <SectionTitle\r\n                subtitle={blogSecData.subtitle}\r\n                title={blogSecData.title}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default BlogHeading;","import styled, {css} from 'styled-components';\r\nimport Anchor from '../shared/link'\r\nimport {device} from '../../theme'\r\n\r\nexport const PaginationWrap = styled.div `\r\n    position: relative;\r\n    z-index: 2;\r\n    background: #f8f8f8;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding-bottom: 80px;\r\n    @media ${device.medium}{\r\n        padding-bottom: 23px;\r\n    }\r\n    @media ${device.small}{\r\n        padding-bottom: 23px;\r\n    }\r\n`;\r\n\r\nexport const PaginationList = styled.ul `\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n`;\r\n\r\nexport const PaginationItem = styled.li `\r\n    display: inline-block;\r\n    &:not(:last-child){\r\n        margin-right: 8px;\r\n    }\r\n`;\r\n\r\nexport const PaginationLink = styled(Anchor) `\r\n    display: block;\r\n    padding: 5px;\r\n    min-width: 45px;\r\n    border-radius: 5px;\r\n    border: 1px solid ${props => props.theme.colors.borderColor};\r\n    color: ${props => props.theme.colors.bodyColor};\r\n    text-align: center;\r\n    font-size: 16px;\r\n    ${props => props.active === 'true' && css `\r\n        background: ${props => props.theme.colors.primary};\r\n        color: #fff;\r\n        border-color: ${props => props.theme.colors.primary};  \r\n        &:visited,\r\n        &:hover,\r\n        &:active,\r\n        &:focus{\r\n            color: #fff;\r\n        }\r\n    `}\r\n    ${props => props.disabled && css `\r\n        color: #ccc;\r\n        cursor: not-allowed;\r\n    `}\r\n    &.prev,\r\n    &.next{\r\n        padding: 5px 20px;\r\n    }\r\n`;","import React from 'react';\r\nimport {PaginationWrap, PaginationList, PaginationItem, PaginationLink} from './pagination.stc'\r\n\r\nconst Pagination = ({currentPage, numberOfPages, rootPage}) => {\r\n    const isFirst = currentPage === 1;\r\n    const isLast = currentPage === numberOfPages;\r\n    const previousPage = currentPage - 1 === 1 ? rootPage : '/blog/page/' + (currentPage - 1).toString();\r\n    const nextPage = '/blog/page/' + (currentPage + 1).toString(); \r\n    return (\r\n        <PaginationWrap>\r\n            <PaginationList>\r\n                {isFirst ? (\r\n                    <PaginationItem>\r\n                        <PaginationLink className=\"prev\" disabled={true} path={previousPage}>Назад</PaginationLink>\r\n                    </PaginationItem>\r\n                ) : (\r\n                    <PaginationItem>\r\n                        <PaginationLink className=\"prev\" path={previousPage}>Назад</PaginationLink>\r\n                    </PaginationItem>\r\n                )}\r\n                {Array.from({length: numberOfPages}, (_, i) => currentPage === i + 1 ? (\r\n                    <PaginationItem key={`page-number-${i+1}`}>\r\n                        <PaginationLink active=\"true\" path={`/blog/${i === 0 ? '' : 'page/' + (i+1) }`}>\r\n                            {i+1}\r\n                        </PaginationLink>\r\n                    </PaginationItem>\r\n                ): (\r\n                    <PaginationItem key={`page-number-${i+1}`}>\r\n                        <PaginationLink path={`/blog/${i === 0 ? '' : 'page/' + (i+1) }`}>\r\n                            {i+1}\r\n                        </PaginationLink>\r\n                    </PaginationItem> \r\n                ))}\r\n                {isLast ? (\r\n                    <PaginationItem>\r\n                        <PaginationLink className=\"next\" disabled={true} path={nextPage}>Далее</PaginationLink>\r\n                    </PaginationItem>\r\n                ): (\r\n                    <PaginationItem>\r\n                        <PaginationLink className=\"next\" path={nextPage}>Далее</PaginationLink>\r\n                    </PaginationItem>\r\n                )}\r\n            </PaginationList>\r\n        </PaginationWrap>\r\n    )\r\n}\r\n\r\nexport default Pagination;","import styled from 'styled-components';\r\nimport {device} from '../../../theme'\r\n\r\nexport const SectionWrap = styled.div `\r\n    padding-top: 130px;\r\n    background: #f8f8f8;\r\n    @media ${device.medium}{\r\n        padding-top: 70px;\r\n    }\r\n    @media ${device.small}{\r\n        padding-top: 60px;\r\n    }\r\n`;\r\n\r\nexport const BlogInner = styled.div `\r\n    margin-top: 48px;\r\n    .blog-wrap{\r\n        margin-top: 50px;\r\n        @media ${device.small}{\r\n            margin-top: 35px;\r\n        }\r\n    }\r\n    .col-2:nth-child(odd) {\r\n        padding-right: 30px;\r\n        @media ${device.small}{\r\n            padding-right: 0;\r\n        }\r\n    }\r\n    .col-2:nth-child(even) {\r\n        padding-left: 30px;\r\n        @media ${device.small}{\r\n            padding-left: 0;\r\n        }\r\n    }\r\n`;","import React, {Fragment} from 'react';\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport BlogHeading from '../blog-heading'\r\nimport Blog from '../../../components/blog/layout-two'\r\nimport Pagination from '../../../components/pagination'\r\nimport {SectionWrap, BlogInner} from './blog-area.stc'\r\n \r\nconst BlogArea = () => {\r\n    const blogQueryData = useStaticQuery(graphql `\r\n        query BlogDataQuery {\r\n            allMarkdownRemark(limit: 4, filter: {frontmatter: {categories: {ne: \"services\"}}}) {\r\n                totalCount\r\n                edges {\r\n                  node {\r\n                    fields {\r\n                      slug\r\n                    }\r\n                    frontmatter {\r\n                      title\r\n                      date(formatString: \"MMM Do, YYYY\")\r\n                      id\r\n                      author\r\n                      shortDesc\r\n                      image {\r\n                        childImageSharp {\r\n                          fluid(maxWidth: 600, maxHeight: 630, quality: 100) {\r\n                            ...GatsbyImageSharpFluid_withWebp\r\n                            presentationWidth\r\n                            presentationHeight\r\n                          }\r\n                        }\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n            }\r\n        }\r\n    `);\r\n    \r\n    const blogs = blogQueryData.allMarkdownRemark.edges;\r\n    const {totalCount} = blogQueryData.allMarkdownRemark;\r\n    const postsPerPage = 4;\r\n    const numberOfPages = Math.ceil(totalCount/postsPerPage);\r\n    return ( \r\n      <Fragment>\r\n        <SectionWrap>\r\n            <BlogHeading/>\r\n            <BlogInner>\r\n                <div className=\"col-4 offset-1\">\r\n                    <div className=\"row\">\r\n                        {blogs.map((blog, i) => (\r\n                            <div className=\"col-2 blog-wrap\" key={`blog-${i}`}>\r\n                                <Blog\r\n                                    title={blog.node.frontmatter.title}\r\n                                    date={blog.node.frontmatter.date}\r\n                                    author={blog.node.frontmatter.author}\r\n                                    id={blog.node.frontmatter.id}\r\n                                    path={blog.node.fields.slug}\r\n                                    excerpt={blog.node.frontmatter.shortDesc}\r\n                                    image={blog.node.frontmatter.image.childImageSharp.fluid}\r\n                                />\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </BlogInner>\r\n        </SectionWrap>\r\n        <Pagination\r\n            currentPage={1}\r\n            numberOfPages={numberOfPages}\r\n        />\r\n      </Fragment>\r\n    )\r\n}\r\n\r\nexport default BlogArea","import React from \"react\"\r\nimport SEO from '../components/seo';\r\nimport Layout from '../containers/layout/layout'\r\nimport Banner from '../containers/blog/banner'\r\nimport Blog from '../containers/blog/blog-area'\r\n\r\nexport default () => (\r\n    <Layout>\r\n        <SEO \r\n            title=\"Статьи для развития вашего бизнеса. Заходите к нам!\"\r\n            description={\r\n                `Блог с полезными маркетинговыми статьями. \r\n                Многолетний опыт наших специалистов в подробных лайфхаках!`\r\n            }\r\n        />\r\n        <Banner/>\r\n        <Blog/>\r\n    </Layout>\r\n)\r\n"],"sourceRoot":""}