{"version":3,"sources":["webpack:///./src/assets/login/sailor_logo_rojo.png","webpack:///./src/views/Dashboard.vue?fff7","webpack:///./src/views/Dashboard.vue","webpack:///src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?0134","webpack:///./src/views/Dashboard.vue?0dc5"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","logo_sailor","_v","staticRenderFns","data","methods","mapActions","actualizarURL","me","AccionCambiar","created","sessionStorage","getItem","setItem","location","reload","component"],"mappings":"gGAAAA,EAAOC,QAAU,IAA0B,qC,oCCA3C,W,yCCAA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuBC,MAAM,CAAC,IAAML,EAAIM,YAAY,IAAM,cAAcJ,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACJ,EAAIO,GAAG,qBAEvPC,EAAkB,G,iCCoBP,GACfC,OACA,OACAH,kBAIAI,QAAA,IAEAC,eAAA,mBAGAC,gBACA,IAAAC,EAAA,KACAA,EAAAC,cAAA,gBAGAC,UAEA,KAAAH,gBAGA,GAAAI,eAAAC,QAAA,UACAD,eAAAE,QAAA,UACAC,SAAAC,YC9CkV,I,wBCQ9UC,EAAY,eACd,EACAtB,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAa,E","file":"js/dashboard.d29af62e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/sailor_logo_rojo.2151752e.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=0ca36fc2&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dashboard\"},[_c('img',{staticClass:\"dashboard__logo mb-3\",attrs:{\"src\":_vm.logo_sailor,\"alt\":\"Logo UCC\"}}),_c('div',{staticClass:\"dashboard__text mb-3\"},[_vm._v(\"Bienvenida/o\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"dashboard\">\n\n      <img class=\"dashboard__logo mb-3\" :src=\"logo_sailor\" alt=\"Logo UCC\"/>\n      <div  class=\"dashboard__text mb-3\">Bienvenida/o</div>\n    \n    <!-- <div style=\"height: 84vh;\" class=\"w-100 mx-1\"> -->\n      <!-- <div class=\"d-flex justify-content-center align-items-center h-100\"> -->\n        <!-- <div class=\"d-flex flex-column align-items-center\"> -->\n          \n        <!-- </div> -->\n      <!-- </div> -->\n    <!-- </div> -->\n  </div>\n</template>\n\n<script>\n// Vuex\nimport { mapActions } from \"vuex\";\n\nimport logo_sailor from \"@/assets/login/sailor_logo_rojo.png\";\n\nexport default {\n  data() {\n    return {\n      logo_sailor : logo_sailor,\n    };\n  },\n  \n  methods: {\n    // Acciones de Vuex\n    ...mapActions([\"AccionCambiar\"]),\n\n    // Función para actualizar url en state\n    actualizarURL() {\n      let me = this;\n      me.AccionCambiar(\"/dashboard\");\n    },\n  },\n  created() {\n    // Ejecución de actualizarURL una vez que se carga el componente\n    this.actualizarURL();\n\n    // Load\n    if (sessionStorage.getItem(\"load\") == 0) {\n      sessionStorage.setItem(\"load\", 1);\n      location.reload();\n    }\n\n  },\n};\n</script>\n\n<style lang=\"scss\">\n\n  $shadow: #862323;\n\n  .dashboard {\n    width: 100%;\n    height: 75vh;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n\n    &__logo {\n      width: 350px;\n      height: 350px;\n      transform: scale(0);\n      animation: logo-intro 3s ease-out forwards;\n    }\n\n    &__text {\n      font-weight: 700;\n      text-align: center;\n      font-size: 40px;\n      text-transform: uppercase;\n      background: linear-gradient(90deg, #81272700, #dd4b39, #c0131300);\n      -webkit-text-fill-color: transparent;\n      animation: shine 2s linear infinite;\n      -webkit-background-clip: text;\n      background-repeat: no-repeat;\n      background-clip: text;\n      background-size: 80%;\n      letter-spacing: 5px;\n      position: relative;\n\n    }\n  }\n\n  @keyframes shine {\n    0% {\n      background-position-x: -500%;\n    }\n    100% {\n      background-position-x: 500%;\n    }\n  }\n\n  @keyframes logo-intro {\n    0% { transform: scale(0.1); }\n    2% { transform: scale(0.14); }\n    4% { transform: scale(0.18); }\n    6% { transform: scale(0.22); }\n    8% { transform: scale(0.26); }\n    10% { transform: scale(0.30); }\n    12% { transform: scale(0.34); }\n    14% { transform: scale(0.38); }\n    16% { transform: scale(0.42); }\n    18% { transform: scale(0.46); }\n    20% { transform: scale(0.50); }\n    22% { transform: scale(0.54); }\n    24% { transform: scale(0.58); }\n    26% { transform: scale(0.62); }\n    28% { transform: scale(0.66); }\n    30% { transform: scale(0.70); }\n    32% { transform: scale(0.74); }\n    34% { transform: scale(0.78); }\n    36% { transform: scale(0.82); }\n    38% { transform: scale(0.86); }\n    40% { transform: scale(0.90); }\n    42% { transform: scale(0.94); }\n    44% { transform: scale(0.98); }\n    46% { transform: scale(1); }\n    48% { transform: scale(1); }\n    50% { transform: scale(1); filter: drop-shadow(0px 0px 0px $shadow); }\n    55% { transform: scale(1); filter: drop-shadow(0px 0px 4px $shadow); }\n    60% { transform: scale(1); filter: drop-shadow(0px 0px 8px $shadow); }\n    65% { transform: scale(1); filter: drop-shadow(0px 0px 12px $shadow); }\n    70% { transform: scale(1); filter: drop-shadow(0px 0px 16px $shadow); }\n    75% { transform: scale(1); filter: drop-shadow(0px 0px 20px $shadow); }\n    80% { transform: scale(1); filter: drop-shadow(0px 0px 20px $shadow); }\n    85% { transform: scale(1); filter: drop-shadow(0px 0px 20px $shadow); }\n    90% { transform: scale(1); filter: drop-shadow(0px 0px 20px $shadow); }\n    92% { transform: scale(1); filter: drop-shadow(0px 0px 15px $shadow); }\n    94% { transform: scale(1); filter: drop-shadow(0px 0px 12px $shadow); }\n    96% { transform: scale(1); filter: drop-shadow(0px 0px 10px $shadow); }\n    98% { transform: scale(1); filter: drop-shadow(0px 0px 5px $shadow); }\n    100% { transform: scale(1); filter: drop-shadow(0px 0px 0px $shadow); }\n  }\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=0ca36fc2\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=0ca36fc2&prod&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":""}