component---src-pages-contact-tsx-40e9ba0cc1db2a61f88a.js.map

{"version":3,"file":"component---src-pages-contact-tsx-40e9ba0cc1db2a61f88a.js","mappings":"2KAGWA,EAAU,gCCsCd,SAASC,EAAOC,GAMrB,OACE,uBAAKC,UD5CoB,yCC6CvB,uBAAKA,UD5Ca,oCC6ChB,qBAAGA,UAAWD,EAAME,UAAWC,MAAO,CAACC,SAAS,OAAQC,MAAO,WAEjE,qBAAGF,MAAO,CAAEE,MAAO,YAAcL,EAAMM,MACvC,qBAAGC,KAAMP,EAAMQ,IAAKL,MAAO,CAAEE,MAAO,YACjCL,EAAMS,UChDA,SAASC,EAAQV,GAC9B,OACE,2BAASW,GAAG,aAAaV,UAAWW,EAAAA,IAClC,sBAAIX,UAAWY,EAAAA,GAAeV,MAAO,CAAEW,UAAW,SAAlD,cAGA,uBAAKb,UFVa,oCEWhB,uBAAKA,UAAWc,EAAeZ,MAAO,CAAEa,YAAa,UACrD,wBAAMf,UAAU,iBAAiBE,MAAO,CAAEC,SAAU,SAApD,QAGA,uBAAKH,UAAWc,EAAeZ,MAAO,CAAEc,WAAY,WAEtD,uBAAKhB,UFbY,kCEcf,gBAACF,EAAD,CACEG,UAAU,kBACVI,KAAK,QACLE,IAAI,8BACJC,QAAQ,iBAEV,gBAACV,EAAD,CACEG,UAAU,kBACVI,KAAK,WACLE,IAAI,2DACJC,QAAQ,qBAEV,gBAACV,EAAD,CACEG,UAAU,iBACVI,KAAK,UACLE,IAAI,iCACJC,QAAQ,eAEV,gBAACV,EAAD,CACEG,UAAU,wBACVI,KAAK,WACLE,IAAI,8BACJC,QAAQ,kBAEV,gBAACV,EAAD,CACEG,UAAU,gBACVI,KAAK,SACLE,IAAI,+BACJC,QAAQ,gB,6DC5CZS,EAAc,WAChB,OACI,uBAAKf,MAAO,CAACgB,OAAQ,SACjB,gBAAC,IAAD,QAKZD,EAAYE,OAASA,EAAAA,EAErB","sources":["webpack://victor-cortes/./src/components/contact/style.module.css","webpack://victor-cortes/./src/components/contact/option.tsx","webpack://victor-cortes/./src/components/contact/contact.tsx","webpack://victor-cortes/./src/pages/contact.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var contactMe = \"style-module--contact-me--1nfdC\";\nexport var starHeader = \"style-module--star-header--3eKDj\";\nexport var starBar = \"style-module--star-bar--3we-j\";\nexport var methodContainer = \"style-module--method-container--3891U\";\nexport var iconCircle = \"style-module--icon-circle--19a0L\";\nexport var container = \"style-module--container--11cqo\";","import React from \"react\";\nimport { iconCircle, methodContainer } from \"./style.module.css\";\n\nexport function OptionMaterial(props: {\n  materialIcon: string;\n  text: string;\n  url: string;\n  urlText: string;\n}) {\n  return (\n    <div className={methodContainer}>\n      <div className={iconCircle}>\n        <span className=\"material-icons\" style={{color:\"#FFF\"}}>{props.materialIcon}</span>\n      </div>\n      <p style={{ color: \"#ECFF6A\" }}>{props.text}</p>\n      <a href={props.url} style={{ color: \"black\" }}>\n        {props.urlText}\n      </a>\n    </div>\n  );\n}\n\nexport function OptionFontAwesome(props: {\n  materialIcon: string;\n  text: string;\n  url: string;\n  urlText: string;\n}) {\n  return (\n    <div className={methodContainer}>\n      <div className={iconCircle}>\n        <span className=\"material-icons\">{props.materialIcon}</span>\n      </div>\n      <p style={{ color: \"#FE8115\" }}>{props.text}</p>\n      <a href={props.url} style={{ color: \"#FFFFFF\" }}>\n        {props.urlText}\n      </a>\n    </div>\n  );\n}\n\nexport function Option(props: {\n  fontClass: string;\n  text: string;\n  url: string;\n  urlText: string;\n}) {\n  return (\n    <div className={methodContainer}>\n      <div className={iconCircle}>\n        <i className={props.fontClass} style={{fontSize:\"20pt\", color: \"#FFF\"}}></i>\n      </div>\n      <p style={{ color: \"#FE8115\" }}>{props.text}</p>\n      <a href={props.url} style={{ color: \"#FFFFFF\" }}>\n        {props.urlText}\n      </a>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { sectionHeader } from \"../global.module.css\";\nimport { OptionMaterial, Option } from \"./option\";\nimport * as Style from \"./style.module.css\";\nimport * as Global from \"../global.module.css\";\n\nexport default function Contact(props) {\n  return (\n    <section id=\"contact-me\" className={Global.pageSectionContact}>\n      <h1 className={sectionHeader} style={{ marginTop: \"60px\" }}>\n        Contact Me\n      </h1>\n      <div className={Style.starHeader}>\n        <div className={Style.starBar} style={{ marginRight: \"10px\" }}></div>\n        <span className=\"material-icons\" style={{ fontSize: \"24pt\" }}>\n          star\n        </span>\n        <div className={Style.starBar} style={{ marginLeft: \"10px\" }}></div>\n      </div>\n      <div className={Style.container}>\n        <Option\n          fontClass=\"fas fa-envelope\"\n          text=\"EMAIL\"\n          url=\"mailto:sparkong02@gmail.com\"\n          urlText=\"Write to me!\"\n        />\n        <Option\n          fontClass=\"fab fa-linkedin\"\n          text=\"LINKEDIN\"\n          url=\"https://mx.linkedin.com/in/victor-alfonso-cortes-marquez\"\n          urlText=\"Connect with me!\"\n        />\n        <Option\n          fontClass=\"fab fa-twitter\"\n          text=\"TWITTER\"\n          url=\"https://twitter.com/sparking02\"\n          urlText=\"Follow me!\"\n        />\n        <Option\n          fontClass=\"fab fa-telegram-plane\"\n          text=\"TELEGRAM\"\n          url=\"https://t.me/VictorCortes95\"\n          urlText=\"Chat with me!\"\n        />\n        <Option\n          fontClass=\"fab fa-github\"\n          text=\"GITHUB\"\n          url=\"https://github.com/Sparking2\"\n          urlText=\"My Code\"\n        />\n      </div>\n    </section>\n  );\n}\n","import * as React from 'react';\nimport Contact from '../components/contact/contact';\nimport Layout from '../components/layout';\n\nconst ContactPage = () => {\n    return(\n        <div style={{margin: \"10px\"}}>\n            <Contact />\n        </div>\n    );\n}\n\nContactPage.Layout = Layout;\n\nexport default ContactPage;"],"names":["starBar","Option","props","className","fontClass","style","fontSize","color","text","href","url","urlText","Contact","id","Global","sectionHeader","marginTop","Style","marginRight","marginLeft","ContactPage","margin","Layout"],"sourceRoot":""}