{"version":3,"sources":["webpack:///./src/views/404.vue","webpack:///src/views/404.vue","webpack:///./src/views/404.vue?08bd","webpack:///./src/views/404.vue?82eb","webpack:///./src/views/404.vue?0d30","webpack:///./src/assets/imgs/404.png","webpack:///./src/assets/imgs/404_cloud.png"],"names":["render","_vm","this","_c","_self","staticClass","_m","_v","_s","message","attrs","staticRenderFns","require","name","computed","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAIM,GAAG,WAAWJ,EAAG,MAAM,CAACE,YAAY,mBAAmBF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,YAAYN,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAIM,GAAG,4GAA4GJ,EAAG,cAAc,CAACE,YAAY,wBAAwBK,MAAM,CAAC,GAAK,IAAI,MAAQ,KAAK,CAACT,EAAIM,GAAG,mBAAmB,QAE7nBI,EAAkB,CAAC,WAAY,IAAIV,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBK,MAAM,CAAC,IAAME,EAAQ,QAAyB,IAAM,SAAST,EAAG,MAAM,CAACE,YAAY,sBAAsBK,MAAM,CAAC,IAAME,EAAQ,QAA+B,IAAM,SAAST,EAAG,MAAM,CAACE,YAAY,qBAAqBK,MAAM,CAAC,IAAME,EAAQ,QAA+B,IAAM,SAAST,EAAG,MAAM,CAACE,YAAY,uBAAuBK,MAAM,CAAC,IAAME,EAAQ,QAA+B,IAAM,aCqBngB,GACfC,eACAC,UACAL,QADA,WAEA,kEC3Bkb,I,wBCQ9aM,EAAY,eACd,EACAf,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAI,E,oECnBf,W,qBCAAC,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"static/js/chunk-339979a4.cccbe73b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wscn-http404-container\"},[_c('div',{staticClass:\"wscn-http404\"},[_vm._m(0),_c('div',{staticClass:\"bullshit\"},[_c('div',{staticClass:\"bullshit__oops\"},[_vm._v(\"OOPS!\")]),_c('div',{staticClass:\"bullshit__info\"}),_c('div',{staticClass:\"bullshit__headline\"},[_vm._v(_vm._s(_vm.message))]),_c('div',{staticClass:\"bullshit__info\"},[_vm._v(\"Please check that the URL you entered is correct, or click the button below to return to the homepage.\")]),_c('router-link',{staticClass:\"bullshit__return-home\",attrs:{\"to\":\"/\",\"exact\":\"\"}},[_vm._v(\"Back to home\")])],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pic-404\"},[_c('img',{staticClass:\"pic-404__parent\",attrs:{\"src\":require(\"@/assets/imgs/404.png\"),\"alt\":\"404\"}}),_c('img',{staticClass:\"pic-404__child left\",attrs:{\"src\":require(\"@/assets/imgs/404_cloud.png\"),\"alt\":\"404\"}}),_c('img',{staticClass:\"pic-404__child mid\",attrs:{\"src\":require(\"@/assets/imgs/404_cloud.png\"),\"alt\":\"404\"}}),_c('img',{staticClass:\"pic-404__child right\",attrs:{\"src\":require(\"@/assets/imgs/404_cloud.png\"),\"alt\":\"404\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wscn-http404-container\">\r\n    <div class=\"wscn-http404\">\r\n      <div class=\"pic-404\">\r\n        <img class=\"pic-404__parent\" src=\"~@/assets/imgs/404.png\" alt=\"404\" />\r\n        <img class=\"pic-404__child left\" src=\"~@/assets/imgs/404_cloud.png\" alt=\"404\" />\r\n        <img class=\"pic-404__child mid\" src=\"~@/assets/imgs/404_cloud.png\" alt=\"404\" />\r\n        <img class=\"pic-404__child right\" src=\"~@/assets/imgs/404_cloud.png\" alt=\"404\" />\r\n      </div>\r\n      <div class=\"bullshit\">\r\n        <div class=\"bullshit__oops\">OOPS!</div>\r\n        <div class=\"bullshit__info\"></div>\r\n        <div class=\"bullshit__headline\">{{ message }}</div>\r\n        <div\r\n          class=\"bullshit__info\"\r\n        >Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>\r\n        <router-link to=\"/\" exact class=\"bullshit__return-home\">Back to home</router-link>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Page404\",\r\n  computed: {\r\n    message() {\r\n      return \"The webmaster said that you can not enter this page...\";\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wscn-http404-container {\r\n  transform: translate(-50%, -50%);\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n}\r\n.wscn-http404 {\r\n  position: relative;\r\n  width: 1200px;\r\n  padding: 0 50px;\r\n  overflow: hidden;\r\n  .pic-404 {\r\n    position: relative;\r\n    float: left;\r\n    width: 600px;\r\n    overflow: hidden;\r\n    &__parent {\r\n      width: 100%;\r\n    }\r\n    &__child {\r\n      position: absolute;\r\n      &.left {\r\n        width: 80px;\r\n        top: 17px;\r\n        left: 220px;\r\n        opacity: 0;\r\n        animation-name: cloudLeft;\r\n        animation-duration: 2s;\r\n        animation-timing-function: linear;\r\n        animation-fill-mode: forwards;\r\n        animation-delay: 1s;\r\n      }\r\n      &.mid {\r\n        width: 46px;\r\n        top: 10px;\r\n        left: 420px;\r\n        opacity: 0;\r\n        animation-name: cloudMid;\r\n        animation-duration: 2s;\r\n        animation-timing-function: linear;\r\n        animation-fill-mode: forwards;\r\n        animation-delay: 1.2s;\r\n      }\r\n      &.right {\r\n        width: 62px;\r\n        top: 100px;\r\n        left: 500px;\r\n        opacity: 0;\r\n        animation-name: cloudRight;\r\n        animation-duration: 2s;\r\n        animation-timing-function: linear;\r\n        animation-fill-mode: forwards;\r\n        animation-delay: 1s;\r\n      }\r\n      @keyframes cloudLeft {\r\n        0% {\r\n          top: 17px;\r\n          left: 220px;\r\n          opacity: 0;\r\n        }\r\n        20% {\r\n          top: 33px;\r\n          left: 188px;\r\n          opacity: 1;\r\n        }\r\n        80% {\r\n          top: 81px;\r\n          left: 92px;\r\n          opacity: 1;\r\n        }\r\n        100% {\r\n          top: 97px;\r\n          left: 60px;\r\n          opacity: 0;\r\n        }\r\n      }\r\n      @keyframes cloudMid {\r\n        0% {\r\n          top: 10px;\r\n          left: 420px;\r\n          opacity: 0;\r\n        }\r\n        20% {\r\n          top: 40px;\r\n          left: 360px;\r\n          opacity: 1;\r\n        }\r\n        70% {\r\n          top: 130px;\r\n          left: 180px;\r\n          opacity: 1;\r\n        }\r\n        100% {\r\n          top: 160px;\r\n          left: 120px;\r\n          opacity: 0;\r\n        }\r\n      }\r\n      @keyframes cloudRight {\r\n        0% {\r\n          top: 100px;\r\n          left: 500px;\r\n          opacity: 0;\r\n        }\r\n        20% {\r\n          top: 120px;\r\n          left: 460px;\r\n          opacity: 1;\r\n        }\r\n        80% {\r\n          top: 180px;\r\n          left: 340px;\r\n          opacity: 1;\r\n        }\r\n        100% {\r\n          top: 200px;\r\n          left: 300px;\r\n          opacity: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bullshit {\r\n    position: relative;\r\n    float: left;\r\n    width: 300px;\r\n    padding: 30px 0;\r\n    overflow: hidden;\r\n    &__oops {\r\n      font-size: 32px;\r\n      font-weight: bold;\r\n      line-height: 40px;\r\n      color: #1482f0;\r\n      opacity: 0;\r\n      margin-bottom: 20px;\r\n      animation-name: slideUp;\r\n      animation-duration: 0.5s;\r\n      animation-fill-mode: forwards;\r\n    }\r\n    &__headline {\r\n      font-size: 20px;\r\n      line-height: 24px;\r\n      color: #222;\r\n      font-weight: bold;\r\n      opacity: 0;\r\n      margin-bottom: 10px;\r\n      animation-name: slideUp;\r\n      animation-duration: 0.5s;\r\n      animation-delay: 0.1s;\r\n      animation-fill-mode: forwards;\r\n    }\r\n    &__info {\r\n      font-size: 13px;\r\n      line-height: 21px;\r\n      color: grey;\r\n      opacity: 0;\r\n      margin-bottom: 30px;\r\n      animation-name: slideUp;\r\n      animation-duration: 0.5s;\r\n      animation-delay: 0.2s;\r\n      animation-fill-mode: forwards;\r\n    }\r\n    &__return-home {\r\n      display: block;\r\n      float: left;\r\n      width: 110px;\r\n      height: 36px;\r\n      background: #1482f0;\r\n      border-radius: 100px;\r\n      text-align: center;\r\n      color: #ffffff;\r\n      opacity: 0;\r\n      font-size: 14px;\r\n      line-height: 36px;\r\n      cursor: pointer;\r\n      animation-name: slideUp;\r\n      animation-duration: 0.5s;\r\n      animation-delay: 0.3s;\r\n      animation-fill-mode: forwards;\r\n    }\r\n    @keyframes slideUp {\r\n      0% {\r\n        transform: translateY(60px);\r\n        opacity: 0;\r\n      }\r\n      100% {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./404.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./404.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./404.vue?vue&type=template&id=899d5afa&scoped=true&\"\nimport script from \"./404.vue?vue&type=script&lang=js&\"\nexport * from \"./404.vue?vue&type=script&lang=js&\"\nimport style0 from \"./404.vue?vue&type=style&index=0&id=899d5afa&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"899d5afa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./404.vue?vue&type=style&index=0&id=899d5afa&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/404.a57b6f31.png\";","module.exports = __webpack_public_path__ + \"static/img/404_cloud.0f4bc32b.png\";"],"sourceRoot":""}