{"version":3,"sources":["webpack:///./src/components/cards/Review.vue?13ee","webpack:///src/components/cards/Review.vue","webpack:///./src/components/cards/Review.vue?3d53","webpack:///./src/components/cards/Review.vue","webpack:///./src/components/cards/UserActivity.vue?bc05","webpack:///./src/components/cards/Review.vue?c6de","webpack:///./src/views/Home.vue?da68","webpack:///./src/components/cards/Recommendation.vue?cf9b","webpack:///src/components/cards/Recommendation.vue","webpack:///./src/components/cards/Recommendation.vue?1b4c","webpack:///./src/components/cards/Recommendation.vue","webpack:///./src/assets/sample_avatar.jpg","webpack:///./src/components/cards/Base.vue?ed53","webpack:///src/components/cards/Base.vue","webpack:///./src/components/cards/Base.vue?4db1","webpack:///./src/components/cards/Base.vue","webpack:///./src/components/cards/Game.vue?846a","webpack:///src/components/cards/Game.vue","webpack:///./src/components/cards/Game.vue?ff2d","webpack:///./src/components/cards/Game.vue","webpack:///./src/views/Home.vue?1095","webpack:///./src/components/cards/UserActivity.vue?2021","webpack:///src/components/cards/UserActivity.vue","webpack:///./src/components/cards/UserActivity.vue?c8a5","webpack:///./src/components/cards/UserActivity.vue","webpack:///./src/components/Stats.vue?8633","webpack:///src/components/Stats.vue","webpack:///./src/components/Stats.vue?c375","webpack:///./src/components/Stats.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?493c","webpack:///./src/views/Home.vue","webpack:///./src/components/cards/Recommendation.vue?3513","webpack:///./src/components/layout/Container.vue?1173","webpack:///src/components/layout/Container.vue","webpack:///./src/components/layout/Container.vue?f845","webpack:///./src/components/layout/Container.vue","webpack:///./src/components/cards/Game.vue?6774"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","name","params","id","data","style","getTitle","_v","_s","_f","score","release","platform","acronym","userSentiment","summary","user","username","created_at","proxy","staticRenderFns","component","gameIcon","game","getRecommendedTitle","recommended_release","module","exports","_t","_e","class","padding","slug","title","developer","library_count","synopsis","_m","_l","i","review","recommendation","stats","activity","staticStyle","getUserAvatar","play_status","games","releases","users","reviews","recommendations","maxWidth"],"mappings":"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","file":"js/chunk-93cbb034.31929a68.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseCard',{staticClass:\"review-card\",attrs:{\"padding\":false},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('router-link',{staticClass:\"group lg:flex h-auto lg:h-64 hover:opacity-100\",attrs:{\"to\":{ name: 'Review', params: { id: _vm.data.id }}}},[_c('div',{staticClass:\"h-48 lg:h-auto lg:w-1/2 image-clip-path flex-none bg-cover text-center overflow-hidden group-hover:scale-105 transform duration-200 ease-out \",style:(_vm.gameIcon),attrs:{\"title\":_vm.getTitle(_vm.data)}}),_c('div',{staticClass:\"flex flex-col p-4 leading-normal group-hover:opacity-75 transition duration-150 ease-in-out\"},[_c('div',{staticClass:\"w-full mb-4\"},[_c('div',{staticClass:\"text-gray-900 font-bold text-xl mb-1\"},[_vm._v(_vm._s(_vm.getTitle(_vm.data)))]),_c('div',[_c('span',{staticClass:\"tag bg-gray-100 rounded-r-none text-red-600\"},[_c('svg',{staticClass:\"fill-current inline-block h-4 w-4\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"width\":\"24\",\"height\":\"24\"}},[_c('path',{staticClass:\"heroicon-ui\",attrs:{\"d\":\"M12.76 3.76a6 6 0 0 1 8.48 8.48l-8.53 8.54a1 1 0 0 1-1.42 0l-8.53-8.54a6 6 0 0 1 8.48-8.48l.76.75.76-.75zm7.07 7.07a4 4 0 1 0-5.66-5.66l-1.46 1.47a1 1 0 0 1-1.42 0L9.83 5.17a4 4 0 1 0-5.66 5.66L12 18.66l7.83-7.83z\"}})])]),_c('span',{staticClass:\"tag bg-primary text-white rounded-l-none mr-2 mb-1\"},[_vm._v(_vm._s(_vm._f(\"percentageFormat\")(_vm.data.score)))]),_c('span',{staticClass:\"tag bg-gray-100 mr-2\",attrs:{\"aria-label\":_vm.data.release.platform.name,\"data-balloon-pos\":\"up\"}},[_vm._v(_vm._s(_vm.data.release.platform.acronym))]),_c('span',{staticClass:\"tag bg-gray-100\",attrs:{\"aria-label\":_vm.userSentiment,\"data-balloon-pos\":\"up\"}},[_c('svg',{staticClass:\"fill-current inline-block h-4 w-4\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"width\":\"24\",\"height\":\"24\"}},[_c('path',{attrs:{\"d\":\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"}})])])])]),_c('div',{staticClass:\"w-full text-gray-700 text-sm synopsis\"},[_vm._v(\" \"+_vm._s(_vm.data.summary)+\" \")]),_c('div',{staticClass:\"w-full mt-3 text-gray-400 text-xs\"},[_vm._v(\" \"+_vm._s(_vm.data.user.username)+\" · \"+_vm._s(_vm._f(\"dateFormat\")(_vm.data.created_at))+\" \")])])])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <BaseCard :padding=\"false\" class=\"review-card\">\n    <template #body>\n\n      <router-link :to=\"{ name: 'Review', params: { id: data.id }}\" class=\"group lg:flex h-auto lg:h-64 hover:opacity-100\">\n        <div\n          class=\"h-48 lg:h-auto lg:w-1/2 image-clip-path flex-none bg-cover text-center overflow-hidden group-hover:scale-105 transform duration-200 ease-out \"\n          v-bind:style=\"gameIcon\" :title=\"getTitle(data)\"\n        >\n        </div>\n        <div class=\"flex flex-col p-4 leading-normal group-hover:opacity-75 transition duration-150 ease-in-out\">\n          <div class=\"w-full mb-4\">\n            <div class=\"text-gray-900 font-bold text-xl mb-1\">{{ getTitle(data) }}</div>\n            <div>\n              <span class=\"tag bg-gray-100 rounded-r-none text-red-600\">\n                <svg class=\"fill-current inline-block h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n                  <path class=\"heroicon-ui\" d=\"M12.76 3.76a6 6 0 0 1 8.48 8.48l-8.53 8.54a1 1 0 0 1-1.42 0l-8.53-8.54a6 6 0 0 1 8.48-8.48l.76.75.76-.75zm7.07 7.07a4 4 0 1 0-5.66-5.66l-1.46 1.47a1 1 0 0 1-1.42 0L9.83 5.17a4 4 0 1 0-5.66 5.66L12 18.66l7.83-7.83z\"/>\n                </svg>\n              </span>\n              <span class=\"tag bg-primary text-white rounded-l-none mr-2 mb-1\">{{ data.score | percentageFormat }}</span>\n              <span class=\"tag bg-gray-100 mr-2\" :aria-label=\"data.release.platform.name\" data-balloon-pos=\"up\">{{ data.release.platform.acronym }}</span>\n              <span class=\"tag bg-gray-100\" :aria-label=\"userSentiment\" data-balloon-pos=\"up\">\n                <svg class=\"fill-current inline-block h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n                  <path d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"></path>\n                </svg>\n              </span>\n            </div>\n          </div>\n          <div class=\"w-full text-gray-700 text-sm synopsis\">\n            {{ data.summary }}\n          </div>\n          <div class=\"w-full mt-3 text-gray-400 text-xs\">\n            {{ data.user.username }} &#183; {{ data.created_at | dateFormat }}\n          </div>\n        </div>\n      </router-link>\n    </template>\n  </BaseCard>\n</template>\n\n<script>\nimport BaseCard from '@/components/cards/Base.vue'\nimport { iconsMixin, gameTitleMixin } from '@/mixins';\n\nexport default {\n    name: 'ReviewCard',\n    mixins: [iconsMixin, gameTitleMixin],\n    components: {\n      BaseCard\n    },\n    props: {\n      data: {\n        type: Object,\n        required: true\n      },\n    },\n    computed: {\n      gameIcon () {\n        return {\n          backgroundImage: 'url(' + this.getGameIcon(this.data.release.game) + ')',\n          backgroundPosition: 'center center',\n          backgroundRepeat: 'no-repeat'\n        }\n      },\n      userSentiment () {\n        const total = this.data.likes + this.data.dislikes;\n        const userString = (total == 1 ? 'user' : 'users')\n\n        if (total > 0) {\n          return `${this.data.likes} out of ${total} ${userString} liked this review`\n        }\n        return '0 users liked this review'\n      }\n\n    },\n};\n</script>\n\n<style scoped>\n@media only screen and (min-width: 1024px) {\n  .image-clip-path {\n    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);\n  }\n}\n.synopsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\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!./Review.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!./Review.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Review.vue?vue&type=template&id=38b3fdcd&scoped=true&\"\nimport script from \"./Review.vue?vue&type=script&lang=js&\"\nexport * from \"./Review.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Review.vue?vue&type=style&index=0&id=38b3fdcd&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  \"38b3fdcd\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./UserActivity.vue?vue&type=style&index=0&id=c5401ca4&scoped=true&lang=css&\"; export default mod; 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!./UserActivity.vue?vue&type=style&index=0&id=c5401ca4&scoped=true&lang=css&\"","import mod 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!./Review.vue?vue&type=style&index=0&id=38b3fdcd&scoped=true&lang=css&\"; export default mod; 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!./Review.vue?vue&type=style&index=0&id=38b3fdcd&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Home.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Home.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseCard',{staticClass:\"recommendation-card\",attrs:{\"padding\":false},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('router-link',{staticClass:\"group lg:flex h-auto lg:h-64 hover:opacity-100 recommendation\",attrs:{\"to\":{ name: 'Recommendation', params: { id: _vm.data.id }}}},[_c('div',{staticClass:\"left-icon bg-center bg-no-repeat bg-cover lg:bg-auto\",style:(_vm.gameIcon(_vm.data.release.game))}),_c('div',{staticClass:\"flex items-center p-4 group-hover:opacity-75 middle\"},[_c('div',[_c('div',{staticClass:\"text-gray-900 text-md mb-1\"},[_vm._v(\" \\\"If you liked \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(_vm.getTitle(_vm.data)))]),_vm._v(\", you may also like \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(_vm.getRecommendedTitle(_vm.data)))]),_vm._v(\"\\\" \")]),_c('span',{staticClass:\"tag bg-primary text-white mr-2\"},[_vm._v(_vm._s(_vm.data.user.username))]),_c('span',{staticClass:\"tag bg-gray-100\"},[_vm._v(_vm._s(_vm._f(\"dateFormat\")(_vm.data.created_at)))])])]),_c('div',{staticClass:\"right-icon bg-center bg-no-repeat bg-cover lg:bg-auto h-24 lg:h-auto\",style:(_vm.gameIcon(_vm.data.recommended_release.game))})])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <BaseCard :padding=\"false\" class=\"recommendation-card\">\n    <template #body>\n\n      <router-link :to=\"{ name: 'Recommendation', params: { id: data.id }}\" class=\"group lg:flex h-auto lg:h-64 hover:opacity-100 recommendation\">\n\n        <div class=\"left-icon bg-center bg-no-repeat bg-cover lg:bg-auto\" v-bind:style=\"gameIcon(data.release.game)\" ></div>\n        <div class=\"flex items-center p-4 group-hover:opacity-75 middle\">\n          <div>\n            <div class=\"text-gray-900 text-md mb-1\">\n              \"If you liked <span class=\"text-primary\">{{ getTitle(data) }}</span>, you may also like <span class=\"text-primary\">{{ getRecommendedTitle(data) }}</span>\"\n            </div>\n            <span class=\"tag bg-primary text-white mr-2\">{{ data.user.username }}</span>\n            <span class=\"tag bg-gray-100\">{{ data.created_at | dateFormat }}</span>\n          </div>\n        </div>\n        <div class=\"right-icon bg-center bg-no-repeat bg-cover lg:bg-auto h-24 lg:h-auto\" v-bind:style=\"gameIcon(data.recommended_release.game)\" ></div>\n\n      </router-link>\n\n    </template>\n  </BaseCard>\n</template>\n\n<script>\nimport BaseCard from '@/components/cards/Base.vue'\nimport { iconsMixin, gameTitleMixin } from '@/mixins';\n\nexport default {\n    name: 'RecommendationCard',\n    mixins: [iconsMixin, gameTitleMixin],\n    components: {\n      BaseCard\n    },\n    props: {\n      data: {\n        type: Object,\n        required: true\n      },\n    },\n    methods: {\n      gameIcon (game) {\n        return {\n          backgroundImage: 'url(' + this.getGameIcon(game) + ')',\n        }\n      }\n\n    },\n};\n</script>\n\n<style scoped>\n@media only screen and (min-width: 1024px) {\n\n  .left-icon {\n    width: 50%;\n    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);\n    transition: width 0.5s, clip-path 0.5s;\n  }\n  .middle {\n    width: 37.5%;\n  }\n  .right-icon {\n    width: 12.5%;\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\n    transition: width 0.5s, clip-path 0.5s;\n  }\n\n  .recommendation:hover .left-icon {\n    width: 12.5%;\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n  }\n  .recommendation:hover .right-icon {\n    width: 50%;\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);\n  }\n\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!./Recommendation.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!./Recommendation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Recommendation.vue?vue&type=template&id=0465e062&scoped=true&\"\nimport script from \"./Recommendation.vue?vue&type=script&lang=js&\"\nexport * from \"./Recommendation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Recommendation.vue?vue&type=style&index=0&id=0465e062&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  \"0465e062\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/sample_avatar.b1278a97.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-white overflow-hidden shadow rounded-lg\"},[(_vm.header)?_c('div',{staticClass:\"border-b border-gray-200 px-4 py-5 sm:px-6\"},[_vm._t(\"header\")],2):_vm._e(),_c('div',{class:{ 'px-4 py-5 sm:p-6': _vm.padding }},[_vm._t(\"body\")],2),(_vm.footer)?_c('div',{staticClass:\"border-t border-gray-200 px-4 py-4 sm:px-6\"},[_vm._t(\"footer\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"bg-white overflow-hidden shadow rounded-lg\">\n  <div v-if=\"header\" class=\"border-b border-gray-200 px-4 py-5 sm:px-6\">\n    <!-- We use less vertical padding on card headers on desktop than on body sections -->\n    <slot name=\"header\"></slot>\n  </div>\n  <div v-bind:class=\"{ 'px-4 py-5 sm:p-6': padding }\">\n    <slot name=\"body\"></slot>\n  </div>\n  <div v-if=\"footer\" class=\"border-t border-gray-200 px-4 py-4 sm:px-6\">\n    <!-- We use less vertical padding on card footers at all sizes than on headers or body sections -->\n    <slot name=\"footer\"></slot>\n  </div>\n</div>\n</template>\n\n<script>\nexport default {\n    name: 'BaseCard',\n    props: {\n      header: {\n        type: Boolean,\n        required: false,\n        default: false\n      },\n      footer: {\n        type: Boolean,\n        required: false,\n        default: false\n      },\n      padding: {\n        type: Boolean,\n        required: false,\n        default: true\n      },\n    },\n};\n</script>\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!./Base.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!./Base.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Base.vue?vue&type=template&id=4b032014&\"\nimport script from \"./Base.vue?vue&type=script&lang=js&\"\nexport * from \"./Base.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseCard',{staticClass:\"game-card\",attrs:{\"padding\":false},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('router-link',{staticClass:\"group lg:flex h-auto lg:h-64 hover:opacity-100\",attrs:{\"to\":{ name: 'Game', params: { id: _vm.game.id, slug: _vm.game.slug }}}},[_c('div',{staticClass:\"h-48 lg:h-auto lg:w-1/2 image-clip-path flex-none bg-cover text-center overflow-hidden group-hover:scale-105 transform duration-200 ease-out\",style:(_vm.gameIcon),attrs:{\"title\":_vm.game.title}}),_c('div',{staticClass:\"flex flex-col p-4 leading-normal group-hover:opacity-75 transition duration-150 ease-in-out\"},[_c('div',{staticClass:\"w-full\"},[_c('div',{staticClass:\"text-gray-900 font-bold text-xl mb-1\"},[_vm._v(_vm._s(_vm.game.title))]),_c('div',{staticClass:\"mb-6\"},[_c('span',{staticClass:\"tag bg-gray-100 rounded-r-none text-red-600\"},[_c('svg',{staticClass:\"fill-current inline-block h-4 w-4\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"width\":\"24\",\"height\":\"24\"}},[_c('path',{staticClass:\"heroicon-ui\",attrs:{\"d\":\"M12.76 3.76a6 6 0 0 1 8.48 8.48l-8.53 8.54a1 1 0 0 1-1.42 0l-8.53-8.54a6 6 0 0 1 8.48-8.48l.76.75.76-.75zm7.07 7.07a4 4 0 1 0-5.66-5.66l-1.46 1.47a1 1 0 0 1-1.42 0L9.83 5.17a4 4 0 1 0-5.66 5.66L12 18.66l7.83-7.83z\"}})])]),_c('span',{staticClass:\"tag bg-primary text-white rounded-l-none mr-2 mb-1\"},[(_vm.game.score)?_c('span',[_vm._v(_vm._s(_vm._f(\"percentageFormat\")(_vm.game.score)))]):_c('span',[_vm._v(\"-\")])]),_c('span',{staticClass:\"tag bg-gray-100 mr-2\"},[_vm._v(_vm._s(_vm.game.developer.name))]),_c('span',{staticClass:\"tag bg-gray-100\"},[_vm._v(_vm._s(_vm.game.library_count ? _vm.game.library_count : '0')+\" \"+_vm._s(_vm.game.library_count == 1 ? 'User' : 'Users'))])])]),_c('div',{staticClass:\"w-full  text-gray-700 text-sm synopsis\"},[_vm._v(\" \"+_vm._s(_vm.game.synopsis)+\" \")])])])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <BaseCard :padding=\"false\" class=\"game-card\">\n    <template #body>\n\n      <router-link :to=\"{ name: 'Game', params: { id: game.id, slug: game.slug }}\" class=\"group lg:flex h-auto lg:h-64 hover:opacity-100\">\n        <div\n          class=\"h-48 lg:h-auto lg:w-1/2 image-clip-path flex-none bg-cover text-center overflow-hidden group-hover:scale-105 transform duration-200 ease-out\"\n          v-bind:style=\"gameIcon\" :title=\"game.title\"\n        >\n        </div>\n        <div class=\"flex flex-col p-4 leading-normal group-hover:opacity-75 transition duration-150 ease-in-out\">\n          <div class=\"w-full\">\n            <div class=\"text-gray-900 font-bold text-xl mb-1\">{{ game.title }}</div>\n            <div class=\"mb-6\">\n              <span class=\"tag bg-gray-100 rounded-r-none text-red-600\">\n                <svg class=\"fill-current inline-block h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n                  <path class=\"heroicon-ui\" d=\"M12.76 3.76a6 6 0 0 1 8.48 8.48l-8.53 8.54a1 1 0 0 1-1.42 0l-8.53-8.54a6 6 0 0 1 8.48-8.48l.76.75.76-.75zm7.07 7.07a4 4 0 1 0-5.66-5.66l-1.46 1.47a1 1 0 0 1-1.42 0L9.83 5.17a4 4 0 1 0-5.66 5.66L12 18.66l7.83-7.83z\"/>\n                </svg>\n              </span>\n              <span class=\"tag bg-primary text-white rounded-l-none mr-2 mb-1\">\n                <span v-if=\"game.score\">{{ game.score | percentageFormat }}</span>\n                <span v-else>-</span>\n              </span>\n              <span class=\"tag bg-gray-100 mr-2\">{{ game.developer.name }}</span>\n              <span class=\"tag bg-gray-100\">{{ game.library_count ? game.library_count : '0' }} {{ game.library_count == 1 ? 'User' : 'Users' }}</span>\n            </div>\n          </div>\n          <div class=\"w-full  text-gray-700 text-sm synopsis\">\n            {{ game.synopsis }}\n          </div>\n        </div>\n      </router-link>\n    </template>\n  </BaseCard>\n</template>\n\n<script>\nimport BaseCard from '@/components/cards/Base.vue'\n\nexport default {\n    name: 'GameCard',\n    components: {\n      BaseCard\n    },\n    props: {\n      game: {\n        type: Object,\n        required: true\n      },\n    },\n    computed: {\n      gameIconURL () {\n        return (this.$store.state.gameIconURL + this.game.icon);\n      },\n      gameIcon () {\n        return {\n          backgroundImage: 'url(' + this.gameIconURL + ')',\n          backgroundPosition: 'center center',\n          backgroundRepeat: 'no-repeat'\n        }\n      }\n\n    },\n};\n</script>\n\n<style scoped>\n@media only screen and (min-width: 1024px) {\n  .image-clip-path {\n    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);\n  }\n}\n.synopsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\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!./Game.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!./Game.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Game.vue?vue&type=template&id=e9214d86&scoped=true&\"\nimport script from \"./Game.vue?vue&type=script&lang=js&\"\nexport * from \"./Game.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Game.vue?vue&type=style&index=0&id=e9214d86&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  \"e9214d86\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"wave-container\"},[_c('Header',{attrs:{\"background\":'',\"searchEnabled\":false}}),_c('div',{staticClass:\"max-w-7xl mx-auto\"},[_c('div',{staticClass:\"mt-10 mx-auto max-w-screen-xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-32 mb-24 lg:mb-0\"},[_c('div',{staticClass:\"sm:text-center lg:text-left\"},[_vm._m(0),_c('p',{staticClass:\"mt-3 text-base text-gray-300 sm:mt-5 sm:text-lg  sm:mx-auto md:mt-5 md:text-xl lg:mx-0\"},[_vm._v(\" Track, discover, review, recommend and discuss video games. \")]),_c('div',{staticClass:\"flex justify-center lg:justify-start w-full mt-5 hidden lg:inline-flex\"},[_c('div',{staticClass:\"w-1/2 lg:w-7/12 xl:w-1/2 h-auto xl:h-48\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.game)?_c('GameCard',{attrs:{\"game\":_vm.game}}):_vm._e()],1)],1)])])])]),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 1440 320\"}},[_c('path',{attrs:{\"fill\":\"#FFF\",\"fill-opacity\":\"1\",\"d\":\"M0,192L48,192C96,192,192,192,288,208C384,224,480,256,576,250.7C672,245,768,203,864,181.3C960,160,1056,160,1152,170.7C1248,181,1344,203,1392,213.3L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"}})])],1),_c('Container',{staticClass:\"z-50 relative xl:-mt-20\",attrs:{\"maxWidth\":\"max-w-xl lg:max-w-screen-xl\"}},[_c('h3',{staticClass:\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\"},[_vm._v(\" Trending \")])]),(_vm.trendingGames)?_c('div',{staticClass:\"px-4 sm:px-6 md:px-8\"},[_c('carousel-3d',{attrs:{\"border\":0,\"height\":256,\"width\":608,\"perspective\":25,\"controlsVisible\":true,\"autoplay\":false,\"autoplay-timeout\":5000,\"autoplayHoverPause\":true}},_vm._l((_vm.trendingGames),function(game,i){return _c('slide',{key:i,attrs:{\"index\":i}},[_c('GameCard',{attrs:{\"game\":game}})],1)}),1)],1):_vm._e(),_c('div',{staticClass:\"overflow-hidden py-8 lg:py-12 mt-10\"},[_c('div',{staticClass:\"relative max-w-xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-screen-xl\"},[_c('svg',{staticClass:\"hidden lg:block absolute left-full transform -translate-x-1/2 -translate-y-1/4\",attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"none\",\"viewBox\":\"0 0 404 784\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"b1e6e422-73f8-40a6-b5d9-c8586e37e0e7\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)\"}})]),_c('div',{staticClass:\"relative lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center\"},[_c('div',{staticClass:\"relative\"},[_c('h3',{staticClass:\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\"},[_c('router-link',{staticClass:\"hover:text-primary transition duration-150 ease-in-out\",attrs:{\"to\":{ name: 'Reviews' }}},[_vm._v(\"Reviews\")])],1),_c('p',{staticClass:\"mt-4 text-lg leading-7 text-gray-500\"},[_vm._v(\" Share your thoughts and opinions for games you really enjoyed playing or for ones you thought were mediocre! Read up on what other people have to say for games that interest you. \")]),_c('ul',{staticClass:\"mt-10\"},[_c('li',[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex-shrink-0\"},[_c('div',{staticClass:\"flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white\"},[_c('svg',{staticClass:\"w-6 h-6\",attrs:{\"fill\":\"none\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"d\":\"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5\"}})])])]),_vm._m(1)])])])]),_c('div',{staticClass:\"mt-10 -mx-4 relative lg:mt-0\"},[_c('svg',{staticClass:\"absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden\",attrs:{\"width\":\"784\",\"height\":\"404\",\"fill\":\"none\",\"viewBox\":\"0 0 784 404\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"ca9667ae-9f92-4be7-abcb-9e3d727f2941\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"784\",\"height\":\"404\",\"fill\":\"url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)\"}})]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.review)?_c('div',{staticClass:\"relative px-6 md:px-0\"},[_c('ReviewCard',{attrs:{\"data\":_vm.review}})],1):_vm._e()])],1)]),_c('svg',{staticClass:\"hidden lg:block absolute right-full transform translate-x-1/2 translate-y-12\",attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"none\",\"viewBox\":\"0 0 404 784\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"64e643ad-2176-4f86-b3d7-f2c5da3b6a6d\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)\"}})]),_c('div',{staticClass:\"relative mt-12 sm:mt-16 lg:mt-24\"},[_c('div',{staticClass:\"lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:gap-8 lg:items-center\"},[_c('div',{staticClass:\"lg:ml-5 lg:col-start-2\"},[_c('h3',{staticClass:\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\"},[_c('router-link',{staticClass:\"hover:text-primary transition duration-150 ease-in-out\",attrs:{\"to\":{ name: 'Recommendations' }}},[_vm._v(\"Recommendations\")])],1),_c('p',{staticClass:\"mt-4 text-lg leading-7 text-gray-500\"},[_vm._v(\" Looking for games that are similar to what you've played? Or have a suggestion? Then, check out or write a recommendation! \")]),_c('ul',{staticClass:\"mt-10\"},[_c('li',[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex-shrink-0\"},[_c('div',{staticClass:\"flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white\"},[_c('svg',{staticClass:\"h-6 w-6\",attrs:{\"stroke\":\"currentColor\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"d\":\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"}})])])]),_vm._m(2)])])])]),_c('div',{staticClass:\"mt-10 -mx-4 relative lg:mt-0 lg:col-start-1\"},[_c('svg',{staticClass:\"absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden\",attrs:{\"width\":\"784\",\"height\":\"404\",\"fill\":\"none\",\"viewBox\":\"0 0 784 404\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"e80155a9-dfde-425a-b5ea-1f6fadd20131\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"784\",\"height\":\"404\",\"fill\":\"url(#e80155a9-dfde-425a-b5ea-1f6fadd20131)\"}})]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.recommendation)?_c('div',{staticClass:\"relative px-6 md:px-0\"},[_c('RecommendationCard',{attrs:{\"data\":_vm.recommendation}})],1):_vm._e()])],1)])])])]),(_vm.stats)?_c('Stats',{staticClass:\"my-15\",attrs:{\"data\":_vm.stats}}):_vm._e(),_c('div',{staticClass:\"overflow-hidden py-8 lg:py-12\"},[_c('div',{staticClass:\"relative max-w-xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-screen-xl\"},[_c('svg',{staticClass:\"hidden lg:block absolute left-full transform -translate-x-1/2 -translate-y-1/4\",attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"none\",\"viewBox\":\"0 0 404 784\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"b1e6e422-73f8-40a6-b5d9-c8586e37e0e7\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)\"}})]),_c('div',{staticClass:\"relative lg:grid lg:grid-cols-3 lg:gap-8 lg:items-center\"},[_c('div',{staticClass:\"relative col-span-1\"},[_c('h3',{staticClass:\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\"},[_c('router-link',{staticClass:\"hover:text-primary transition duration-150 ease-in-out\",attrs:{\"to\":{ name: 'Forums' }}},[_vm._v(\"Forums\")])],1),_c('p',{staticClass:\"mt-4 text-lg leading-7 text-gray-500\"},[_vm._v(\" Discuss games, news, events, hardware, strategies or anything else with the community! \")])]),_c('div',{staticClass:\"mt-10 -mx-4 relative lg:mt-0 col-span-2\"},[_c('svg',{staticClass:\"absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden\",attrs:{\"width\":\"784\",\"height\":\"404\",\"fill\":\"none\",\"viewBox\":\"0 0 784 404\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"ca9667ae-9f92-4be7-abcb-9e3d727f2941\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"784\",\"height\":\"404\",\"fill\":\"url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)\"}})]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"relative px-6 md:px-0\"},[_c('router-link',{attrs:{\"to\":{ name: 'Forums' }}},[_c('BaseCard',{staticClass:\"group\",scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('div',{staticClass:\"flex group-hover:opacity-75 transition duration-150 ease-in-out\"},[_c('div',{staticClass:\"flex-none\"},[_c('img',{staticClass:\"inline-block h-24 w-24 rounded-full\",attrs:{\"src\":require(\"@/assets/sample_avatar.jpg\"),\"alt\":\"sample_avatar\"}})]),_c('div',{staticClass:\"text-gray-700 ml-7\"},[_c('div',{staticClass:\"flex items-baseline\"},[_c('div',{staticClass:\"font-bold\"},[_vm._v(\"Sephiroth\")]),_c('div',{staticClass:\"text-xs ml-1\"},[_vm._v(\"15m ago\")])]),_c('div',{staticClass:\"mt-4 leading-relaxed\"},[_c('p',[_vm._v(\" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. \")]),_c('p',{staticClass:\"mt-3\"},[_vm._v(\" Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. \")])])])])]},proxy:true}])})],1)],1)])],1)]),_c('svg',{staticClass:\"hidden lg:block absolute right-full transform translate-x-1/2 translate-y-12\",attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"none\",\"viewBox\":\"0 0 404 784\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"64e643ad-2176-4f86-b3d7-f2c5da3b6a6d\",\"x\":\"0\",\"y\":\"0\",\"width\":\"20\",\"height\":\"20\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{staticClass:\"text-gray-200\",attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"4\",\"height\":\"4\",\"fill\":\"currentColor\"}})])]),_c('rect',{attrs:{\"width\":\"404\",\"height\":\"784\",\"fill\":\"url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)\"}})])])]),_c('Container',{staticClass:\"mt-10\",attrs:{\"maxWidth\":\"max-w-xl lg:max-w-screen-xl\"}},[_c('h3',{staticClass:\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\"},[_vm._v(\" Recent User Activity \")])]),(_vm.recentActivity)?_c('div',[_c('carousel-3d',{attrs:{\"border\":0,\"height\":175,\"width\":500,\"display\":5,\"controlsVisible\":false,\"perspective\":0,\"space\":630,\"disable3d\":false,\"autoplay\":true,\"autoplay-timeout\":5000,\"autoplayHoverPause\":true}},_vm._l((_vm.recentActivity),function(activity,i){return _c('slide',{key:i,attrs:{\"index\":i}},[_c('UserActivityCard',{attrs:{\"data\":activity}})],1)}),1)],1):_vm._e(),_c('Footer',{staticClass:\"mt-15\"})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h2',{staticClass:\"text-4xl leading-10 font-bold text-gray-200 sm:text-5xl sm:leading-none md:text-5xl\"},[_vm._v(\" Welcome to \"),_c('span',{staticClass:\"mako-shadow px-1\"},[_vm._v(\"Mythril\")]),_vm._v(\"! \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ml-4\"},[_c('h5',{staticClass:\"text-lg leading-6 font-medium text-gray-900\"},[_vm._v(\"User Feedback\")]),_c('p',{staticClass:\"mt-2 text-base leading-6 text-gray-500\"},[_vm._v(\" Share your feedback for reviews you've read. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ml-4\"},[_c('h5',{staticClass:\"text-lg leading-6 font-medium text-gray-900\"},[_vm._v(\"Choose Specific Releases\")]),_c('p',{staticClass:\"mt-2 text-base leading-6 text-gray-500\"},[_vm._v(\" Recommend the PC version of Final Fantasy XII: The Zodiac Age instead of the original PS2 version. \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseCard',{attrs:{\"padding\":false},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('div',{staticClass:\"group flex justify-between items-center h-full hover:opacity-100\",staticStyle:{\"height\":\"175px\"}},[_c('div',{staticClass:\"flex-none pl-5 hidden lg:inline-flex\"},[_c('router-link',{staticClass:\"h-24 w-24 inline-block\",attrs:{\"to\":{ name: 'UserProfile', params: { username: _vm.data.user.username }}}},[_c('img',{staticClass:\"rounded-full\",attrs:{\"src\":_vm.getUserAvatar(_vm.data.user),\"alt\":_vm.data.user.username}})])],1),_c('div',{staticClass:\"w-7/12 md:w-1/2 px-5 -mt-3 md:mt-0\"},[_c('p',{staticClass:\"text-gray-700 font-medium text-xl \"},[_c('router-link',{attrs:{\"to\":{ name: 'UserProfile', params: { username: _vm.data.user.username }}}},[_vm._v(\" \"+_vm._s(_vm.data.user.username)+\" \")])],1),_c('p',{staticClass:\"text-sm antialiased\"},[_vm._v(\" \"+_vm._s(_vm.data.play_status.name)+\": \"),_c('router-link',{staticClass:\"text-primary hover:underline\",attrs:{\"to\":{ name: 'Game', params: { id: _vm.data.release.game.id, slug: _vm.data.release.game.slug }}}},[_vm._v(_vm._s(_vm.data.release.game.title))]),_vm._v(\". \")],1),_c('p',[_c('small',{staticClass:\"mt-2 md:mt-5 tag\"},[_vm._v(_vm._s(_vm._f(\"ago\")(_vm.data.created_at)))])])]),_c('div',{staticClass:\"h-full w-5/12 md:w-1/3 image-clip-path flex-none bg-cover bg-no-repeat bg-center text-center overflow-hidden group-hover:scale-105 transform duration-200 ease-out \",style:(_vm.gameIcon),attrs:{\"title\":_vm.data.release.game.title}})])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <BaseCard :padding=\"false\">\n    <template #body>\n\n      <div class=\"group flex justify-between items-center h-full hover:opacity-100\" style=\"height: 175px;\">\n        <div class=\"flex-none pl-5 hidden lg:inline-flex\">\n          <router-link :to=\"{ name: 'UserProfile', params: { username: data.user.username }}\" class=\"h-24 w-24 inline-block\">\n            <img class=\"rounded-full\" :src=\"getUserAvatar(data.user)\" :alt=\"data.user.username\" />\n          </router-link>\n        </div>\n        <div class=\"w-7/12 md:w-1/2 px-5 -mt-3 md:mt-0\">\n          <p class=\"text-gray-700 font-medium text-xl \">\n            <router-link :to=\"{ name: 'UserProfile', params: { username: data.user.username }}\">\n              {{ data.user.username }}\n            </router-link>\n          </p>\n          <p class=\"text-sm antialiased\">\n            {{ data.play_status.name }}: <router-link :to=\"{ name: 'Game', params: { id: data.release.game.id, slug: data.release.game.slug }}\" class=\"text-primary hover:underline\">{{ data.release.game.title }}</router-link>.\n          </p>\n          <p><small class=\"mt-2 md:mt-5 tag\">{{ data.created_at | ago }}</small></p>\n        </div>\n        <div\n          class=\"h-full w-5/12 md:w-1/3 image-clip-path flex-none bg-cover bg-no-repeat bg-center text-center overflow-hidden group-hover:scale-105 transform duration-200 ease-out \"\n          v-bind:style=\"gameIcon\" :title=\"data.release.game.title\"\n        >\n        </div>\n      </div>\n\n    </template>\n  </BaseCard>\n</template>\n\n<script>\nimport BaseCard from '@/components/cards/Base.vue'\nimport { iconsMixin, gameTitleMixin } from '@/mixins';\n\nexport default {\n    name: 'UserActivityCard',\n    mixins: [iconsMixin, gameTitleMixin],\n    components: {\n      BaseCard\n    },\n    props: {\n      data: {\n        required: true\n      },\n    },\n    computed: {\n      gameIcon () {\n        return {\n          backgroundImage: 'url(' + this.getGameIcon(this.data.release.game) + ')',\n        }\n      }\n    },\n};\n</script>\n\n<style scoped>\n/* @media only screen and (min-width: 1024px) { */\n  .image-clip-path {\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);\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!./UserActivity.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!./UserActivity.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserActivity.vue?vue&type=template&id=c5401ca4&scoped=true&\"\nimport script from \"./UserActivity.vue?vue&type=script&lang=js&\"\nexport * from \"./UserActivity.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserActivity.vue?vue&type=style&index=0&id=c5401ca4&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  \"c5401ca4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-primary\"},[_c('div',{staticClass:\"max-w-screen-xl mx-auto py-12 px-4 sm:py-16 sm:px-6 lg:px-8 lg:py-20\"},[_c('div',{staticClass:\"mt-10 text-center sm:max-w-7xl sm:mx-auto sm:grid sm:grid-cols-5 sm:gap-8\"},[_c('div',[_c('p',{staticClass:\"text-5xl leading-none font-extrabold text-white\"},[_c('router-link',{attrs:{\"to\":{ name: 'Games' }}},[_vm._v(_vm._s(_vm.data.games))])],1),_c('p',{staticClass:\"mt-2 text-lg leading-6 font-medium text-white\"},[_vm._v(\" Games \")])]),_c('div',{staticClass:\"mt-10 sm:mt-0\"},[_c('p',{staticClass:\"text-5xl leading-none font-extrabold text-white\"},[_c('router-link',{attrs:{\"to\":{ name: 'Games' }}},[_vm._v(_vm._s(_vm.data.releases))])],1),_c('p',{staticClass:\"mt-2 text-lg leading-6 font-medium text-white\"},[_vm._v(\" Releases \")])]),_c('div',{staticClass:\"mt-10 sm:mt-0\"},[_c('p',{staticClass:\"text-5xl leading-none font-extrabold text-white\"},[_vm._v(\" \"+_vm._s(_vm.data.users)+\" \")]),_c('p',{staticClass:\"mt-2 text-lg leading-6 font-medium text-white\"},[_vm._v(\" Users \")])]),_c('div',{staticClass:\"mt-10 sm:mt-0\"},[_c('p',{staticClass:\"text-5xl leading-none font-extrabold text-white\"},[_c('router-link',{attrs:{\"to\":{ name: 'Reviews' }}},[_vm._v(_vm._s(_vm.data.reviews))])],1),_c('p',{staticClass:\"mt-2 text-lg leading-6 font-medium text-white\"},[_vm._v(\" Reviews \")])]),_c('div',{staticClass:\"mt-10 sm:mt-0\"},[_c('p',{staticClass:\"text-5xl leading-none font-extrabold text-white\"},[_c('router-link',{attrs:{\"to\":{ name: 'Recommendations' }}},[_vm._v(_vm._s(_vm.data.recommendations))])],1),_c('p',{staticClass:\"mt-2 text-lg leading-6 font-medium text-white\"},[_vm._v(\" Recommendations \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <div class=\"bg-primary\">\n    <div class=\"max-w-screen-xl mx-auto py-12 px-4 sm:py-16 sm:px-6 lg:px-8 lg:py-20\">\n      <div class=\"mt-10 text-center sm:max-w-7xl sm:mx-auto sm:grid sm:grid-cols-5 sm:gap-8\">\n        <div>\n          <p class=\"text-5xl leading-none font-extrabold text-white\">\n            <router-link :to=\"{ name: 'Games' }\">{{ data.games }}</router-link>\n          </p>\n          <p class=\"mt-2 text-lg leading-6 font-medium text-white\">\n            Games\n          </p>\n        </div>\n        <div class=\"mt-10 sm:mt-0\">\n          <p class=\"text-5xl leading-none font-extrabold text-white\">\n            <router-link :to=\"{ name: 'Games' }\">{{ data.releases }}</router-link>\n          </p>\n          <p class=\"mt-2 text-lg leading-6 font-medium text-white\">\n            Releases\n          </p>\n        </div>\n        <div class=\"mt-10 sm:mt-0\">\n          <p class=\"text-5xl leading-none font-extrabold text-white\">\n            {{ data.users }}\n          </p>\n          <p class=\"mt-2 text-lg leading-6 font-medium text-white\">\n            Users\n          </p>\n        </div>\n        <div class=\"mt-10 sm:mt-0\">\n          <p class=\"text-5xl leading-none font-extrabold text-white\">\n            <router-link :to=\"{ name: 'Reviews' }\">{{ data.reviews }}</router-link>\n          </p>\n          <p class=\"mt-2 text-lg leading-6 font-medium text-white\">\n            Reviews\n          </p>\n        </div>\n        <div class=\"mt-10 sm:mt-0\">\n          <p class=\"text-5xl leading-none font-extrabold text-white\">\n            <router-link :to=\"{ name: 'Recommendations' }\">{{ data.recommendations }}</router-link>\n          </p>\n          <p class=\"mt-2 text-lg leading-6 font-medium text-white\">\n            Recommendations\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<script>\nexport default {\n    name: 'Stats',\n    props: {\n      data: {\n        type: Object,\n        required: true,\n      },\n    },\n};\n</script>\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!./Stats.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!./Stats.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Stats.vue?vue&type=template&id=76c70dcf&\"\nimport script from \"./Stats.vue?vue&type=script&lang=js&\"\nexport * from \"./Stats.vue?vue&type=script&lang=js&\"\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","<template>\n  <div>\n\n    <div class=\"wave-container\">\n      <Header :background=\"''\" :searchEnabled=\"false\" />\n\n      <div class=\"max-w-7xl mx-auto\">\n        <div class=\"mt-10 mx-auto max-w-screen-xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-32 mb-24 lg:mb-0\">\n            <div class=\"sm:text-center lg:text-left\">\n              <h2 class=\"text-4xl leading-10 font-bold text-gray-200 sm:text-5xl sm:leading-none md:text-5xl\">\n                Welcome to <span class=\"mako-shadow px-1\">Mythril</span>!\n              </h2>\n              <p class=\"mt-3 text-base text-gray-300 sm:mt-5 sm:text-lg  sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                Track, discover, review, recommend and discuss video games.\n              </p>\n              <div class=\"flex justify-center lg:justify-start w-full mt-5 hidden lg:inline-flex\">\n                <div class=\"w-1/2 lg:w-7/12 xl:w-1/2 h-auto xl:h-48\">\n                  <transition name=\"fade\">\n                    <GameCard v-if=\"game\" :game=\"game\" />\n                  </transition>\n                </div>\n              </div>\n            </div>\n        </div>\n      </div>\n\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"#FFF\" fill-opacity=\"1\" d=\"M0,192L48,192C96,192,192,192,288,208C384,224,480,256,576,250.7C672,245,768,203,864,181.3C960,160,1056,160,1152,170.7C1248,181,1344,203,1392,213.3L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>\n    </div>\n\n    <Container class=\"z-50 relative xl:-mt-20\" maxWidth=\"max-w-xl lg:max-w-screen-xl\">\n      <h3 class=\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\">\n        Trending\n      </h3>\n    </Container>\n\n    <div v-if=\"trendingGames\" class=\"px-4 sm:px-6 md:px-8\">\n      <carousel-3d\n        :border=\"0\"\n        :height=\"256\"\n        :width=\"608\"\n        :perspective=\"25\"\n        :controlsVisible=\"true\"\n        :autoplay=\"false\"\n        :autoplay-timeout=\"5000\"\n        :autoplayHoverPause=\"true\">\n        <slide v-for=\"(game, i) in trendingGames\" :index=\"i\" :key=\"i\">\n          <GameCard :game=\"game\" />\n        </slide>\n      </carousel-3d>\n    </div>\n\n    <div class=\"overflow-hidden py-8 lg:py-12 mt-10\">\n      <div class=\"relative max-w-xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-screen-xl\">\n        <svg class=\"hidden lg:block absolute left-full transform -translate-x-1/2 -translate-y-1/4\" width=\"404\" height=\"784\" fill=\"none\" viewBox=\"0 0 404 784\">\n          <defs>\n            <pattern id=\"b1e6e422-73f8-40a6-b5d9-c8586e37e0e7\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n              <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n            </pattern>\n          </defs>\n          <rect width=\"404\" height=\"784\" fill=\"url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)\" />\n        </svg>\n\n        <div class=\"relative lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center\">\n          <div class=\"relative\">\n            <h3 class=\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\">\n              <router-link :to=\"{ name: 'Reviews' }\" class=\"hover:text-primary transition duration-150 ease-in-out\">Reviews</router-link>\n            </h3>\n            <p class=\"mt-4 text-lg leading-7 text-gray-500\">\n              Share your thoughts and opinions for games you really enjoyed playing or for ones you thought were mediocre! Read up on what other people have to say for games that interest you.\n            </p>\n\n            <ul class=\"mt-10\">\n              <li>\n                <div class=\"flex\">\n                  <div class=\"flex-shrink-0\">\n                    <div class=\"flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white\">\n                      <svg fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"w-6 h-6\">\n                        <path d=\"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5\"></path>\n                      </svg>\n                    </div>\n                  </div>\n                  <div class=\"ml-4\">\n                    <h5 class=\"text-lg leading-6 font-medium text-gray-900\">User Feedback</h5>\n                    <p class=\"mt-2 text-base leading-6 text-gray-500\">\n                      Share your feedback for reviews you've read.\n                    </p>\n                  </div>\n                </div>\n              </li>\n            </ul>\n          </div>\n\n          <div class=\"mt-10 -mx-4 relative lg:mt-0\">\n            <svg class=\"absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden\" width=\"784\" height=\"404\" fill=\"none\" viewBox=\"0 0 784 404\">\n              <defs>\n                <pattern id=\"ca9667ae-9f92-4be7-abcb-9e3d727f2941\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                  <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n                </pattern>\n              </defs>\n              <rect width=\"784\" height=\"404\" fill=\"url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)\" />\n            </svg>\n            <transition name=\"fade\">\n              <div v-if=\"review\" class=\"relative px-6 md:px-0\">\n                <ReviewCard :data=\"review\" />\n              </div>\n            </transition>\n          </div>\n        </div>\n\n        <svg class=\"hidden lg:block absolute right-full transform translate-x-1/2 translate-y-12\" width=\"404\" height=\"784\" fill=\"none\" viewBox=\"0 0 404 784\">\n          <defs>\n            <pattern id=\"64e643ad-2176-4f86-b3d7-f2c5da3b6a6d\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n              <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n            </pattern>\n          </defs>\n          <rect width=\"404\" height=\"784\" fill=\"url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)\" />\n        </svg>\n\n        <div class=\"relative mt-12 sm:mt-16 lg:mt-24\">\n          <div class=\"lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:gap-8 lg:items-center\">\n            <div class=\"lg:ml-5 lg:col-start-2\">\n              <h3 class=\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\">\n                <router-link :to=\"{ name: 'Recommendations' }\" class=\"hover:text-primary transition duration-150 ease-in-out\">Recommendations</router-link>\n              </h3>\n              <p class=\"mt-4 text-lg leading-7 text-gray-500\">\n                Looking for games that are similar to what you've played? Or have a suggestion? Then, check out or write a recommendation!\n              </p>\n\n              <ul class=\"mt-10\">\n                <li>\n                  <div class=\"flex\">\n                    <div class=\"flex-shrink-0\">\n                      <div class=\"flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white\">\n                        <svg class=\"h-6 w-6\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 24 24\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"/>\n                        </svg>\n                      </div>\n                    </div>\n                    <div class=\"ml-4\">\n                      <h5 class=\"text-lg leading-6 font-medium text-gray-900\">Choose Specific Releases</h5>\n                      <p class=\"mt-2 text-base leading-6 text-gray-500\">\n                        Recommend the PC version of Final Fantasy XII: The Zodiac Age instead of the original PS2 version.\n                      </p>\n                    </div>\n                  </div>\n                </li>\n              </ul>\n            </div>\n\n            <div class=\"mt-10 -mx-4 relative lg:mt-0 lg:col-start-1\">\n              <svg class=\"absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden\" width=\"784\" height=\"404\" fill=\"none\" viewBox=\"0 0 784 404\">\n                <defs>\n                  <pattern id=\"e80155a9-dfde-425a-b5ea-1f6fadd20131\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                    <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n                  </pattern>\n                </defs>\n                <rect width=\"784\" height=\"404\" fill=\"url(#e80155a9-dfde-425a-b5ea-1f6fadd20131)\" />\n              </svg>\n              <transition name=\"fade\">\n                <div v-if=\"recommendation\" class=\"relative px-6 md:px-0\">\n                  <RecommendationCard :data=\"recommendation\" />\n                </div>\n              </transition>\n              <!-- <img class=\"relative mx-auto\" width=\"490\" src=\"\" alt=\"\" /> -->\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <Stats v-if=\"stats\" class=\"my-15\" :data=\"stats\" />\n\n    <div class=\"overflow-hidden py-8 lg:py-12\">\n      <div class=\"relative max-w-xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-screen-xl\">\n        <svg class=\"hidden lg:block absolute left-full transform -translate-x-1/2 -translate-y-1/4\" width=\"404\" height=\"784\" fill=\"none\" viewBox=\"0 0 404 784\">\n          <defs>\n            <pattern id=\"b1e6e422-73f8-40a6-b5d9-c8586e37e0e7\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n              <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n            </pattern>\n          </defs>\n          <rect width=\"404\" height=\"784\" fill=\"url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)\" />\n        </svg>\n\n        <div class=\"relative lg:grid lg:grid-cols-3 lg:gap-8 lg:items-center\">\n          <div class=\"relative col-span-1\">\n            <h3 class=\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\">\n              <router-link :to=\"{ name: 'Forums' }\" class=\"hover:text-primary transition duration-150 ease-in-out\">Forums</router-link>\n            </h3>\n            <p class=\"mt-4 text-lg leading-7 text-gray-500\">\n              Discuss games, news, events, hardware, strategies or anything else with the community!\n            </p>\n\n            <!-- <ul class=\"mt-10\">\n              <li>\n                <div class=\"flex\">\n                  <div class=\"flex-shrink-0\">\n                    <div class=\"flex items-center justify-center h-12 w-12 rounded-md bg-primary text-white\">\n                      <svg class=\"h-6 w-6\" stroke=\"currentColor\" fill=\"none\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"/>\n                      </svg>\n                    </div>\n                  </div>\n                  <div class=\"ml-4\">\n                    <h5 class=\"text-lg leading-6 font-medium text-gray-900\">Competitive exchange rates</h5>\n                    <p class=\"mt-2 text-base leading-6 text-gray-500\">\n                      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.\n                    </p>\n                  </div>\n                </div>\n              </li>\n            </ul> -->\n          </div>\n\n          <div class=\"mt-10 -mx-4 relative lg:mt-0 col-span-2\">\n            <svg class=\"absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden\" width=\"784\" height=\"404\" fill=\"none\" viewBox=\"0 0 784 404\">\n              <defs>\n                <pattern id=\"ca9667ae-9f92-4be7-abcb-9e3d727f2941\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                  <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n                </pattern>\n              </defs>\n              <rect width=\"784\" height=\"404\" fill=\"url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)\" />\n            </svg>\n            <transition name=\"fade\">\n              <div class=\"relative px-6 md:px-0\">\n                <router-link :to=\"{ name: 'Forums' }\">\n                <BaseCard class=\"group\">\n                  <template #body>\n                    <div class=\"flex group-hover:opacity-75 transition duration-150 ease-in-out\">\n                        <div class=\"flex-none\">\n                          <img class=\"inline-block h-24 w-24 rounded-full\" src=\"@/assets/sample_avatar.jpg\" alt=\"sample_avatar\" />\n                        </div>\n                        <div class=\"text-gray-700 ml-7\">\n                          <div class=\"flex items-baseline\">\n                            <div class=\"font-bold\">Sephiroth</div>\n                            <div class=\"text-xs ml-1\">15m ago</div>\n                          </div>\n                          <div class=\"mt-4 leading-relaxed\">\n                            <p>\n                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n                            </p>\n                            <p class=\"mt-3\">\n                              Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n                            </p>\n                          </div>\n                        </div>\n                    </div>\n                  </template>\n                </BaseCard>\n                </router-link>\n              </div>\n            </transition>\n          </div>\n        </div>\n\n        <svg class=\"hidden lg:block absolute right-full transform translate-x-1/2 translate-y-12\" width=\"404\" height=\"784\" fill=\"none\" viewBox=\"0 0 404 784\">\n          <defs>\n            <pattern id=\"64e643ad-2176-4f86-b3d7-f2c5da3b6a6d\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n              <rect x=\"0\" y=\"0\" width=\"4\" height=\"4\" class=\"text-gray-200\" fill=\"currentColor\" />\n            </pattern>\n          </defs>\n          <rect width=\"404\" height=\"784\" fill=\"url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)\" />\n        </svg>\n\n      </div>\n    </div>\n\n\n    <Container class=\"mt-10\" maxWidth=\"max-w-xl lg:max-w-screen-xl\">\n      <h3 class=\"text-4xl leading-8 font-extrabold tracking-tight text-gray-700 sm:text-5xl sm:leading-10\">\n        Recent User Activity\n      </h3>\n    </Container>\n\n    <div v-if=\"recentActivity\">\n      <carousel-3d\n        :border=\"0\"\n        :height=\"175\"\n        :width=\"500\"\n        :display=\"5\"\n        :controlsVisible=\"false\"\n        :perspective=\"0\"\n        :space=\"630\"\n        :disable3d=\"false\"\n        :autoplay=\"true\"\n        :autoplay-timeout=\"5000\"\n        :autoplayHoverPause=\"true\">\n        <slide v-for=\"(activity, i) in recentActivity\" :index=\"i\" :key=\"i\">\n          <UserActivityCard :data=\"activity\" />\n        </slide>\n      </carousel-3d>\n    </div>\n\n    <Footer class=\"mt-15\" />\n\n  </div>\n</template>\n\n<script>\nimport Header from '@/components/layout/Header.vue'\nimport GameCard from '@/components/cards/Game.vue'\nimport BaseCard from '@/components/cards/Base.vue'\nimport ReviewCard from '@/components/cards/Review.vue'\nimport RecommendationCard from '@/components/cards/Recommendation.vue'\nimport UserActivityCard from '@/components/cards/UserActivity.vue'\nimport Container from '@/components/layout/Container.vue'\nimport Stats from '@/components/Stats.vue'\nimport Footer from '@/components/layout/Footer.vue'\nimport { homeService } from '@/services';\n\nexport default {\n    name: 'Home',\n    components: {\n      Header, GameCard, Container, ReviewCard, RecommendationCard, Stats, BaseCard, UserActivityCard, Footer\n    },\n    data () {\n      return {\n        game: null,\n        trendingGames: null,\n        review: null,\n        recommendation: null,\n        stats: null,\n        recentActivity: null\n      }\n    },\n    methods: {\n      getGame () {\n        const { dispatch } = this.$store;\n        homeService.getFeatured().then(\n          response => {\n            this.game = response.data;\n          },\n          error => {\n            dispatch('alert/error', \"Unable to retrieve game\", { root: true });\n          }\n        );\n      },\n      getTrending () {\n        const { dispatch } = this.$store;\n        homeService.getTrending().then(\n          response => {\n            this.trendingGames = response.data;\n          },\n          error => {\n            dispatch('alert/error', \"Unable to retrieve trending games\", { root: true });\n          }\n        );\n      },\n      getReview () {\n        const { dispatch } = this.$store;\n        homeService.getUserReview().then(\n          response => {\n            this.review = response.data;\n          },\n          error => {\n            dispatch('alert/error', \"Unable to retrieve review\", { root: true });\n          }\n        );\n      },\n      getRecommendation () {\n        const { dispatch } = this.$store;\n        homeService.getUserRecommendation().then(\n          response => {\n            this.recommendation = response.data;\n          },\n          error => {\n            dispatch('alert/error', \"Unable to retrieve recommendation\", { root: true });\n          }\n        );\n      },\n      getUserActivity () {\n        const { dispatch } = this.$store;\n        homeService.getUserActivity().then(\n          response => {\n            this.recentActivity = response.data;\n          },\n          error => {\n            dispatch('alert/error', \"Unable to retrieve recent user activity\", { root: true });\n          }\n        );\n      },\n      getStats () {\n        const { dispatch } = this.$store;\n        homeService.getStats().then(\n          response => {\n            this.stats = response.data;\n          },\n          error => {\n            dispatch('alert/error', \"Unable to retrieve stats\", { root: true });\n          }\n        );\n      }\n    },\n    created () {\n        this.getGame();\n        this.getTrending();\n        this.getReview();\n        this.getRecommendation();\n        this.getStats();\n        this.getUserActivity();\n    }\n};\n</script>\n\n<style lang=\"scss\">\n.wave-container {\n  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(\"../assets/wave-container.jpeg\");\n  background-size: cover; background-position: center;\n  position: relative;\n  color: #FFF;\n  text-align: center;\n  overflow: hidden;\n}\n.wave-container > svg {\n  display: block !important;\n  margin-top: -100px;\n}\n.carousel-3d-slide {\n  @apply bg-white overflow-hidden shadow rounded-lg bg-transparent my-2 #{!important}\n}\n.carousel-3d-container {\n  @apply h-auto pb-4 #{!important}\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=1fca8177&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&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","import mod 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!./Recommendation.vue?vue&type=style&index=0&id=0465e062&scoped=true&lang=css&\"; export default mod; 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!./Recommendation.vue?vue&type=style&index=0&id=0465e062&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mx-auto px-4 sm:px-6 lg:px-8\",class:_vm.maxWidth},[_c('div',{class:{ 'py-4 mb-6': _vm.padding }},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8\" v-bind:class=\"maxWidth\">\n    <div v-bind:class=\"{ 'py-4 mb-6': padding }\">\n\n      <slot></slot>\n\n    </div>\n  </div>\n\n</template>\n\n<script>\nexport default {\n    name: 'Container',\n    props: {\n      padding: {\n        type: Boolean,\n        required: false,\n        default: true\n      },\n      maxWidth: {\n        type: String,\n        required: false,\n        default: 'max-w-7xl'\n      },\n    },\n};\n</script>\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!./Container.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!./Container.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Container.vue?vue&type=template&id=417989fe&\"\nimport script from \"./Container.vue?vue&type=script&lang=js&\"\nexport * from \"./Container.vue?vue&type=script&lang=js&\"\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","import mod 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!./Game.vue?vue&type=style&index=0&id=e9214d86&scoped=true&lang=css&\"; export default mod; 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!./Game.vue?vue&type=style&index=0&id=e9214d86&scoped=true&lang=css&\""],"sourceRoot":""}