{"version":3,"sources":["webpack://bognas-portfolio/./src/pages/contact.js","webpack://bognas-portfolio/./src/images/iconmonstr-linkedin-1.svg","webpack://bognas-portfolio/./src/images/issuu-icon_1.svg","webpack://bognas-portfolio/./src/images/Medium-icon.svg"],"names":["ContactGrid","styled","ContactPageImage","GatsbyImage","Line","props","color","pathname","location","data","useStaticQuery","title","motion","className","whileHover","whileTap","initial","animate","image","contentfulAsset","gatsbyImageData","alt","description","variants","HoverMotion","href","src"],"mappings":"oQAmEMA,EAAcC,wBAAH,gEAAGA,CAAH,2rBAkDXC,GAAmBD,QAAOE,KAAV,gFAAGF,CAAH,6BAKhBG,EAAOH,qBAAH,yDAAGA,CAAH,6HAOc,SAAAI,GAAK,OAAIA,EAAMC,SAIvC,EAxHoB,SAAC,GAAc,IACzBC,EADwB,EAAZC,SACQD,SACpBE,GAAOC,oBAAe,cAa5B,OACI,gBAAC,KAAD,CAAQH,SAAUA,GACd,gBAAC,IAAD,CAAKI,MAAM,YACX,gBAACX,EAAD,KACA,gBAACY,EAAA,MAAD,CAAYC,UAAU,qBAAqBC,WAAW,QAAQC,SAAS,QAAQC,QAAQ,OAAOC,QAAQ,QAClG,gBAACf,EAAD,CAAkBgB,MAAOT,EAAKU,gBAAgBC,gBAAiBC,IAAKZ,EAAKU,gBAAgBG,cACzF,gBAAC,KAAD,CAAgBC,SAAUC,MACtB,0CACA,0CAIR,uBAAKX,UAAU,gBACX,uBAAKA,UAAU,WACX,gBAAC,IAAD,mBACA,uDACA,qBAAGA,UAAU,eAAb,iLAGA,qBAAIA,UAAU,eAAd,+GACgH,wBAAMA,UAAU,cAAa,qBAAGY,KAAK,qCAAR,mBAA+D,gBAACrB,EAAD,CAAME,MAAM,8BAExN,0IAIJ,uBAAKO,UAAU,gBACX,qBAAGY,KAAK,iDAAiDd,MAAM,oBAAmB,uBAAKe,ICvD3G,yfDuD8HL,IAAI,8CAC9G,qBAAGI,KAAK,sCAAsCd,MAAM,sBAAqB,uBAAKe,IExDlG,6yCFwDkHL,IAAI,2CAClG,qBAAGI,KAAK,gCAAgCd,MAAM,eAAc,uBAAKe,IGzDrF,qmEHyDsGL,IAAI","file":"component---src-pages-contact-js-3947f57d03df20d0f10f.js","sourcesContent":["import React from 'react'\nimport {Layout} from '../components'\nimport { Title } from '../components/Intro'\nimport styled from 'styled-components';\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport { GatsbyImage} from \"gatsby-plugin-image\"\nimport {HoverMotion, ProjectOverlay} from '../components/ProjectCard'\nimport {motion} from 'framer-motion'\nimport LinkedinIcon from '../images/iconmonstr-linkedin-1.svg'\nimport IssuuIcon from '../images/issuu-icon_1.svg'\nimport MediumIcon from '../images/Medium-icon.svg'\nimport Seo from '../components/SEO';\n\nconst ContactPage = ({location})=>{\n    const pathname = location.pathname\n    const data = useStaticQuery(graphql`\n    query {\n        contentfulAsset (id: {eq: \"398d964c-c0d9-572e-8785-53fd54136985\"})\n            {description\n            gatsbyImageData (\n                placeholder: NONE\n                quality: 100\n                width: 800\n                formats: [AUTO, WEBP]\n            )\n            }\n        }\n    `)\n    return (\n        <Layout pathname={pathname}>\n            <Seo title=\"Contact\"/>\n            <ContactGrid>\n            <motion.div className=\"contact_page_image\" whileHover=\"hover\" whileTap=\"hover\" initial=\"rest\" animate=\"rest\">\n                <ContactPageImage image={data.contentfulAsset.gatsbyImageData} alt={data.contentfulAsset.description}/>\n                <ProjectOverlay variants={HoverMotion}>\n                    <h4>Illustration</h4>\n                    <h5>Copenhagen</h5>\n                </ProjectOverlay>\n            </motion.div>\n            \n            <div className=\"contact-text\">\n                <div className=\"content\">\n                    <Title>Bogna Anna</Title>\n                    <p>bognaanna.design@gmail.com</p>\n                    <p className=\"description\">\n                        Previously living in Milan, Stockholm and Lodz, I am now based in Copenhagen, where I am looking forward to get my hands on design projects and hear about new opportunities.\n                    </p>\n                    <p  className=\"description\">\n                        You are welcome to contact me with an inquiry about my design services and to talk about design ideas. Just <span className=\"underlined\"><a href=\"mailto:bognaanna.design@gmail.com\">drop me a line!</a><Line color='rgba(230, 102, 54, 0.5)'/></span>\n                    </p>\n                    <p>\n                    I am happy to connect with other designers, take part in and support design & art events and film festivals.\n                    </p>\n                </div>\n                <div className=\"social-icons\">\n                    <a href=\"https://dk.linkedin.com/in/bogna-anna-gebalska\" title=\"Linkedin Profile\"><img src={LinkedinIcon} alt=\"Linkedin Icon linking to Bogna's profile\"/></a>\n                    <a href=\"https://issuu.com/bognaannagebalska\" title=\"Portfolio on Issuu\"><img src={IssuuIcon} alt=\"Issue Icon linking to Bogna's profile\"/></a>\n                    <a href=\"https://bognaanna.medium.com/\" title=\"Medium Blog\"><img src={MediumIcon} alt=\"Medium Icon linking to Bogna's profile\"/></a>\n                </div>\n            </div>\n            </ContactGrid>\n            \n        </Layout>\n        \n    )\n}\n\nconst ContactGrid = styled.section`\n    margin-top: 4rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-column-gap: 4.545%;\n    grid-template-rows: max-content;\n    h4 {\n        text-transform: uppercase;\n    }\n    .contact_page_image{\n        position: relative;\n        grid-column: 1 /span 2;\n    }\n    .contact-text {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n    .description {\n        margin: clamp(1rem, 1.5vw, 1.5rem) 0;\n    }\n    .social-icons {\n        display: flex;\n        align-items: flex-end;\n        margin-top: 1.5rem;\n        a {\n            margin-right: 1.5rem;\n        }\n    }\n    .underlined {\n        position: relative;\n    }\n    @media (max-width: 54rem) {\n        margin-top: 3rem;\n        grid-template-columns: 1fr 1fr;\n        .contact_page_image {\n            grid-column: 1 / span 1;\n        }\n        .social-icons{\n            margin-top: 3vw;\n        }\n    }\n    @media (max-width: 36rem) {\n        grid-template-columns: 1fr;\n        grid-column-gap: 0;\n        grid-row-gap: 3.75rem;\n    }\n    \n`\n\nconst ContactPageImage = styled(GatsbyImage)`\n    grid-column: 1 / span 2;\n    \n`\n\nconst Line = styled.span`\n    position: absolute;\n    right: 0;\n    bottom: -30%;\n    height: clamp(0.83rem, 1.041vw, 1.25rem);\n    z-index: -1;\n    width: 100%;\n    background-color: ${props => props.color};\n`\n\n\nexport default ContactPage","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzcwNzA3MCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNC45OCAzLjVjMCAxLjM4MS0xLjExIDIuNS0yLjQ4IDIuNXMtMi40OC0xLjExOS0yLjQ4LTIuNWMwLTEuMzggMS4xMS0yLjUgMi40OC0yLjVzMi40OCAxLjEyIDIuNDggMi41em0uMDIgNC41aC01djE2aDV2LTE2em03Ljk4MiAwaC00Ljk2OHYxNmg0Ljk2OXYtOC4zOTljMC00LjY3IDYuMDI5LTUuMDUyIDYuMDI5IDB2OC4zOTloNC45ODh2LTEwLjEzMWMwLTcuODgtOC45MjItNy41OTMtMTEuMDE4LTMuNzE0di0yLjE1NXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjNzA3MDcwIj4KPGc+Cgk8cGF0aCBkPSJNMjEuMywwQzkuNSwwLDAsOS41LDAsMjEuM1YyNTZjMCwxNDEuNCwxMTQuNiwyNTYsMjU2LDI1NnMyNTYtMTE0LjYsMjU2LTI1NlMzOTcuNCwwLDI1NiwwSDIxLjN6IE0yNTkuNSw3Ni40CgkJYzk4LjIsMC45LDE3Nyw4MS4zLDE3Ni4yLDE3OS40Yy0xLDk4LjItODEuMywxNzYuOS0xNzkuNCwxNzZjLTk4LjEtMC45LTE3Ny04MS4zLTE3Ni4xLTE3OS4zQzgxLjEsMTU0LjQsMTYxLjQsNzUuNSwyNTkuNSw3Ni40CgkJTDI1OS41LDc2LjR6IE0yNTguOSwxMjQuOGMtNzEuOS0wLjYtMTMwLjcsNTcuMi0xMzEuMywxMjljLTAuNyw3MS45LDU3LjEsMTMwLjgsMTI5LjEsMTMxLjVjMzQuNSwwLjMsNjcuNy0xMy4yLDkyLjMtMzcuMwoJCWMyNC43LTI0LjIsMzguNy01Ny4yLDM4LjktOTEuN2MwLjctNzEuOS01Ny0xMzAuOC0xMjguOC0xMzEuNUwyNTguOSwxMjQuOHogTTI1OC40LDE4OS4xYzM2LjQsMC40LDY1LjcsMzAuMyw2NS40LDY2LjcKCQljLTAuMywzNi40LTMwLjIsNjUuNy02Ni42LDY1LjNDMTY5LjMsMzIwLjIsMTcwLjUsMTg4LjMsMjU4LjQsMTg5LjFMMjU4LjQsMTg5LjF6Ii8+CjwvZz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjNzA3MDcwIiB2aWV3Qm94PSIwIDAgMTE1MSAxMTUxIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0yNDYuMjI2LC0xLjMzNjMxKSI+PHBhdGggZD0iTTg4My40NSw1NzYuMjZDODgzLjQ1LDczOS45MyA3NTEuNjcsODcyLjYxIDU4OS4xMiw4NzIuNjFDNDI2LjU3LDg3Mi42MSAyOTQuNzgsNzM5LjkzIDI5NC43OCw1NzYuMjZDMjk0Ljc4LDQxMi41OSA0MjYuNTYsMjc5LjkgNTg5LjEyLDI3OS45Qzc1MS42OCwyNzkuOSA4ODMuNDUsNDEyLjU5IDg4My40NSw1NzYuMjYiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMjQ2LjIyNiwtMS4zMzYzMSkiPjxwYXRoIGQ9Ik0xMjA2LjM0LDU3Ni4yNkMxMjA2LjM0LDczMC4zMiAxMTQwLjQ1LDg1NS4yNiAxMDU5LjE3LDg1NS4yNkM5NzcuODksODU1LjI2IDkxMiw3MzAuMzIgOTEyLDU3Ni4yNkM5MTIsNDIyLjIgOTc3Ljg4LDI5Ny4yNiAxMDU5LjE2LDI5Ny4yNkMxMTQwLjQ0LDI5Ny4yNiAxMjA2LjMzLDQyMi4xNiAxMjA2LjMzLDU3Ni4yNiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0yNDYuMjI2LC0xLjMzNjMxKSI+PHBhdGggZD0iTTEzMzguNDEsNTc2LjI2QzEzMzguNDEsNzE0LjI2IDEzMTUuMjQsODI2LjIgMTI4Ni42NSw4MjYuMkMxMjU4LjA2LDgyNi4yIDEyMzQuOSw3MTQuMjkgMTIzNC45LDU3Ni4yNkMxMjM0LjksNDM4LjIzIDEyNTguMDcsMzI2LjMyIDEyODYuNjUsMzI2LjMyQzEzMTUuMjMsMzI2LjMyIDEzMzguNDEsNDM4LjIyIDEzMzguNDEsNTc2LjI2IiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTI0Ni4yMjYsLTEuMzM2MzEpIj48cGF0aCBkPSJNMTYzMy43NywwTDEzMzcuNDgsMEwxMzM3LjQ4LDAuMjVMMjk2LjI5LDAuMjVMMjk2LjI5LDBMLTAsMEwtMCwxMTUwLjA3TDExOS41MSwxMTUwLjA3TDExOS41MSwxMTUwLjUxTDE1MjkuOTIsMTE1MC41MUwxNTI5LjkyLDExNTAuMDdMMTYzMy43NywxMTUwLjA3TDE2MzMuNzcsMFpNMTMzNy40OCwyOTYuNTRMMTMzNy40OCw4NTQuMjFMMjk2LjI5LDg1NC4yMUwyOTYuMjksMjk2LjU0TDEzMzcuNDgsMjk2LjU0WiIgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L2c+PC9zdmc+\""],"sourceRoot":""}