{"version":3,"sources":["webpack:///./src/components/Content.vue?fdaf","webpack:///./src/views/Contact.vue?1b9d","webpack:///./src/components/Content.vue?2d39","webpack:///src/components/Content.vue","webpack:///./src/components/Content.vue?ec27","webpack:///./src/components/Content.vue?05b7","webpack:///./src/components/ContactForm.vue?b038","webpack:///./src/views/Contact.vue?a186","webpack:///./src/components/ContactForm.vue?3ae7","webpack:///src/components/ContactForm.vue","webpack:///./src/components/ContactForm.vue?60d2","webpack:///./src/components/ContactForm.vue?521f","webpack:///src/views/Contact.vue","webpack:///./src/views/Contact.vue?5b1c","webpack:///./src/views/Contact.vue?6aac"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","name","component","_v","attrs","path","hash","scopedSlots","_u","key","fn","ref","invalid","handleSubmit","class","disabled","sending","sent","on","$event","preventDefault","onSubmit","errors","directives","rawName","value","form","expression","hasError","domProps","target","composing","$set","_s","buttonText","_e","data","email","message","potterhoneeey","onlylocaldebug","userecaptcha","scriptRoot","macro","computed","methods","components","ValidationProvider","ValidationObserver","Snackbar","Content","ContactForm","metaInfo","title","meta"],"mappings":"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","file":"js/contact.946f8fa0.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Content.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Content.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"content\"},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"content\">\n    <slot></slot>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: 'Content'\n}\n</script>\n\n<style lang=\"scss\">\n.content{\n  color: var(--color-content-text);\n  padding: 0 24px 40px 24px;\n\n  @media (min-width: $S) {\n      padding: 0 30px 50px 30px;\n  }\n\n  a{\n    font-family: Averia;    \n  }\n  a:not(:hover){\n    color: var(--color-content-links);\n  }\n\n  &.narrow{\n    max-width: 500px;\n    margin: 0 auto;\n  }\n\n  h1, \n  h2,\n  h3{\n    font-family: Averia, Cambria, 'Times New Roman', serif;    \n  }\n\n  h1,h2 {      \n    margin-top: 60px;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  h1,h2,h3 {\n    &.background {\n      position: relative;\n      z-index: 1;\n      \n      &:before {\n          border-top: 1px dotted #a0a0a0;\n          content:\"\";\n          margin: 0 auto; /* this centers the line to the full width specified */\n          position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */\n          top: 50%; left: 0; right: 0; bottom: 0;\n          width: 100%;\n          z-index: -1;\n      }\n\n      span { \n          /* to hide the lines from behind the text, you have to set the background color the same as the container */ \n          background: #fff; \n          padding: 0 15px; \n      }\n    }\n  }\n\n  h1{\n    font-size: 36px;\n  }\n\n  h2{\n    font-size: 28px;\n  }  \n\n  h3{\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  p {\n    max-width: 700px;\n    line-height: 24px;\n    font-size: 18px;\n    text-align: justify;\n    margin: 0 auto;\n    letter-spacing: -1px;  // TODO consider -1 or -0.5\n\n    @media (max-width: 360px) {\n        font-size: 16px;\n    }\n\n    @media (min-width: 480px) {\n        letter-spacing: normal;\n    }\n  }\n\n  section{\n    max-width: 700px;\n    margin: 0 auto;\n\n    p {\n      line-height: 22px;\n      font-size: 16px;\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!./Content.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!./Content.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Content.vue?vue&type=template&id=19949cf8&\"\nimport script from \"./Content.vue?vue&type=script&lang=js&\"\nexport * from \"./Content.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Content.vue?vue&type=style&index=0&lang=scss&\"\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--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactForm.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactForm.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_c('Content',{staticClass:\"contact-content\"},[_c('h1',[_vm._v(\"we'd like to hear from you!\")])]),_c('ContactForm'),_c('div',{staticClass:\"social\"},[_c('a',{attrs:{\"href\":\"https://www.facebook.com/cityphography\",\"target\":\"_blank\"}},[_vm._v(\"facebook\")]),_c('span',[_vm._v(\"|\")]),_c('a',{attrs:{\"href\":\"https://www.instagram.com/cityphography\",\"target\":\"_blank\"}},[_vm._v(\"instagram\")]),_c('br'),_c('span',{staticClass:\"hashtag\"},[_vm._v(\"#cityphography\")]),_c('p',[_vm._v(\"For frequently asked questions see the \"),_c('router-link',{attrs:{\"to\":{path: '/about', hash: '#faq'}}},[_vm._v(\"info\")]),_vm._v(\" page.\")],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ValidationObserver',{attrs:{\"tag\":\"div\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nvar handleSubmit = ref.handleSubmit;\nreturn [_c('form',{ref:\"form\",staticClass:\"contactform\",class:{disabled: _vm.sending || _vm.sent},attrs:{\"method\":\"POST\",\"spellcheck\":\"false\"},on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.onSubmit)}}},[_c('ValidationProvider',{staticClass:\"inputrow\",attrs:{\"name\":\"name\",\"rules\":\"required\",\"tag\":\"div\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.name),expression:\"form.name\"}],class:{hasError: errors[0]},attrs:{\"name\":\"name\",\"type\":\"text\",\"novalidate\":\"\",\"placeholder\":\"name\",\"autocomplete\":\"off\",\"disabled\":_vm.sending || _vm.sent},domProps:{\"value\":(_vm.form.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"name\", $event.target.value)}}}),_c('label',{attrs:{\"for\":\"name\"}},[_c('span',[_vm._v(\"your\")]),_vm._v(\"name\")]),_c('span',{staticClass:\"errormessage\",class:{hasError: errors[0]}},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('ValidationProvider',{staticClass:\"inputrow\",attrs:{\"name\":\"email\",\"rules\":\"required\",\"tag\":\"div\",\"mode\":\"eager\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"}],class:{hasError: errors[0]},attrs:{\"name\":\"email\",\"type\":\"email\",\"novalidate\":\"\",\"placeholder\":\"email\",\"disabled\":_vm.sending || _vm.sent},domProps:{\"value\":(_vm.form.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"email\", $event.target.value)}}}),_c('label',{attrs:{\"for\":\"email\"}},[_c('span',[_vm._v(\"your\")]),_vm._v(\" email\")]),_c('span',{staticClass:\"errormessage\",class:{hasError: errors[0]}},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('ValidationProvider',{staticClass:\"inputrow\",attrs:{\"name\":\"message\",\"rules\":\"required\",\"tag\":\"div\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.message),expression:\"form.message\"}],class:{hasError: errors[0]},attrs:{\"name\":\"message\",\"type\":\"text\",\"novalidate\":\"\",\"placeholder\":\"message\",\"disabled\":_vm.sending || _vm.sent},domProps:{\"value\":(_vm.form.message)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"message\", $event.target.value)}}}),_vm._v(\" \"),_c('label',{attrs:{\"for\":\"message\"}},[_c('span',[_vm._v(\"your\")]),_vm._v(\" message\")]),_c('span',{staticClass:\"errormessage text\",class:{hasError: errors[0]}},[_vm._v(_vm._s(errors[0]))])]}}],null,true)}),_c('div',{staticClass:\"inputrow potterhoneeey\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.potterhoneeey),expression:\"form.potterhoneeey\"}],attrs:{\"name\":\"potterhoneeey\",\"autocomplete\":\"off\",\"type\":\"text\",\"novalidate\":\"\",\"disabled\":_vm.sending || _vm.sent},domProps:{\"value\":(_vm.form.potterhoneeey)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"potterhoneeey\", $event.target.value)}}})]),_c('button',{attrs:{\"type\":\"submit\",\"disabled\":_vm.sending || _vm.sent}},[_vm._v(_vm._s(_vm.buttonText)+\" \"),(_vm.sending)?_c('div',{staticClass:\"spinner\"},[_c('div',{staticClass:\"bounce1\"}),_c('div',{staticClass:\"bounce2\"}),_c('div',{staticClass:\"bounce3\"})]):_vm._e()]),_c('Snackbar',{ref:\"snackbar\"})],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>  \r\n  <ValidationObserver v-slot=\"{ invalid, handleSubmit}\" tag=\"div\">\r\n    <form ref=\"form\" method=\"POST\" @submit.prevent=\"handleSubmit(onSubmit)\" class=\"contactform\" spellcheck=\"false\" :class=\"{disabled: sending || sent}\">\r\n      <ValidationProvider name=\"name\" rules=\"required\" tag=\"div\" class=\"inputrow\" v-slot=\"{ errors }\">\r\n        <input v-model=\"form.name\" name=\"name\" type=\"text\" :class=\"{hasError: errors[0]}\" novalidate placeholder=\"name\" autocomplete=\"off\" :disabled=\"sending || sent\">\r\n        <label for=\"name\"><span>your</span>name</label>\r\n        <span class=\"errormessage\" :class=\"{hasError: errors[0]}\">{{ errors[0] }}</span>\r\n      </ValidationProvider>\r\n\r\n      <ValidationProvider name=\"email\" rules=\"required\" tag=\"div\" mode=\"eager\" class=\"inputrow\" v-slot=\"{ errors }\">\r\n        <input v-model=\"form.email\" name=\"email\" type=\"email\" :class=\"{hasError: errors[0]}\" novalidate placeholder=\"email\" :disabled=\"sending || sent\">\r\n        <label for=\"email\"><span>your</span> email</label>\r\n        <span class=\"errormessage\" :class=\"{hasError: errors[0]}\">{{ errors[0] }}</span>\r\n      </ValidationProvider>\r\n\r\n      <ValidationProvider name=\"message\" rules=\"required\" tag=\"div\" class=\"inputrow\" v-slot=\"{ errors }\">\r\n        <textarea v-model=\"form.message\" name=\"message\" type=\"text\" :class=\"{hasError: errors[0]}\" novalidate placeholder=\"message\" :disabled=\"sending || sent\" />\r\n        <label for=\"message\"><span>your</span> message</label>\r\n        <span class=\"errormessage text\" :class=\"{hasError: errors[0]}\">{{ errors[0] }}</span>\r\n      </ValidationProvider>\r\n\r\n      <div class=\"inputrow potterhoneeey\">\r\n        <input v-model=\"form.potterhoneeey\" name=\"potterhoneeey\" autocomplete=\"off\" type=\"text\" novalidate :disabled=\"sending || sent\">\r\n      </div>\r\n\r\n      <button type=\"submit\" :disabled=\"sending || sent\">{{buttonText}}\r\n        <div class=\"spinner\" v-if=\"sending\">\r\n          <div class=\"bounce1\"></div>\r\n          <div class=\"bounce2\"></div>\r\n          <div class=\"bounce3\"></div>\r\n        </div>\r\n      </button>\r\n\r\n      <Snackbar ref=\"snackbar\" />\r\n    </form>\r\n  </ValidationObserver>  \r\n</template>\r\n\r\n<script>\r\nimport { required, email } from 'vee-validate/dist/rules.umd';\r\nimport { ValidationProvider, ValidationObserver, extend } from 'vee-validate';\r\nimport axios from 'axios';\r\nimport Snackbar from '@/components/Snackbar.vue';\r\n\r\nextend('email', {...email, message: \"Please provide a valid email address.\"});\r\nextend('required', {...required, message:'Your {_field_} is required.'});\r\n\r\nexport default {\r\n  name: 'ContactForm',\r\n  data: function(){\r\n    return {\r\n      form: {\r\n        name: '',\r\n        email: '',\r\n        message: '',\r\n        potterhoneeey: ''\r\n      },\r\n      sending: false,\r\n      sent: false,\r\n      onlylocaldebug: false, //true,\r\n      userecaptcha: false,\r\n      scriptRoot: 'https://script.google.com/macros/s/',\r\n      macro: process.env.VUE_APP_CONTACT_FORM\r\n    }\r\n  },\r\n  computed: {\r\n    buttonText: function(){\r\n      return this.sending ? '' : (this.sent ? 'We got your message!' : 'SEND');\r\n    }\r\n  },\r\n  methods: {\r\n    onSubmit: async function() {\r\n\r\n      if(this.form.potterhoneeey)\r\n        return;\r\n\r\n      this.sending = true; \r\n\r\n      let bodyFormData = new FormData();\r\n      bodyFormData.append('name', this.form.name);\r\n      bodyFormData.append('email', this.form.email);\r\n      bodyFormData.append('message', this.form.message);      \r\n\r\n      if(this.userecaptcha){\r\n        // (optional) Wait until recaptcha has been loaded.\r\n        await this.$recaptchaLoaded();\r\n        const token = await this.$recaptcha('contact');\r\n        // include token in the call to send shit, verify, etc... for now not needed\r\n        console.log(token);\r\n      }\r\n\r\n      if(this.onlylocaldebug)\r\n        setTimeout(() => { this.sending = false; this.sent = true; this.$refs.snackbar.show(\"Message sent\") }, 2000);      \r\n      else{\r\n          await axios({\r\n            method: 'post',\r\n            url: this.scriptRoot + this.macro, \r\n            data: bodyFormData,\r\n            headers: {'Content-Type': 'application/x-www-form-urlencoded' },\r\n            maxRedirects: 0\r\n          })\r\n          .then((/*res*/) => {                    \r\n            this.sent = true;\r\n            this.$refs.snackbar.show('Message sent');\r\n          })\r\n          .catch((error) => {\r\n            // error.response.status Check status code\r\n            this.$refs.snackbar.show(\"Ooops, couldn't send message :( please retry!\", 5000);\r\n            //console.log('contact form sending error: ' + error);\r\n            this.appInsights.trackException({exception: new Error(error)});\r\n          })\r\n          .finally(() => {\r\n            this.sending = false;\r\n          }); \r\n          \r\n          this.appInsights.trackEvent({name: \"ContactForm\", properties: {name: this.form.name, email: this.form.email, message: this.form.message}});\r\n        }     \r\n     }\r\n  },\r\n  components: {\r\n    ValidationProvider, \r\n    ValidationObserver,\r\n    Snackbar\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.contactform{\r\n  max-width: 500px;\r\n  margin: 0 auto;\r\n  padding: 0 30px;\r\n\r\n  .potterhoneeey{\r\n    display: none;\r\n  }\r\n\r\n  &.disabled .inputrow{\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .inputrow{\r\n    min-height: 70px;\r\n    position: relative;\r\n    margin-bottom: 10px;\r\n\r\n    span.errormessage{\r\n      display: block;\r\n      height: 20px;\r\n      line-height: 20px;\r\n      font-size: 12px;\r\n      color: var(--color-error);\r\n      font-family: Averia, Cambria;\r\n      opacity: 0;\r\n\r\n      &.hasError{\r\n        opacity: 1;\r\n        transition: opacity 0.5s;\r\n      }\r\n\r\n      // &:after{\r\n      //   content: '';\r\n      //   position: relative;\r\n      //   width: 100%;\r\n      //   top: -21px;\r\n      //   display: block;\r\n      //   border-bottom: 1px dashed white;\r\n      //   //border-bottom: 1px solid $orange;\r\n      //   transform-origin: center;\r\n      //   transition: transform 0.2s ease;\r\n      //   transform: scaleX(0);     \r\n      // }\r\n\r\n      // &.text:after{\r\n      //   //top: -26px;\r\n      // }\r\n    }\r\n\r\n    label{\r\n      font-family: Averia, Cambria;\r\n      position: absolute;\r\n      color: #a0a0a0;\r\n      left: 0;\r\n      top: -20px;\r\n      font-size: 18px;  \r\n      opacity: 0.5;\r\n      z-index: -1;\r\n      transform: scale(1);\r\n      transform-origin: left;\r\n\r\n      span{\r\n        max-width: 0;\r\n        display: block;\r\n        float: left;\r\n        overflow: hidden;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // chrome autocomplete hack\r\n  input:-webkit-autofill,\r\n  input:-webkit-autofill:hover,\r\n  input:-webkit-autofill:focus,\r\n  input:-webkit-autofill:active  {    \r\n    background-color: transparent;   \r\n    box-shadow: 0 0 0 30px var(--color-bg) inset !important;\r\n    -webkit-box-shadow: 0 0 0 30px var(--color-bg) inset !important;\r\n    -webkit-text-fill-color: var(--color-contact-input-text);\r\n  }\r\n\r\n  input, textarea{ \r\n    width: 100%;\r\n    border: none;\r\n    border-bottom: 1px solid var(--color-contact-input-border); //rgba($color: #a0a0a0, $alpha: 0.5);\r\n    //border-bottom: 1px dashed #a0a0a0;\r\n    font-family: 'Courier New', Courier, monospace;    \r\n    outline: none;\r\n    resize: vertical;\r\n    transition: border-color 0.5s ease;\r\n    padding: 0;   \r\n    background: transparent;   \r\n    user-select: none;  \r\n    color: var(--color-contact-input-text);\r\n\r\n    &::placeholder {\r\n      color: transparent;\r\n    }\r\n\r\n    &:placeholder-shown ~ label {\r\n      cursor: text;\r\n      top: 0px;\r\n      //font-size: 16px;\r\n      transform: scale(0.88);\r\n      transform-origin: left;\r\n\r\n      span{\r\n        max-width: 40px;\r\n        padding-right: 5px;\r\n      }\r\n    }\r\n\r\n    &.hasError{\r\n      color: var(--color-error);\r\n      // border-bottom-color: var(--color-error);\r\n      // &:focus{\r\n      //   border-bottom-color: var(--color-error);\r\n      // }\r\n      //font-weight: bold;\r\n    }\r\n\r\n    &:focus{\r\n      outline: none;\r\n      //border-bottom: 1px solid #a0a0a0;\r\n\r\n      ~ label {\r\n        top: -20px;\r\n        opacity: 1;  \r\n        transform: scale(1);\r\n        transform-origin: left;   \r\n\r\n        span{\r\n          max-width: 0;\r\n          padding-right: 0;\r\n        }     \r\n      }\r\n    }\r\n\r\n    // &:focus ~ span.errormessage:after {      \r\n    //     transform: scaleX(1);      \r\n    // }\r\n  }\r\n\r\n  input{\r\n    font-size: 18px;\r\n    height: 25px;       \r\n  }\r\n\r\n  textarea{\r\n    min-height: 75px;\r\n    font-size: 14px;\r\n    padding-top: 5px;    \r\n  }\r\n\r\n  button{\r\n    width: 100%;\r\n    height: 45px;\r\n    border: none;\r\n    background-color: var(--color-button-bg);\r\n    cursor: pointer;\r\n    line-height: 45px;\r\n    border-radius: 5px;\r\n    outline: none;\r\n    position: relative;\r\n    font-family: Averia, 'courier new';\r\n    user-select: none;\r\n\r\n    &[disabled]{\r\n      font-family: unset;\r\n    }\r\n\r\n    &:hover{\r\n      background-color: var(--color-button-bg-hover);\r\n      color: $orange;\r\n    }\r\n\r\n    &:active{\r\n      background-color: $orange;\r\n      color: white;\r\n    }\r\n  }  \r\n\r\n}\r\n</style>\r\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!./ContactForm.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!./ContactForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactForm.vue?vue&type=template&id=69c343c6&\"\nimport script from \"./ContactForm.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactForm.vue?vue&type=style&index=0&lang=scss&\"\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  <main>\n    <Content class=\"contact-content\">\n      <h1>we'd like to hear from you!</h1>    \n    </Content>\n    <ContactForm />\n    <div class=\"social\">\n      <!-- <a href=\"https://www.facebook.com/cityphography\" class=\"messenger\" target=\"_blank\" ></a><span>|</span> -->\n      <a href=\"https://www.facebook.com/cityphography\" target=\"_blank\">facebook</a><span>|</span>\n      <a href=\"https://www.instagram.com/cityphography\" target=\"_blank\">instagram</a>\n      <br>\n      <span class=\"hashtag\">#cityphography</span>\n      <!-- <p>For frequently asked questions see the <router-link :to=\"{path: '/about', hash: '#faq'}\">info</router-link> page.</p> -->\n      <p>For frequently asked questions see the <router-link :to=\"{path: '/about', hash: '#faq'}\">info</router-link> page.</p>\n      \n    </div>   \n  </main>\n</template>\n\n<script>\n\nimport Content from '@/components/Content.vue';\nimport ContactForm from '@/components/ContactForm.vue';\n\nexport default {\n  name: 'Contact' ,\n  components: {\n    Content,\n    ContactForm\n  },\n  metaInfo() {\n    return {\n      title: \"contact - cityphography\",\n      meta: [        \n        { vmid: \"og:title\", property: \"og:title\", content: \"contact - cityphography\" },\n        { vmid: \"description\", name: \"description\", content: \"Get in touch with us by submitting the form, or find us on social media (facebook or instagram).\" },\n        { vmid: \"og:description\", property: \"og:description\", content: \"Get in touch with us by submitting the form, or find us on social media (facebook or instagram).\" }                \n      ],\n    };\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@media (max-width: $S) {\n    .contact-content{\n      padding-bottom: 0;\n\n      h1{\n        margin-top: 40px;\n      }\n    }    \n}\n\n.social{\n  text-align: center;\n  max-width: 500px;  \n  margin: 0 auto;\n  margin-top: 80px;\n  font-size: 20px;\n  padding: 0 30px;\n\n  .messenger{\n    width: 20px;\n    height: 20px;\n    display: inline-block;\n    top: 5px;\n    opacity: 0.5;\n    transform: scale(0.8);\n    position: relative;\n    background: url(/img/iconmonstr-facebook-messenger-1.6cff5f79.svg);\n    background-size: contain;\n\n    &:hover{\n      transform: scale(1);\n    }\n  }\n\n  .hashtag{\n    color: #d6d6d6;\n    font-size: 14px;\n    font-weight: bold;\n  }\n\n  span {\n    padding: 0 5px;\n  }\n\n  a {\n    font-family: Averia;\n    cursor: pointer;\n    \n  }\n\n  p {\n    font-size: 14px;\n    padding: 20px 0 40px 0;\n\n    a {\n      font-size: 18px;   \n      color: var(--color-content-links);   \n\n      &:hover{\n        color: $orange;\n      }\n    }\n  }\n}\n\n</style>","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!./Contact.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!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=603a96ee&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&lang=scss&\"\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"],"sourceRoot":""}