{"version":3,"sources":["webpack:///./src/components/Home.vue?4c4e","webpack:///./src/components/About.vue?73e3","webpack:///src/components/About.vue","webpack:///./src/components/About.vue?98da","webpack:///./src/components/About.vue","webpack:///src/components/Home.vue","webpack:///./src/components/Home.vue?2501","webpack:///./src/components/Home.vue","webpack:///./src/components/Home.vue?38e0","webpack:///./src/components/About.vue?3236"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","_m","_v","name","component","components","About","Skills","Contact"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,WAAW,UAAU,kBAAkB,MAAM,iBAAiB,KAAK,oBAAoB,MAAM,kBAAkB,iBAAiBH,EAAG,SAAS,CAACG,MAAM,CAAC,WAAW,UAAU,kBAAkB,MAAM,iBAAiB,KAAK,oBAAoB,MAAM,kBAAkB,iBAAiBH,EAAG,UAAU,CAACG,MAAM,CAAC,WAAW,UAAU,iBAAiB,KAAK,oBAAoB,MAAM,kBAAkB,kBAAkB,IACxiBC,EAAkB,GCDlB,G,UAAS,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAIK,MAAMD,GAAO,OAAOJ,EAAIS,GAAG,KACnG,EAAkB,CAAC,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACJ,EAAIU,GAAG,YAAYN,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,iBAAiBV,EAAIU,GAAG,+DAA+DN,EAAG,IAAI,CAACJ,EAAIU,GAAG,qGAAqGN,EAAG,IAAI,CAACJ,EAAIU,GAAG,+BAA+BN,EAAG,MAAMJ,EAAIU,GAAG,sBAAsBN,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,+BAA+B,CAACH,EAAG,OAAO,CAACE,YAAY,OAAOC,MAAM,CAAC,GAAK,SAAS,CAACP,EAAIU,GAAG,6BCehoB,GACAC,KAAA,SCjB+U,I,wBCQ3UC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCOf,qEACA,qEACA,GACED,KAAM,OACNE,WAAY,CACVC,MAAJ,EACIC,OAAJ,EACIC,QAAJ,ICjC8U,ICQ1U,G,UAAY,eACd,EACAjB,EACAS,GACA,EACA,KACA,KACA,OAIa,e,sECnBf,yBAA2c,EAAG,G,2DCA9c,yBAA4c,EAAG","file":"js/chunk-507c1f9a.67fdd4c6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home-content\"},[_c('about',{attrs:{\"data-aos\":\"fade-in\",\"data-aos-offset\":\"200\",\"data-aos-delay\":\"50\",\"data-aos-duration\":\"500\",\"data-aos-easing\":\"ease-in-out\"}}),_c('skills',{attrs:{\"data-aos\":\"fade-up\",\"data-aos-offset\":\"100\",\"data-aos-delay\":\"50\",\"data-aos-duration\":\"900\",\"data-aos-easing\":\"ease-in-out\"}}),_c('contact',{attrs:{\"data-aos\":\"fade-in\",\"data-aos-delay\":\"50\",\"data-aos-duration\":\"800\",\"data-aos-easing\":\"ease-in-out\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('div',{staticClass:\"paragraph\"},[_c('p',[_vm._v(\"Hi! I'm \"),_c('span',{staticClass:\"name\"},[_vm._v(\"Susie Ward,\")]),_vm._v(\" a passionate front-end developer based in Nashville, TN.\")]),_c('p',[_vm._v(\"I specialize in building SEO-friendly single-page web apps and RESTful APIs from the ground up.\")]),_c('p',[_vm._v(\"Work portfolio coming soon.\"),_c('br'),_vm._v(\" In the meantime, \"),_c('a',{attrs:{\"href\":\"mailto:hello@susieward.dev\"}},[_c('span',{staticClass:\"name\",attrs:{\"id\":\"link\"}},[_vm._v(\"get in touch.\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n<div class=\"about\">\n    <div class=\"paragraph\">\n        <p>Hi! I'm <span class=\"name\">Susie Ward,</span>\n          a passionate front-end developer based in Nashville, TN.</p>\n        <p>I specialize in building SEO-friendly single-page web apps and RESTful APIs from the ground up.</p>\n\n        <p>Work portfolio coming soon.<br>\n            In the meantime, <a href=\"mailto:hello@susieward.dev\"><span class=\"name\" id=\"link\">get in touch.</span></a>\n        </p>\n    </div>\n\n</div>\n\n</template>\n<script>\nexport default {\nname: 'About'\n}\n</script>\n<style>\n\n.about {\ngrid-area: about;\ndisplay: grid;\njustify-content: flex-start;\n\nalign-content: center;\nmargin-bottom: 4px;\nwidth: 100vw;\nmax-height: 100vh;\nbackground-color:  #f0bfb3;\n}\n\n    .about a {\n    border-bottom: none;\n    }\n\n.paragraph {\ngrid-area: p;\nwidth: 600px;\nmin-width: auto;\nfont-size: 28px;\nline-height: 46px;\nletter-spacing: 0.02em;\ncolor: #fff;\npadding-left: 65px;\npadding-top: 30px;\npadding-right: 20px;\npadding-bottom: 30px;\nfont-weight: 300;\n\n}\n\n.icons {\ngrid-area: icons;\ndisplay: grid;\ngrid-template-columns: auto auto;\ngrid-gap: 15px;\nborder: 1px solid #444;\nalign-content: flex-start;\njustify-content: flex-end;\npadding-top: 15px;\npadding-right: 25px;\n}\n\n.about-email {\n  color: #fff;\n}\n.mbri-letter {\nfont-size: 22px;\npadding: 0;\n\n    }\n\n\n    .github-icon {\n    height: 22px;\n    width: 22px;\n    }\n\n    .github {\n        border: none;\n    }\n\n\n    .mbri-github {\n        color: #555;\nfont-size: 28px;\nmargin: auto;\npadding: 0;\n    }\n\n\n\n\n    .name {\n    display: inline-block;\n    background-color: #fff;\n    color:  #F08080;\n\n    margin-right: 2px;\n    margin-left: 2px;\n    padding:2px 9px;\n    }\n\n\n    #link {\n    background-color: #fff;\n        color: #F08080;\n        transition: 0.3s;\n    }\n\n    #link:hover {\n    background-color: #F08080;\n    color: #fff;\n    }\n\n@media screen and (max-width: 700px){\n\n\n    .paragraph {\nmax-width: 450px;\nmin-width: auto;\nfont-size: 23px;\n    line-height: 30px;\nletter-spacing: 0.02em;\n\n\n}\n}\n\n\n@media screen and (max-width: 400px){\n    .paragraph {\nmax-width: 350px;\nmin-width: auto;\nfont-size: 20px;\nline-height: 30px;\nletter-spacing: 0.02em;\npadding: 20px;\n\n\n}\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=46a3cec6&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"home-content\">\n    <about\n      data-aos=\"fade-in\"\n      data-aos-offset=\"200\"\n      data-aos-delay=\"50\"\n      data-aos-duration=\"500\"\n      data-aos-easing=\"ease-in-out\">\n    </about>\n    <skills\n      data-aos=\"fade-up\"\n      data-aos-offset=\"100\"\n      data-aos-delay=\"50\"\n      data-aos-duration=\"900\"\n      data-aos-easing=\"ease-in-out\">\n    </skills>\n    <contact\n      data-aos=\"fade-in\"\n      data-aos-delay=\"50\"\n      data-aos-duration=\"800\"\n      data-aos-easing=\"ease-in-out\">\n    </contact>\n  </div>\n</template>\n<script>\nimport About from '@/components/About.vue'\nconst Skills = () => import('@/components/Skills.vue')\nconst Contact = () => import('@/components/Contact.vue')\nexport default {\n  name: 'Home',\n  components: {\n    About,\n    Skills,\n    Contact\n  }\n}\n</script>\n<style>\n.home-content {\n  display: grid;\n  grid-gap: 75px;\n  justify-content: center;\n  grid-template-areas: \"about about\"\n                    \"background background\"\n                    \"skills skills\"\n                    \"work work\"\n                    \"contact contact\";\n}\n\n@media screen and (max-width: 700px){\n.home-content {\n    grid-gap: 50px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=c0bbb3b4&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}