{"version":3,"sources":["webpack:///./src/views/pages/Page404.vue?d945","webpack:///src/views/pages/Page404.vue","webpack:///./src/views/pages/Page404.vue?3dfd","webpack:///./src/views/pages/Page404.vue","webpack:///./src/views/pages/Page404.vue?42d2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","_v","_e","backgroundImageSource","on","onImageLoad","class","shake","isShaking","overlayImageSource","changeOverlayImage","directives","name","rawName","value","expression","overlayAngryImageSource","staticRenderFns","data","clickCount","interval","imageLoaded","methods","changeImage","img","src","setTimeout","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAAEN,EAAe,YAAEI,EAAG,SAAS,CAACE,YAAY,iBAAiB,CAACF,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,MAAM,CAACR,EAAIS,GAAG,0BAA0BT,EAAIU,KAAKN,EAAG,MAAM,CAACE,YAAY,mBAAmBE,MAAM,CAAC,IAAMR,EAAIW,sBAAsB,IAAM,oBAAoBC,GAAG,CAAC,KAAOZ,EAAIa,eAAeT,EAAG,MAAM,CAACU,MAAM,CAAEC,MAAOf,EAAIgB,WAAYR,MAAM,CAAC,IAAMR,EAAIiB,mBAAmB,IAAM,gBAAgB,GAAK,cAAcL,GAAG,CAAC,MAAQZ,EAAIkB,sBAAsBd,EAAG,MAAM,CAACe,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAM,EAAQC,WAAW,UAAUf,MAAM,CAAC,IAAMR,EAAIwB,wBAAwB,IAAM,qBAAqBxB,EAAIO,GAAG,MAClwBkB,EAAkB,CAAC,WAAa,IAAIzB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACJ,EAAIS,GAAG,cAAc,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACJ,EAAIS,GAAG,wCAAwCL,EAAG,KAAK,CAACJ,EAAIS,GAAG,6CCsBvX,GACEiB,KADF,WAEI,MAAO,CACLf,sBAAuB,kCACvBM,mBAAoB,kCACpBO,wBAAyB,kCACzBG,WAAY,EACZC,SAAU,KACVZ,WAAW,EACXa,aAAa,IAIjBC,QAAS,CACPZ,mBADJ,WAEMjB,KAAK0B,aACD1B,KAAK0B,WAAa,IAAM,GAC1B1B,KAAK8B,eAITA,YARJ,WAQA,WACA,wCACMC,EAAIC,IAAMhC,KAAKuB,wBACfvB,KAAKe,WAAY,EAEjBkB,YAAW,WACT,EAAR,aACQF,EAAIC,IAAM,EAAlB,qBACA,MAGIpB,YAnBJ,WAoBMZ,KAAK4B,aAAc,KCxDuU,I,wBCQ5VM,EAAY,eACd,EACApC,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,oECnBf","file":"js/chunk-63e67ed8.ff5a3ab7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-container\"},[_vm._m(0),_c('div',{staticClass:\"image-wrapper\"},[(_vm.imageLoaded)?_c('button',{staticClass:\"center-button\"},[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(\"CARRY ME BACK HOME\")])]):_vm._e(),_c('img',{staticClass:\"background-image\",attrs:{\"src\":_vm.backgroundImageSource,\"alt\":\"Background Image\"},on:{\"load\":_vm.onImageLoad}}),_c('img',{class:{ shake: _vm.isShaking },attrs:{\"src\":_vm.overlayImageSource,\"alt\":\"Overlay Image\",\"id\":\"overlayimg\"},on:{\"click\":_vm.changeOverlayImage}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"src\":_vm.overlayAngryImageSource,\"alt\":\"Overlay Image\"}})]),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head-container\"},[_c('h1',[_vm._v(\" 404 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer-container\"},[_c('h1',[_vm._v(\"Looks like you and Carl are lost. \")]),_c('h2',[_vm._v(\"Click the button to get back home. \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"image-container\">\n  <div class=\"head-container\">\n  <h1> 404 </h1>\n\n  </div>\n    <div class=\"image-wrapper\">\n        <button v-if=\"imageLoaded\" class=\"center-button\">\n          <a href=\"/\">CARRY ME BACK HOME</a>\n        </button>\n        <img :src=\"backgroundImageSource\" alt=\"Background Image\" class=\"background-image\" @load=\"onImageLoad\"/>\n        <img :src=\"overlayImageSource\" alt=\"Overlay Image\" @click=\"changeOverlayImage\" id=\"overlayimg\" :class=\"{ shake: isShaking }\"/>\n        <img v-show=\"false\" :src=\"overlayAngryImageSource\" alt=\"Overlay Image\">\n    </div>\n    <div class=\"footer-container\">\n        <h1>Looks like you and Carl are lost. </h1>\n        <h2>Click the button to get back home. </h2>\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  data() {\n    return {\n      backgroundImageSource: \"https://i.imgur.com/ezuTVKA.png\",\n      overlayImageSource: \"https://i.imgur.com/qoANZqH.png\",\n      overlayAngryImageSource: \"https://i.imgur.com/Jvsr7f8.png\",\n      clickCount: 0,\n      interval: null,\n      isShaking: false,\n      imageLoaded: false\n    };\n  },\n\n  methods: {\n    changeOverlayImage() {\n      this.clickCount++;\n      if (this.clickCount % 3 === 0) {\n        this.changeImage();\n      }\n    },\n\n    changeImage() {\n      const img = document.getElementById(\"overlayimg\");\n      img.src = this.overlayAngryImageSource;\n      this.isShaking = true;\n\n      setTimeout(() => {\n        this.isShaking = false;\n        img.src = this.overlayImageSource;\n      }, 500);\n    },\n\n    onImageLoad() {\n      this.imageLoaded = true;\n    }\n  }\n};\n</script>\n\n<style scoped>\n\n@keyframes shake {\n  0% { transform: translate(0, 0); }\n  10%, 30%, 50%, 70%, 90% { transform: translate(-5px, -5px); }\n  20%, 40%, 60%, 80% { transform: translate(5px, 5px); }\n  100% { transform: translate(0, 0); }\n}\n\n.image-container {\n  display: block;\n  justify-content: center;\n  align-items: center;\n  height: 100vh; /* Full height of the viewport */\n  margin: 0 10%; /* Add left and right margins */\n  position: relative;\n}\n\n.head-container {\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n      align-items: center;\n      height: 18vh;\n      text-align: center;\n      padding-bottom: 1rem;\n    }\n\n.footer-container{\ndisplay: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      padding-bottom: 1rem;\n}\n\n.footer-container h1{\nfont-size: 2.8vw;\n}\n\n.footer-container h2{\nfont-size: 1.9vw;\ncolor: grey;\n}\n\n.head-container h1 {\n      margin: 0;\n      font-size: 6vw;\n      font-weight: bold;\n    }\n\n.image-wrapper {\njustify-content: center;\nalign-items: center;\n  position: relative;\n  display: flex;\n}\n\n.background-image {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  z-index: 1;\n}\n\n.overlay-image {\n  position: absolute;\n  bottom: 1%;\n  right: 1%;\n  width: 11%;\n  height: auto;\n  pointer-events: auto;\n  cursor: pointer;\n  z-index: 2;\n}\n\n#overlayimg {\nposition: absolute;\n  bottom: 1%;\n  right: 1%;\n  width: 11%;\n  height: auto;\n  pointer-events: auto;\n  cursor: pointer;\n  z-index: 2;\n}\n\n.center-button {\n  position: absolute;\n  top: 50%;\n  left: 49%;\n  transform: translate(-50%, -50%);\n  padding: 0.5vw 1vw;\n  font-size: 1.2vw;\n  background-color: #1385b7;\n  color: white;\n  border: 2px solid white;\n  border-radius: 5px;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 80%;\n  word-wrap: break-word;\n  text-align: center;\n  width: 34%;\n  z-index: 2;\n}\n\n.image-wrapper img {\n  width: 100%;\n  height: 100%;\n}\n\n.center-button:hover {\n  transform: translate(-50%, -50%) scaleX(1.05) scaleY(1.2);\n}\n\n.center-button a {\n  color: white;\n  font-weight: bold;\n  text-decoration: none;\n  display: block;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n}\n\n\n.shake {\n  animation: shake 0.5s ease infinite alternate;\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!./Page404.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!./Page404.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Page404.vue?vue&type=template&id=6651431a&scoped=true&\"\nimport script from \"./Page404.vue?vue&type=script&lang=js&\"\nexport * from \"./Page404.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Page404.vue?vue&type=style&index=0&id=6651431a&scoped=true&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  \"6651431a\",\n  null\n  \n)\n\nexport default component.exports","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!./Page404.vue?vue&type=style&index=0&id=6651431a&scoped=true&lang=css&\""],"sourceRoot":""}