component---src-pages-contact-dark-index-js-3532a833b8b3de5b4122.js.map

{"version":3,"sources":["webpack:///./src/pages/contact/dark/index.js","webpack:///./static/Basel Saleh Resume.pdf","webpack:///./src/components/forms/index.js"],"names":["activeTab","lState","className","Title","level","type","href","Resume","download","module","exports","MyForm","useState","submitting","status","serverState","setServerState","handleServerResponse","ok","msg","form","reset","onSubmit","e","preventDefault","target","axios","method","url","data","FormData","then","r","catch","response","error","name","id","aria-describedby","placeholder","required","rows","disabled"],"mappings":"2FAAA,yFAMe,4BACb,kBAAC,IAAD,CAAeA,UAAY,IAAIC,QAAQ,GACrC,yBAAKC,UAAU,8BACb,kBAAC,IAAWC,MAAZ,CAAkBD,UAAU,sBAA5B,yBAGA,kBAAC,IAAWC,MAAZ,CAAkBC,MAAO,EAAGF,UAAU,iBAAtC,qMAGA,yBAAKG,KAAK,SAASH,UAAU,kBAC7B,uBAAGI,KAAMC,IAAQC,SAAS,0BAC1B,4BAAQH,KAAK,SAASH,UAAU,gBAAhC,wBAGA,kBAAC,IAAD,U,qBCpBNO,EAAOC,QAAU,IAA0B,kE,kCCA3C,gFAsEiBC,IAjEF,WAEX,MAAsCC,mBAAS,CAC7CC,YAAY,EACZC,OAAQ,OAFHC,EAAP,KAAoBC,EAApB,KAIMC,EAAuB,SAACC,EAAIC,EAAKC,GACrCJ,EAAe,CACbH,YAAY,EACZC,OAAQ,CAAEI,KAAIC,SAEZD,GACFE,EAAKC,SAmBT,OAGK,yBAAKhB,KAAK,SAASH,UAAU,kBAC1B,wBAAIA,UAAU,sBAAd,8BACA,0BAAMoB,SArBS,SAAAC,GACrBA,EAAEC,iBACF,IAAMJ,EAAOG,EAAEE,OACfT,EAAe,CAAEH,YAAY,IAC7Ba,IAAM,CACJC,OAAQ,OACRC,IAAK,4DACLC,KAAM,IAAIC,SAASV,KAElBW,MAAK,SAAAC,GACJf,GAAqB,EAAM,UAAWG,MAEvCa,OAAM,SAAAD,GACLf,GAAqB,EAAOe,EAAEE,SAASL,KAAKM,MAAOf,QASjD,yBAAKlB,UAAU,cACf,kBAAC,IAAWC,MAAZ,CAAkBC,MAAO,EAAGF,UAAU,iBAAtC,iBACI,2BAAOG,KAAK,QAAQ+B,KAAK,QAAQlC,UAAU,eAAemC,GAAG,qBAAqBC,mBAAiB,YAAYC,YAAY,gBAE/H,yBAAKrC,UAAU,cACf,kBAAC,IAAWC,MAAZ,CAAkBC,MAAO,EAAGF,UAAU,iBAAtC,QACI,2BAAOG,KAAK,OAAO+B,KAAK,OAAOlC,UAAU,eAAemC,GAAG,mBAAmBE,YAAY,YAAYC,SAAS,cAEnH,yBAAKtC,UAAU,cACf,kBAAC,IAAWC,MAAZ,CAAkBC,MAAO,EAAGF,UAAU,iBAAtC,WACI,8BAAUG,KAAK,OAAO+B,KAAK,UAAUlC,UAAU,eAAemC,GAAG,mBAAmBE,YAAY,eAAeE,KAAK,IAAID,SAAS,cAErI,4BAAQnC,KAAK,SAASH,UAAU,eAAgBwC,SAAU3B,EAAYF,YAAtE,UAGCE,EAAYD,QACT,uBAAGZ,UAAYa,EAAYD,OAAOI,GAAkB,GAAb,YACtCH,EAAYD,OAAOK","file":"component---src-pages-contact-dark-index-js-3532a833b8b3de5b4122.js","sourcesContent":["import React from 'react'\r\nimport { Typography } from 'antd'\r\nimport LandingLayout from '@layouts/LandingLayout'\r\nimport MyForm from '@components/forms'\r\nimport Resume from '@static/Basel Saleh Resume.pdf'\r\n\r\nexport default () => (\r\n  <LandingLayout activeTab = '3' lState={true}>\r\n    <div className='flex flex-col items-center'>\r\n      <Typography.Title className='text-primary-color'>\r\n        I'm looking for work!\r\n      </Typography.Title>\r\n      <Typography.Title level={4} className='text-gray-600'>\r\n        I have experience in embedded software engineering, software validation and test driven design. I am proficient in Python, C++, Java, Android and React.JS and I'm learning new skills every day. \r\n      </Typography.Title>\r\n      <div type=\"submit\" className=\"col-md-12 mt-5\">\r\n      <a href={Resume} download=\"Basel Saleh Resume.pdf\">\r\n      <button type='button' className=\"btn btn-dark\">Download my resume</button>\r\n      </a>\r\n      </div>\r\n      <MyForm/>\r\n      {/*<div class=\"col-md-6 offset-md-3 mt-5\">\r\n        <h1>Contact me</h1>\r\n        <form accept-charset=\"UTF-8\" action=\"https://getform.io/f/2385bd8d-e1db-4320-a546-55b77024cc88\" method=\"POST\" target=\"_blank\">\r\n          <div class=\"form-group\">\r\n            <label for=\"exampleInputName\">Full Name</label>\r\n            <input type=\"text\" name=\"fullname\" class=\"form-control\" id=\"exampleInputName\" placeholder=\"Enter your name and surname\" required=\"required\"/>\r\n          </div>\r\n          <div class=\"form-group\">\r\n            <label for=\"exampleInputEmail1\" required=\"required\">Email address</label>\r\n            <input type=\"email\" name=\"email\" class=\"form-control\" id=\"exampleInputEmail1\" aria-describedby=\"emailHelp\" placeholder=\"Enter your email address\"/>\r\n          </div>\r\n          <div class=\"form-group\">\r\n            <label for=\"exampleFormControlSelect1\">Your Message</label>\r\n            <textarea class=\"form-control\" rows=\"5\" name=\"message\" id=\"message\" placeholder=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum porta venenatis. Morbi ultricies molestie felis. Maecenas auctor orci tincidunt lectus bibendum rutrum. Integer feugiat aliquet metus, et bibendum sem ornare et. Curabitur est arcu, vehicula eget orci eu, scelerisque volutpat sapien. Curabitur eget urna vel ligula dictum mattis eu vel urna. Donec quis volutpat augue, a scelerisque diam. Nulla facilisi. Aliquam facilisis ornare ligula, ut ultrices quam malesuada id.\" required=\"\"></textarea>\r\n          </div>          \r\n          <button type=\"submit\" class=\"btn btn-primary\">Submit</button>\r\n        </form>\r\n    </div>*/}\r\n    \r\n    </div>\r\n  </LandingLayout>\r\n)\r\n","module.exports = __webpack_public_path__ + \"static/Basel Saleh Resume-adc4930d423b5500b8a1c3d1cf927fac.pdf\";","import React, { useState }  from \"react\"\r\nimport axios from \"axios\";\r\nimport { Link } from \"gatsby\"\r\nimport Layout from \"../layout\"\r\nimport { Typography } from 'antd'\r\nconst MyForm = () => {\r\n    \r\n    const [serverState, setServerState] = useState({\r\n      submitting: false,\r\n      status: null\r\n    });\r\n    const handleServerResponse = (ok, msg, form) => {\r\n      setServerState({\r\n        submitting: false,\r\n        status: { ok, msg }\r\n      });\r\n      if (ok) {\r\n        form.reset();\r\n      }\r\n    };\r\n    const handleOnSubmit = e => {\r\n      e.preventDefault();\r\n      const form = e.target;\r\n      setServerState({ submitting: true });\r\n      axios({\r\n        method: \"post\",\r\n        url: \"https://getform.io/f/2385bd8d-e1db-4320-a546-55b77024cc88\",\r\n        data: new FormData(form)\r\n      })\r\n        .then(r => {\r\n          handleServerResponse(true, \"Thanks!\", form);\r\n        })\r\n        .catch(r => {\r\n          handleServerResponse(false, r.response.data.error, form);\r\n        });\r\n    };\r\n    return (\r\n\r\n      \r\n         <div type=\"submit\" className=\"col-md-12 mt-5\">\r\n            <h3 className='text-primary-color'>        Contact Me!       </h3>\r\n            <form onSubmit={handleOnSubmit}>\r\n            <div className=\"form-group\">\r\n            <Typography.Title level={4} className='text-gray-600'>Email Address</Typography.Title>\r\n                <input type=\"email\" name=\"email\" className=\"form-control\" id=\"exampleInputEmail1\" aria-describedby=\"emailHelp\" placeholder=\"Your Email\"/>\r\n            </div> \r\n            <div className=\"form-group\">\r\n            <Typography.Title level={4} className='text-gray-600'>Name</Typography.Title>\r\n                <input type=\"text\" name=\"name\" className=\"form-control\" id=\"exampleInputName\" placeholder=\"Your Name\" required=\"required\"/>\r\n            </div>\r\n            <div className=\"form-group\">\r\n            <Typography.Title level={4} className='text-gray-600'>Message</Typography.Title>\r\n                <textarea type=\"text\" name=\"message\" className=\"form-control\" id=\"exampleInputName\" placeholder=\"Your Message\" rows='5' required=\"required\"/>\r\n            </div>\r\n            <button type=\"submit\" className=\"btn btn-dark\"  disabled={serverState.submitting}>\r\n                Submit\r\n            </button>\r\n            {serverState.status && (\r\n                <p className={!serverState.status.ok ? \"errorMsg\" : \"\"}>\r\n                {serverState.status.msg}\r\n                </p>\r\n            )}\r\n            </form>\r\n        </div>\r\n\r\n    \r\n\r\n    );\r\n  };\r\n  \r\n  export default MyForm;"],"sourceRoot":""}