{"version":3,"sources":["webpack:///./src/components/social-icons/icon-facebook.jsx","webpack:///./src/components/conversations.jsx","webpack:///./src/pages/conversazioni.jsx"],"names":["IconFacebookStyle","styled","div","IconFacebook","socialLink","href","target","width","height","viewBox","version","xmlns","id","stroke","strokeWidth","fill","fillRule","d","ConversationsStyle","Conversations","data","allMarkdownRemark","edges","map","node","to","fields","slug","role","className","key","frontmatter","name","designer","fluid","conv_bitmap","childImageSharp","imgStyle","objectFit","style","justifySelf","alignSelf","ConversazioniPageStyle","ConversazioniPage","title","description"],"mappings":"6FAAA,yBAGMA,EAHN,UAG0BC,EAAOC,IAAV,mFAAGD,CAAH,6DAyCRE,IA/BM,SAAC,GAAD,IAAGC,EAAH,EAAGA,WAAH,OACjB,uBAAGC,KAAMD,EAAYE,OAAO,SACxB,kBAACN,EAAD,KACI,yBACIO,MAAM,OACNC,OAAO,OACPC,QAAQ,YACRC,QAAQ,MACRC,MAAM,8BAEN,gDACA,sDACA,uBACIC,GAAG,gBACHC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,0BACIC,EAAE,slBACFL,GAAG,OACHC,OAAO,UACPG,SAAS,kB,2n+BC1B3BE,EAAqBjB,IAAOC,IAAV,wFAAGD,CAAH,2oCAqKTkB,EA7EO,WAClB,IAAMC,EAAI,OAmCV,OACI,kBAACF,EAAD,KACKE,EAAKC,kBAAkBC,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,KAAH,OAC9B,kBAAC,OAAD,CAAMC,GAAID,EAAKE,OAAOC,KAAMC,KAAK,UAC7B,yBAAKC,UAAU,wBAAwBC,IAAKN,EAAKZ,IAC7C,yBAAKiB,UAAU,8BACX,4BAAKL,EAAKO,YAAYC,MACtB,mCAASR,EAAKO,YAAYE,UAC1B,yBAAKJ,UAAU,+BACX,8CACA,6BACI,kBAAC,IAAD,CAAczB,WAAW,KACzB,kBAAC,IAAD,CAAaA,WAAW,KACxB,kBAAC,IAAD,CAAcA,WAAW,QAKrC,kBAAC,IAAD,CACI8B,MACIV,EAAKO,YAAYI,YAAYC,gBACxBF,MAETG,SAAU,CACNC,UAAW,WAEfC,MAAO,CACHC,YAAa,MACbjC,MAAO,OACPkC,UAAW,gB,wBCzJrCC,EAAyBzC,IAAOC,IAAV,2FAAGD,CAAH,6UA4Db0C,UA1BW,kBACtB,kBAAC,IAAD,KACI,kBAAC,IAAD,CACIC,MAAM,gBACNC,YAAY,8LAEhB,kBAACH,EAAD,KACI,sEAC2C,6BAD3C,+BAEgC,qCAEhC,yEAC8C,6BAD9C,qCAEsB,6BAFtB,mCAKA,yBAAKb,UAAU,2BACX,kBAAC,IAAD,CAASzB,WAAW,4CACpB,kBAAC,IAAD,CAAcA,WAAW,8BAE7B,yBAAKyB,UAAU,+BACf,kBAAC,EAAD","file":"component---src-pages-conversazioni-jsx-65ca5420392658ccd92d.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nconst IconFacebookStyle = styled.div`\n    cursor: pointer;\n\n    :hover {\n        svg g {\n            fill: var(--accent-color);\n        }\n    }\n`\n\nconst IconFacebook = ({ socialLink }) => (\n    <a href={socialLink} target=\"blank\">\n        <IconFacebookStyle>\n            <svg\n                width=\"38px\"\n                height=\"38px\"\n                viewBox=\"0 0 38 38\"\n                version=\"1.1\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <title>icon-facebook</title>\n                <desc>Created with Sketch.</desc>\n                <g\n                    id=\"icon-facebook\"\n                    stroke=\"none\"\n                    strokeWidth=\"1\"\n                    fill=\"none\"\n                    fillRule=\"evenodd\"\n                >\n                    <path\n                        d=\"M34,20 C34,11.7137097 27.2862903,5 19,5 C10.7137097,5 4,11.7137097 4,20 C4,27.4866935 9.48528226,33.6923387 16.65625,34.8185484 L16.65625,24.3360887 L12.8457661,24.3360887 L12.8457661,20 L16.65625,20 L16.65625,16.6951613 C16.65625,12.9360887 18.8941532,10.8596774 22.3217742,10.8596774 C23.9633065,10.8596774 25.6798387,11.1524194 25.6798387,11.1524194 L25.6798387,14.8419355 L23.7879032,14.8419355 C21.925,14.8419355 21.34375,15.9983871 21.34375,17.1844758 L21.34375,20 L25.5038306,20 L24.8385081,24.3360887 L21.34375,24.3360887 L21.34375,34.8185484 C28.5147177,33.6923387 34,27.4866935 34,20 Z\"\n                        id=\"Path\"\n                        stroke=\"#EE0202\"\n                        fillRule=\"nonzero\"\n                    ></path>\n                </g>\n            </svg>\n        </IconFacebookStyle>\n    </a>\n)\n\nexport default IconFacebook\n","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport { Link } from 'gatsby'\nimport NonStretchedImage from './non-stretched-image'\nimport styled from 'styled-components'\n\nimport IconLinkedin from '../components/social-icons/icon-linkedin'\nimport IconTwitter from '../components/social-icons/icon-twitter'\nimport IconFacebook from '../components/social-icons/icon-facebook'\n\nconst ConversationsStyle = styled.div`\n    grid-column: 1/13;\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-auto-rows: max-content;\n    margin-top: 4.444444444444445rem;\n    border-top: solid 1px var(--accent-color);\n    /* grid-row-gap: 4.444444444444445rem; */\n    /* margin-top: 4.444444444444445rem; */\n\n    a {\n        text-decoration: none;\n        z-index: 0000;\n    }\n\n    .conversations-element {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        padding: 4.444444444444445rem 0;\n        border-bottom: solid 1px var(--accent-color);\n\n        .conversations-element-text {\n            grid-column: 1/3;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            grid-auto-rows: max-content max-content 1fr;\n\n            h2 {\n                grid-column: 1/2;\n                font-weight: 500;\n                font-size: 2.111111111111111rem;\n                line-height: 2.7777777777777777rem;\n                margin: 0;\n                margin-bottom: 0px;\n                margin-bottom: 1.6666666666666667rem;\n            }\n\n            h3 {\n                grid-column: 1/4;\n                font-weight: 400;\n                font-size: 1.3333333333333333rem;\n                line-height: 2rem;\n                margin: 0;\n                margin-bottom: 0px;\n                margin-bottom: 2.2222222222222223rem;\n            }\n\n            .conversations-element-share {\n                grid-column: 1/3;\n                align-self: end;\n                z-index: 1000;\n\n                span {\n                    font-size: 0.8888888888888888rem;\n                    line-height: 1.5555555555555556rem;\n                    font-family: 'Suisse Intl', sans-serif;\n                    color: var(--accent-color);\n                }\n\n                div {\n                    display: flex;\n                    margin-top: 0.2777777777777778rem;\n\n                    a {\n                        margin-right: 0.8333333333333334rem;\n\n                        :last-of-type {\n                            margin-right: 0;\n                        }\n                    }\n\n                    svg {\n                        width: 1.9444444444444444rem;\n                        height: auto;\n                    }\n                }\n            }\n        }\n\n        /* .conversations-element-divider {\n            grid-column: 1/4;\n            width: 100%;\n            margin-top: 4.444444444444445rem;\n            border-bottom: solid 1px var(--accent-color);\n        } */\n    }\n`\n\nconst Conversations = () => {\n    const data = useStaticQuery(graphql`\n        query Conversations {\n            allMarkdownRemark(\n                filter: {\n                    fileAbsolutePath: { regex: \"/extras/\" }\n                    frontmatter: { content_type: { eq: \"Conversazione\" } }\n                }\n                sort: { fields: frontmatter___date, order: DESC }\n            ) {\n                edges {\n                    node {\n                        id\n                        fields {\n                            slug\n                        }\n                        frontmatter {\n                            name\n                            designer\n                            conv_bitmap {\n                                childImageSharp {\n                                    fluid(maxWidth: 300) {\n                                        ...GatsbyImageSharpFluid\n                                        presentationWidth\n                                    }\n                                }\n                            }\n                        }\n                        html\n                        excerpt\n                    }\n                }\n            }\n        }\n    `)\n\n    return (\n        <ConversationsStyle>\n            {data.allMarkdownRemark.edges.map(({ node }) => (\n                <Link to={node.fields.slug} role=\"button\">\n                    <div className=\"conversations-element\" key={node.id}>\n                        <div className=\"conversations-element-text\">\n                            <h2>{node.frontmatter.name}</h2>\n                            <h3>Con {node.frontmatter.designer}</h3>\n                            <div className=\"conversations-element-share\">\n                                <span>Condividi su</span>\n                                <div>\n                                    <IconLinkedin socialLink=\"\" />\n                                    <IconTwitter socialLink=\"\" />\n                                    <IconFacebook socialLink=\"\" />\n                                </div>\n                            </div>\n                        </div>\n\n                        <NonStretchedImage\n                            fluid={\n                                node.frontmatter.conv_bitmap.childImageSharp\n                                    .fluid\n                            }\n                            imgStyle={{\n                                objectFit: 'contain',\n                            }}\n                            style={{\n                                justifySelf: 'end',\n                                width: '100%',\n                                alignSelf: 'end',\n                            }}\n                        />\n\n                        {/* <div className=\"conversations-element-divider\"></div> */}\n                    </div>\n                </Link>\n            ))}\n        </ConversationsStyle>\n    )\n}\n\nexport default Conversations\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport Layout from '../components/layout'\nimport SEO from '../components/seo'\n\nimport Conversations from '../components/conversations'\nimport IconRss from '../components/social-icons/icon-rss'\nimport IconTelegram from '../components/social-icons/icon-telegram'\n\nconst ConversazioniPageStyle = styled.div`\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    grid-column-gap: 1.2222222222222223rem;\n\n    h1 {\n        grid-column: 1/8;\n    }\n\n    h2 {\n        grid-column: 1/8;\n    }\n\n    .conversazioni-page-feed {\n        grid-column: 8/13;\n        grid-row: 1/3;\n        justify-self: end;\n        display: flex;\n\n        a {\n            margin-right: 0.8333333333333334rem;\n\n            :last-of-type {\n                margin-right: 0;\n            }\n        }\n\n        svg {\n            width: 1.9444444444444444rem;\n            height: auto;\n        }\n    }\n`\n\nconst ConversazioniPage = () => (\n    <Layout>\n        <SEO\n            title=\"Conversazioni\"\n            description=\"Le domande giuste alle persone giuste, ovvero, le conversazioni di com. Interviste inedite a cura della redazione <br /> per approndire gli svariati rami del design della comunicazione.\"\n        />\n        <ConversazioniPageStyle>\n            <h1>\n                Le domande giuste alle persone giuste, <br />\n                ovvero, le conversazioni di <em>com.</em>\n            </h1>\n            <h2>\n                Interviste inedite a cura della redazione <br /> per approndire\n                gli svariati rami <br />\n                del design della comunicazione.\n            </h2>\n            <div className=\"conversazioni-page-feed\">\n                <IconRss socialLink=\"https://archiviocom.netlify.com/rss.xml\" />\n                <IconTelegram socialLink=\"https://t.me/comarchivio\" />\n            </div>\n            <div className=\"conversazioni-page-divider\"></div>\n            <Conversations />\n        </ConversazioniPageStyle>\n    </Layout>\n)\n\nexport default ConversazioniPage\n"],"sourceRoot":""}