{"version":3,"sources":["webpack:///./src/views/PhotoAlbum/index.vue","webpack:///src/views/PhotoAlbum/index.vue","webpack:///./src/views/PhotoAlbum/index.vue?b69e","webpack:///./src/views/PhotoAlbum/index.vue?3977","webpack:///./src/views/PhotoAlbum/index.vue?2cb9"],"names":["render","_vm","this","_self","_c","_m","staticRenderFns","staticStyle","staticClass","_v","attrs","name","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAQD,EAAIE,MAAMC,GAAG,OAAOH,EAAII,GAAG,IAEtEC,EAAkB,CAAC,WAAY,IAAIL,EAAIC,KAAKE,EAAGH,EAAIE,MAAMC,GAAG,OAAOA,EAAG,UAAU,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACI,YAAY,UAAU,CAACJ,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,KAAK,CAACI,YAAY,gBAAgB,CAACP,EAAIQ,GAAG,iBAAiBL,EAAG,KAAK,CAACI,YAAY,oBAAoB,CAACP,EAAIQ,GAAG,yBAAyBL,EAAG,UAAU,CAACI,YAAY,kBAAkB,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,MAAM,CAACI,YAAY,QAAQ,CAACJ,EAAG,MAAM,CAACI,YAAY,OAAO,CAACJ,EAAG,MAAM,CAACI,YAAY,UAAU,CAACJ,EAAG,KAAK,CAACI,YAAY,gBAAgB,CAACJ,EAAG,OAAO,CAACM,MAAM,CAAC,GAAK,oBAAoB,CAACT,EAAIQ,GAAG,qBAAqBL,EAAG,KAAK,CAACI,YAAY,YAAY,CAACJ,EAAG,KAAK,CAACI,YAAY,UAAU,CAACJ,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,KAAK,CAACT,EAAIQ,GAAG,oBAAoBL,EAAG,KAAK,CAACA,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,KAAK,CAACT,EAAIQ,GAAG,oBAAoBL,EAAG,KAAK,CAACA,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,KAAK,CAACT,EAAIQ,GAAG,oBAAoBL,EAAG,KAAK,CAACA,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,KAAK,CAACT,EAAIQ,GAAG,4BAA4BL,EAAG,MAAM,CAACI,YAAY,SAAS,CAACJ,EAAG,KAAK,CAACI,YAAY,aAAa,CAACP,EAAIQ,GAAG,oBAAoBL,EAAG,OAAO,CAACH,EAAIQ,GAAG,iBAAiBL,EAAG,MAAM,CAACI,YAAY,YAAYJ,EAAG,IAAI,CAACG,YAAY,CAAC,SAAW,SAAS,CAACN,EAAIQ,GAAG,8BCwC/oC,GACfE,cC3C8V,I,wBCQ1VC,EAAY,eACd,EACAZ,EACAM,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,2CCnBf","file":"jsascvts/chunk-74e0da12.jsascvts.1714371537415.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticStyle:{\"min-height\":\"100%\"}},[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-text\"},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"banner-title\"},[_vm._v(\"ASCVTS 2024\")]),_c('h2',{staticClass:\"banner-sub-title\"},[_vm._v(\"Photo Gallery\")])])])]),_c('section',{staticClass:\"main-container\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"div\"},[_c('div',{staticClass:\"widget\"},[_c('h3',{staticClass:\"widget-title\"},[_c('span',{attrs:{\"id\":\"main-title-name\"}},[_vm._v(\"Photo Gallery\")])]),_c('ul',{staticClass:\"nav-tabs\"},[_c('li',{staticClass:\"active\"},[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"May 23, 2024\")])]),_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"May 24, 2024\")])]),_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"May 25, 2024\")])]),_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"May 26, 2024\")])])])])])]),_c('div',{staticClass:\"right\"},[_c('h3',{staticClass:\"sub-title\"},[_vm._v(\"Photo Gallery / \"),_c('span',[_vm._v(\"2024-5-23\")])]),_c('div',{staticClass:\"img-box\"}),_c('p',{staticStyle:{\"fontSize\":\"20px\"}},[_vm._v(\"To be updated.\")])])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <section style=\"min-height:100%\">\n    <div class=\"banner\">\n      <div class=\"banner-text\">\n        <div class=\"container\">\n          <h2 class=\"banner-title\">ASCVTS 2024</h2>\n          <h2 class=\"banner-sub-title\">Photo Gallery</h2>\n        </div>\n      </div>\n    </div>\n    <section class=\"main-container\">\n      <div class=\"container\">\n        <div class=\"left\">\n          <div class=\"div\">\n            <div class=\"widget\">\n              <h3 class=\"widget-title\"><span id=\"main-title-name\">Photo Gallery</span></h3>\n              <ul class=\"nav-tabs\">\n                <li class=\"active\"><a href=\"\">May 23, 2024</a></li>\n                <li><a href=\"\">May 24, 2024</a></li>\n                <li><a href=\"\">May 25, 2024</a></li>\n                <li><a href=\"\">May 26, 2024</a></li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div class=\"right\">\n          <h3 class=\"sub-title\">Photo Gallery / <span>2024-5-23</span> </h3>\n          <div class=\"img-box\">\n            <!-- <div class=\"img-item\" v-for=\"i in 16\" :key=\"i\">\n              <div class=\"img\">\n                <img :src=\"`https://www.ascvts2023busan.org/images/photo/${i}.jpg?ver=0620`\" alt=\"\">\n              </div>\n            </div> -->\n          </div>\n          <p style=\"fontSize:20px\">To be updated.</p>\n        </div>\n      </div>\n    </section>\n  </section>\n</template>\n\n<script>\nexport default {\n  name:'about'\n}\n</script>\n\n<style lang=\"less\" scoped>\n.banner {\n  position: relative;\n  min-height: 300px;\n  color: #fff;\n  background-position: 50% 50%;\n  background-size: cover;\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1) ), url('../../assets/img/about/banner.png');\n  .banner-text {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    z-index: 1;\n    transform: translateY(-50%);\n    .container {\n      max-width: 1320px;\n      margin: 0 auto;\n      text-rendering: optimizeLegibility;\n      -webkit-font-smoothing: antialiased !important;\n      .banner-title {\n        color: #e8bd55;\n        text-transform: uppercase;\n        font-size: 58px;\n        font-weight: 900;\n      }\n      .banner-sub-title{\n        color: #fff;\n        font-size: 48px;\n        font-weight: 900;\n      }\n      @media (max-width:1320px) {\n        padding: 0 15px;\n      }\n      @media (max-width:768px) {\n        .banner-title {\n          font-size: 48px;\n        }\n        .banner-sub-title {\n          font-size: 38px;\n        }\n      }\n    }\n  }\n}\n.main-container {\n  height: 100%;\n  .container {\n    max-width: 1320px;\n    margin: 0 auto;\n    display: flex;\n    .left {\n      flex: 0 0 25%;\n      max-width: 25%;\n      padding: 0 15px;\n      .div {\n        height: 100%;\n        border-right: solid 1px #ddd;\n        border-left: solid 1px #ddd;\n        background-color: #f8f9fa;\n        .widget {\n          padding: 30px 15px 40px;\n          position: sticky;\n          top: 70px;\n          .widget-title{\n            font-size: 27px;\n            font-weight: 900;\n            position: relative;\n            padding-left: 30px;\n            margin: 0 -15px;\n            background-color: #19317e;\n            color: #fff;\n            text-transform: uppercase;\n          }\n          .nav-tabs li {\n            color: #444444;\n            line-height: normal;\n            a {\n              position: relative;\n              color: #444444;\n              padding: 15px 0 15px 15px;\n              font-weight: 600;\n              border-bottom: 1px solid #ddd;\n              display: block;\n              transition: all .3s;\n              font-size: 18px;\n            }\n            &:hover a{\n              color: #1B3287;\n            }\n            &.active a {\n              color: #1B3287;\n              &::before {\n                font-family: \"iconfont\";\n                content:'\\e6ae';\n                position: absolute;\n                top: 50%;\n                right: 0;\n                transform: translateY(-50%);\n              }\n            }\n          }\n        }\n      }\n    }\n    .right {\n      flex: 0 0 75%;\n      position: relative;\n      padding: 0 15px 100px;\n      .sub-title {\n        font-weight: 900;\n        font-size: 27px;\n        line-height: normal;\n        margin: 30px 0px 20px 0px;\n        padding-bottom: 10px;\n        border-bottom: solid 1px #ddd;\n        span {\n          color: #1B3287;\n        }\n      }\n      .img-box {\n        display: flex;\n        flex-wrap: wrap;\n        .img-item {\n          flex: 0 0 25%;\n          padding: 10px;\n          .img {\n            background-color: #ccc;\n            img {\n              width: 100%;\n            }\n          }\n          @media (max-width:992px) {\n            flex: 0 0 33.3%;\n          }\n          @media (max-width:576px) {\n            flex: 0 0 50%;\n          }\n        }\n      }\n    }\n    @media (max-width:768px) {\n      .left {\n        display: none;\n      }\n      .right {\n        flex: 1;\n        padding: 0 15px 40px;\n      }\n    }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2f1b943c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2f1b943c&prod&lang=less&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  \"2f1b943c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2f1b943c&prod&lang=less&scoped=true&\""],"sourceRoot":""}