{"version":3,"sources":["webpack:///./src/views/error.vue?df61","webpack:///src/views/error.vue","webpack:///./src/views/error.vue?9291","webpack:///./src/views/error.vue","webpack:///./src/views/error.vue?db17"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","attrs","_v","component"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,QAAQC,MAAM,CAAC,aAAa,UAAU,CAACJ,EAAG,KAAK,CAACG,YAAY,iBAAiB,CAACH,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,SAASL,EAAG,KAAK,CAACL,EAAIU,GAAG,aAAaL,EAAG,SAAS,CAACG,YAAY,cAAc,CAACH,EAAG,KAAK,CAACG,YAAY,mBAAmB,CAACR,EAAIU,GAAG,yBAAyBL,EAAG,IAAI,CAACG,YAAY,sBAAsB,CAACR,EAAIU,GAAG,qCCuBznB,KCxB+U,I,wBCQ3UC,EAAY,eACd,EACAZ,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAI,E,2CCnBf,W","file":"js/error.01ac0142.js","sourcesContent":["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',[_c('div',{staticClass:\"bruce\",attrs:{\"data-title\":\"气泡背景墙\"}},[_c('ul',{staticClass:\"bubble-bgwall\"},[_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")]),_c('li',[_vm._v(\"404\")])])]),_c('header',{staticClass:\"background\"},[_c('h1',{staticClass:\"title slide-bar\"},[_vm._v(\"I'm the ERROR page.\")]),_c('p',{staticClass:\"subtitle slide-bar\"},[_vm._v(\" 前面的区域以后再来探索吧 ʅ( ´・∧・｀)ʃ \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"bruce\"\n         data-title=\"气泡背景墙\">\n      <ul class=\"bubble-bgwall\">\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n        <li>404</li>\n      </ul>\n    </div>\n    <header class=\"background\">\n      <h1 class=\"title slide-bar\">I'm the ERROR page.</h1>\n      <p class=\"subtitle slide-bar\"> 前面的区域以后再来探索吧 ʅ( ´・∧・｀)ʃ </p>\n    </header>\n  </div>\n</template>\n<script>\nexport default {};\n</script>\n<style lang=\"scss\" scoped>\n.bruce {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  // background-image: linear-gradient(270deg, #16222a, #3a6073);\n  background-image: linear-gradient(270deg, #004e92, #000428);\n}\n.bubble-bgwall {\n  overflow: hidden;\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 1200px;\n  height: 100%;\n  li {\n    display: flex;\n    position: absolute;\n    bottom: -200px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 10px;\n    width: 50px;\n    height: 50px;\n    background-color: rgba(#fff, 0.15);\n    color: #ccc;\n    animation: bubble 15s infinite;\n    &:nth-child(1) {\n      left: 10%;\n    }\n    &:nth-child(2) {\n      left: 20%;\n      width: 90px;\n      height: 90px;\n      animation-duration: 7s;\n      animation-delay: 2s;\n    }\n    &:nth-child(3) {\n      left: 25%;\n      animation-delay: 4s;\n    }\n    &:nth-child(4) {\n      left: 40%;\n      width: 60px;\n      height: 60px;\n      background-color: rgba(#fff, 0.3);\n      animation-duration: 8s;\n    }\n    &:nth-child(5) {\n      left: 70%;\n    }\n    &:nth-child(6) {\n      left: 80%;\n      width: 120px;\n      height: 120px;\n      background-color: rgba(#fff, 0.2);\n      animation-delay: 3s;\n    }\n    &:nth-child(7) {\n      left: 32%;\n      width: 160px;\n      height: 160px;\n      animation-delay: 2s;\n    }\n    &:nth-child(8) {\n      left: 55%;\n      width: 40px;\n      height: 40px;\n      font-size: 12px;\n      animation-duration: 15s;\n      animation-delay: 4s;\n    }\n    &:nth-child(9) {\n      left: 25%;\n      width: 40px;\n      height: 40px;\n      background-color: rgba(#fff, 0.3);\n      font-size: 12px;\n      animation-duration: 12s;\n      animation-delay: 2s;\n    }\n    &:nth-child(10) {\n      left: 85%;\n      width: 160px;\n      height: 160px;\n      animation-delay: 5s;\n    }\n  }\n}\n@keyframes bubble {\n  0% {\n    opacity: 0.5;\n    transform: translateY(0) rotate(45deg);\n  }\n  25% {\n    opacity: 0.75;\n    transform: translateY(-400px) rotate(90deg);\n  }\n  50% {\n    opacity: 1;\n    transform: translateY(-600px) rotate(135deg);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-1000px) rotate(180deg);\n  }\n}\n// palette: https://www.materialpalette.com/light-blue/pink\n\n@import url(\"https://fonts.googleapis.com/css?family=Lato\");\n@import url(\"https://fonts.googleapis.com/css?family=Lora:400,400i,700\");\n\n.background {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: calc(100vh - 60px);\n  // background: #222;\n}\n\n.slide-bar {\n  position: relative;\n  color: transparent;\n  animation: fill-text-white 2s 1.6s forwards;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #35b9f1;\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: slide-in-out 2s cubic-bezier(0.75, 0, 0, 1) forwards;\n  }\n}\n\n@keyframes slide-in-out {\n  50% {\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n\n  50.1% {\n    transform-origin: right;\n  }\n\n  100% {\n    transform: scaleX(0);\n    transform-origin: right;\n  }\n}\n\n@keyframes fill-text-white {\n  to {\n    color: white;\n  }\n}\n\nheader {\n  .title,\n  .subtitle {\n    // width: 250px;\n    height: 30px;\n  }\n\n  .title {\n    margin: 0;\n    font-family: Lora, serif;\n    font-size: 32px;\n    line-height: 30px;\n\n    &::before {\n      background: #7636ca;\n    }\n  }\n\n  .subtitle {\n    margin: 10px 0 0 0;\n    font-family: Lato, sans-serif;\n    font-size: 12px;\n    line-height: 30px;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    animation-delay: 3.2s;\n\n    &::before {\n      background: #03a9f4;\n      animation-delay: 2s;\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!./error.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!./error.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./error.vue?vue&type=template&id=110e7a6d&scoped=true&\"\nimport script from \"./error.vue?vue&type=script&lang=js&\"\nexport * from \"./error.vue?vue&type=script&lang=js&\"\nimport style0 from \"./error.vue?vue&type=style&index=0&id=110e7a6d&lang=scss&scoped=true&\"\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  \"110e7a6d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./error.vue?vue&type=style&index=0&id=110e7a6d&lang=scss&scoped=true&\""],"sourceRoot":""}