From 4b091fa967bd886e9698fdf83c3d9b2dbdf3082a Mon Sep 17 00:00:00 2001 From: Roy Date: Thu, 22 Jun 2017 15:50:41 +0300 Subject: [PATCH] fixed imageOn --- docs/index.html | 2 +- docs/static/js/app.1723a75dfac4d8a812b9.js | 2 -- .../static/js/app.1723a75dfac4d8a812b9.js.map | 1 - docs/static/js/app.fda10c53940dda31b0f3.js | 2 ++ .../static/js/app.fda10c53940dda31b0f3.js.map | 1 + ...b7.js => manifest.05663c71f6c4d08d68a2.js} | 4 ++-- ...p => manifest.05663c71f6c4d08d68a2.js.map} | 2 +- npm-debug.log | 24 ------------------- src/components/Main.vue | 18 ++++++++------ 9 files changed, 18 insertions(+), 38 deletions(-) delete mode 100644 docs/static/js/app.1723a75dfac4d8a812b9.js delete mode 100644 docs/static/js/app.1723a75dfac4d8a812b9.js.map create mode 100644 docs/static/js/app.fda10c53940dda31b0f3.js create mode 100644 docs/static/js/app.fda10c53940dda31b0f3.js.map rename docs/static/js/{manifest.5359325e32de5c9a6bb7.js => manifest.05663c71f6c4d08d68a2.js} (91%) rename docs/static/js/{manifest.5359325e32de5c9a6bb7.js.map => manifest.05663c71f6c4d08d68a2.js.map} (95%) delete mode 100644 npm-debug.log diff --git a/docs/index.html b/docs/index.html index 4cc21d8..3e8112b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,4 +1,4 @@ -Reddit-Art-Inspiration
\n\n\n\n\n\n// WEBPACK FOOTER //\n// App.vue?3480d64a","\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Explore.vue?01f21e20","\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Main.vue?29ce7300","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Toolbar.vue?6eee0634","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5a8900e2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Explore.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Explore.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5a8900e2\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Explore.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Explore.vue\n// module id = 42\n// module chunks = 1","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-64ee41fa\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Main.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Main.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-64ee41fa\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Main.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n \"data-v-64ee41fa\",\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Main.vue\n// module id = 43\n// module chunks = 1","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1d19ddca\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Toolbar.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Toolbar.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1d19ddca\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Toolbar.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Toolbar.vue\n// module id = 44\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('main-page')], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-001ac749\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 45\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n ref: \"toolbar\",\n attrs: {\n \"id\": \"toolbar\"\n },\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('i', {\n ref: \"faTimes\",\n staticClass: \"fa fa-times custom-fa fa-open-close\",\n class: {\n faOpacity: !_vm.isBars\n },\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.showTools\n }\n }), _vm._v(\" \"), _c('i', {\n ref: \"faBars\",\n staticClass: \"fa fa-bars custom-fa fa-open-close\",\n class: {\n faOpacity: _vm.isBars\n },\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.showTools\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"tools\",\n attrs: {\n \"id\": \"tools\"\n }\n }, [_c('a', {\n attrs: {\n \"href\": _vm.reddit,\n \"target\": \"_blank\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-reddit custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })]), _vm._v(\" \"), _c('i', {\n staticClass: \"fa fa-floppy-o custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.saveFunction\n }\n }), _vm._v(\" \"), _c('a', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showWhatsapp),\n expression: \"showWhatsapp\"\n }],\n attrs: {\n \"href\": 'whatsapp://send?text=' + _vm.getImgToShare,\n \"data-action\": \"share/whatsapp/share\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-whatsapp custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })]), _vm._v(\" \"), _c('i', {\n staticClass: \"fa fa-arrows-alt custom-fa\",\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.openFullScreen\n }\n })])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1d19ddca\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Toolbar.vue\n// module id = 46\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"explore-ele\",\n attrs: {\n \"id\": \"explore-wrapper\"\n }\n }, [_c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-more\"\n },\n on: {\n \"click\": function($event) {\n _vm.openExploreContent(1)\n }\n }\n }, [_vm._m(0)]), _vm._v(\" \"), _vm._m(1), _vm._v(\" \"), _c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-about\"\n },\n on: {\n \"click\": function($event) {\n _vm.openExploreContent(2)\n }\n }\n }, [_vm._m(2)])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', [_c('i', {\n staticClass: \"fa fa-search-plus fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-reddit\"\n }\n }, [_c('a', {\n attrs: {\n \"href\": \"https://www.reddit.com/r/Art/\",\n \"target\": \"_blank\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-reddit-alien fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', [_c('i', {\n staticClass: \"fa fa-question fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-5a8900e2\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Explore.vue\n// module id = 47\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"arts-wrapper\"\n }\n }, [_c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isLoading),\n expression: \"!isLoading\"\n }],\n staticClass: \"arts\"\n }, [_c('div', {\n ref: \"artOn\",\n class: _vm.winWidth > 754 ? 'aoDisplayFix' : '',\n style: ({\n height: _vm.winHeight\n }),\n attrs: {\n \"id\": \"art-on\"\n }\n }, [_c('toolbar', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.fullScreenImage || (_vm.winWidth < 754 && _vm.fullScreenImage)),\n expression: \"!fullScreenImage || (winWidth < 754 && fullScreenImage)\"\n }],\n attrs: {\n \"full-screen\": _vm.fullScreenImage,\n \"is-tools\": _vm.isToolsOpen,\n \"image-share\": _vm.imageOn,\n \"reddit\": _vm.imgReddit\n },\n on: {\n \"handle-hover\": _vm.toolsHandleHover\n }\n }), _vm._v(\" \"), _c('i', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.fullScreenImage),\n expression: \"fullScreenImage\"\n }],\n staticClass: \"fa fa-times ftimes\",\n on: {\n \"click\": _vm.closeImg\n }\n }), _vm._v(\" \"), _c('v-touch', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isMobile),\n expression: \"isMobile\"\n }],\n class: {\n 'img-opacity': _vm.isMobile\n },\n attrs: {\n \"tag\": \"span\",\n \"id\": \"iop-mobile\"\n },\n on: {\n \"tap\": _vm.handleHover\n }\n }, [_c('img', {\n ref: \"aoImg\",\n staticClass: \"ao-img\",\n class: {\n imgActive: _vm.fullScreenImage\n },\n attrs: {\n \"src\": _vm.imageOn\n },\n on: {\n \"click\": _vm.openImg\n }\n })]), _vm._v(\" \"), _c('span', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isMobile),\n expression: \"!isMobile\"\n }],\n ref: \"img-opacity\",\n class: [_vm.isMobile ? '' : 'img-opacity', {\n 'img-opacity-fs': _vm.isFullScreen\n }],\n attrs: {\n \"id\": \"iop-desktop\"\n },\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('img', {\n ref: \"aoImg\",\n staticClass: \"ao-img\",\n class: [{\n imgActive: _vm.fullScreenImage\n }, {\n 'ao-img-fs': _vm.isFullScreen\n }],\n attrs: {\n \"src\": _vm.imageOn\n },\n on: {\n \"click\": _vm.openImg\n }\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.aoHover),\n expression: \"aoHover\"\n }],\n staticClass: \"img-details\",\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('h1', {\n attrs: {\n \"id\": \"imgTitle\"\n }\n }, [_vm._v(_vm._s(_vm.imgTitle))]), _vm._v(\" \"), _c('h2', {\n attrs: {\n \"id\": \"imgAuthor\"\n }\n }, [_vm._v(_vm._s(_vm.imgAuthor))])])], 1), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.fullScreenImage),\n expression: \"!fullScreenImage\"\n }],\n attrs: {\n \"id\": \"arts-list\"\n }\n }, [_c('explore', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isLoading),\n expression: \"!isLoading\"\n }],\n on: {\n \"open-ec\": _vm.openExploreContent\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"al-container\"\n }, [_c('div', {\n ref: \"colA\",\n staticClass: \"colA\"\n }, _vm._l((_vm.urlsA), function(img, index) {\n return _c('div', {\n staticClass: \"al-item\",\n attrs: {\n \"id\": index\n }\n }, [_c('img', {\n staticClass: \"img-res\",\n attrs: {\n \"src\": img.src,\n \"imgAuthor\": img.author,\n \"imgTitle\": img.title,\n \"imgReddit\": 'https://www.reddit.com' + img.reddit\n },\n on: {\n \"click\": _vm.chooseImage\n }\n })])\n })), _vm._v(\" \"), _c('div', {\n ref: \"colB\",\n staticClass: \"colB\"\n }, _vm._l((_vm.urlsB), function(img, index) {\n return _c('div', {\n staticClass: \"al-item\",\n attrs: {\n \"id\": index\n }\n }, [_c('img', {\n staticClass: \"img-res\",\n attrs: {\n \"src\": img.src,\n \"imgAuthor\": img.author,\n \"imgTitle\": img.title,\n \"imgReddit\": 'https://www.reddit.com' + img.reddit\n },\n on: {\n \"click\": _vm.chooseImage\n }\n })])\n })), _vm._v(\" \"), _c('input', {\n staticClass: \"more_btn\",\n attrs: {\n \"type\": \"button\",\n \"value\": \"More\"\n },\n on: {\n \"click\": _vm.moreImages\n }\n })])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"clearboth\"\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isLoading),\n expression: \"isLoading\"\n }],\n staticClass: \"spinner\"\n }, [_c('div', {\n staticClass: \"bounce1\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"bounce2\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"bounce3\"\n })]), _vm._v(\" \"), _c('div', {\n attrs: {\n \"id\": \"toastc\"\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"explore-content\",\n staticClass: \"explore-ele\",\n attrs: {\n \"id\": \"explore-content\"\n }\n }, [_c('i', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isExploring),\n expression: \"isExploring\"\n }],\n staticClass: \"fa fa-times ftimes\",\n on: {\n \"click\": _vm.closeExploreContent\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"ex-more\",\n staticClass: \"explore-tab\",\n staticStyle: {\n \"display\": \"none\"\n }\n }, [_c('h1', [_vm._v(\" Discover More Art \")]), _vm._v(\" \"), _c('div', {\n attrs: {\n \"id\": \"ex-more-sites\"\n }\n }, _vm._l((_vm.sites), function(site) {\n return _c('div', {\n staticClass: \"site-thumb\",\n class: site.first ? 'first' : ''\n }, [_c('p', {\n staticClass: \"site-title\",\n domProps: {\n \"textContent\": _vm._s(site.title)\n }\n }), _vm._v(\" \"), _c('a', {\n attrs: {\n \"href\": site.url,\n \"target\": \"_blank\"\n }\n }, [_c('img', {\n staticClass: \"ex-sites-img\",\n attrs: {\n \"src\": site.thumbnail,\n \"alt\": \"site.title\"\n }\n })])])\n }))]), _vm._v(\" \"), _c('div', {\n ref: \"ex-about\",\n staticClass: \"explore-tab\",\n staticStyle: {\n \"display\": \"none\"\n }\n }, [_c('h1', [_vm._v(\" About This Project \")]), _vm._v(\" \"), _c('p', {\n staticClass: \"about-p\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.about)\n }\n })])])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-64ee41fa\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Main.vue\n// module id = 48\n// module chunks = 1"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/static/js/app.fda10c53940dda31b0f3.js b/docs/static/js/app.fda10c53940dda31b0f3.js new file mode 100644 index 0000000..f688ff5 --- /dev/null +++ b/docs/static/js/app.fda10c53940dda31b0f3.js @@ -0,0 +1,2 @@ +webpackJsonp([1],[,,,,,,,,function(e,t,i){function s(e){i(35)}var a=i(1)(i(31),i(45),s,null,null);e.exports=a.exports},,,function(e,t,i){"use strict";function s(e,t){void 0===t&&(t=2500);var i=document.getElementById("toastc");i.innerHTML=e,i.style.visibility="visible",i.style.opacity="1",i.style.top="30px",setTimeout(function(){i.style.visibility="hidden",i.style.opacity="0",i.style.top="100px"},t)}function a(e,t){s(e,t)}t.a=a},,,,,,,,,,,,,,,,,,,function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=i(10),a=i(8),n=i.n(a),o=i(11),r=i(9);s.a.use(r,{name:"v-touch"}),s.a.config.productionTip=!1,new s.a({el:"#app",toast:o.a,template:"",components:{App:n.a}}),s.a.prototype.$toast=o.a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=i(43),a=i.n(s);t.default={name:"app",components:{"main-page":a.a}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"explore",data:function(){return{fs:this.fullScreen,isBars:!0}},methods:{openExploreContent:function(e){1===e?this.$emit("open-ec","ex-more"):2===e&&this.$emit("open-ec","ex-about")}}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=i(12),a=i.n(s),n=i(44),o=i.n(n),r=i(42),l=i.n(r);t.default={name:"main",data:function(){return{isLoading:!0,urlsA:[],urlsB:[],winHeight:window.innerHeight+"px",winWidth:window.innerWidth,aoHover:!1,fullScreenImage:!1,isFullScreen:!1,isToolsOpen:!0,imageOn:"",imgAuthor:"Image Author",imgTitle:"Image Title",imgReddit:"Image Reddit",lastAfter:"",isMobile:!1,isExploring:!1,sites:[{thumbnail:"http://i-cdn.phonearena.com/images/article/49220-image/Samsungs-PEN.UP-is-Instagram-for-your-digital-artwork.jpg",url:"https://www.penup.com/",title:"PEN.UP",first:!0},{thumbnail:"http://img.freepik.com/free-icon/deviantart_318-136402.jpg?size=338&ext=jpg",url:"http://www.deviantart.com/whats-hot/?offset=0",title:"DEVIANT ART"},{thumbnail:"https://image.flaticon.com/icons/svg/56/56479.svg",url:"https://www.behance.net",title:"BEHANCE"}],about:c}},components:{Toolbar:o.a,Explore:l.a},computed:{isWideScreen:function(){return this.winWidth>754}},methods:{chooseImage:function(e){this.imageOn=e.target.src,this.imgAuthor=e.target.getAttribute("imgAuthor"),this.imgTitle=e.target.getAttribute("imgTitle"),this.imgReddit=e.target.getAttribute("imgReddit"),this.$refs.aoImg.src=this.imageOn,window.innerWidth<754&&(this.openImg(),this.$refs.artOn.style.display="block")},openImg:function(){this.isFullScreen||(this.$refs.artOn.style.width="100%",this.fullScreenImage=!0,this.isToolsOpen=!1)},closeImg:function(){window.innerWidth<754&&(this.$refs.artOn.style.display="none"),this.$refs.artOn.style.width="50%",this.fullScreenImage=!1,this.isToolsOpen=!0},loadImages:function(){var e=this,t=e.lastAfter?"&after="+e.lastAfter:"";a.a.get("https://www.reddit.com/r/Art/.json?count=15"+t).then(function(t){var i=t.data.data.children;e.lastAfter=t.data.data.after;for(var s=0;s<=14;s++)/(.jpg$|.jpeg$|.png$|reddituploads)/.test(i[s].data.url)&&(s%2==0?e.urlsA.push({src:i[s].data.url.replace(/&/g,"&"),author:i[s].data.author,title:i[s].data.title,reddit:i[s].data.permalink}):e.urlsB.push({src:i[s].data.url.replace(/&/g,"&"),author:i[s].data.author,title:i[s].data.title,reddit:i[s].data.permalink}));e.imageOn||(e.imageOn=e.urlsA[0].src,e.imgTitle=e.urlsA[0].title,e.imgAuthor=e.urlsA[0].author,e.imgReddit="https://www.reddit.com"+e.urlsA[0].reddit),e.fixColsDifferences()}).then(function(){e.isLoading&&setTimeout(function(){e.isLoading=!1},500)}).catch(function(t){e.$toast("Something went wrong... Try to refresh the page",4e3),console.log(t)})},moreImages:function(){this.loadImages()},fixColsDifferences:function(){for(var e=this.urlsA,t=this.urlsB;e.length!==t.length&&1!==Math.abs(e.length-t.length);)e.length>t.length?(t.push(e[e.length-1]),e.pop()):e.length372&&e.isExploring&&(e.$refs["explore-content"].style.height="70%")}),window.addEventListener("keydown",function(t){e.fullScreenImage&&27===t.keyCode&&e.closeImg(),e.isExploring&&27===t.keyCode&&e.closeExploreContent()}),window.addEventListener("click",function(t){e.isExploring&&!t.target.parents(".explore-ele").length>0&&!t.target.matches(".explore-ele")&&e.closeExploreContent()}),window.addEventListener("touchstart",function t(){window.removeEventListener("touchstart",t),e.isMobile=!0}),["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","msfullscreenchange"].forEach(function(t){document.addEventListener(t,function(t){e.isFullScreen?e.isFullScreen=!1:e.isFullScreen=!0},!1)})}};var c='One of my favourite habbits is looking over reddit\'s Art susbreddit and exploring art works of people from all over the world
The idea for this project came to my mind due to reddit not been very interactive for this task
So I decided to fetch the art works that was posted on reddit into my own little website where i can control the design
This website is primarly targeted to desktop viewing and although it is nicely designed on mobile phones, reddit has a fast and comfortable app for mobiles'},function(e,t,i){"use strict";function s(){var e=window.navigator.userAgent,t=window.navigator.platform,i=["iPhone","iPad","iPod"],s=null;return-1!==i.indexOf(t)?s="i":/Android/.test(e)&&(s="A"),s}Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"toolbar",data:function(){return{fs:this.fullScreen,isBars:!0}},props:["fullScreen","isTools","imageShare","reddit"],computed:{getToolsState:function(){return this.isTools},getImgToShare:function(){return this.imageShare},getRedditLink:function(){return this.reddit},showWhatsapp:function(){var e=s();return"i"===e||"A"===e},getWindowWidth:function(){return window.innerWidth}},methods:{showTools:function(){var e=this;e.isBars?(e.rotateButton(e.$refs.faTimes,!0),e.isBars=!1):(e.rotateButton(e.$refs.faBars,!1),e.isBars=!0)},openFullScreen:function(){var e=document.getElementsByClassName("img-opacity")[0];document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen():e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()},rotateButton:function(e,t){var i=this.$refs.tools,s=this.$refs.toolbar;t?(i.style.opacity="1",i.style.zIndex="99",s.style.visibility="visible"):(i.style.opacity="0",i.style.zIndex="-10",s.style.visibility="hidden"),""===e.style.transform?e.style.transform="rotate(360deg)":e.style.transform=""},saveFunction:function(){this.$toast("Soon...")},handleHover:function(){this.$emit("handle-hover")}}}},function(e,t){},function(e,t){},function(e,t){},function(e,t){},,,,function(e,t,i){function s(e){i(37)}var a=i(1)(i(32),i(47),s,null,null);e.exports=a.exports},function(e,t,i){function s(e){i(38)}var a=i(1)(i(33),i(48),s,"data-v-64ee41fa",null);e.exports=a.exports},function(e,t,i){function s(e){i(36)}var a=i(1)(i(34),i(46),s,null,null);e.exports=a.exports},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{attrs:{id:"app"}},[i("main-page")],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{ref:"toolbar",attrs:{id:"toolbar"},on:{mouseleave:e.handleHover,mouseenter:e.handleHover}},[i("i",{ref:"faTimes",staticClass:"fa fa-times custom-fa fa-open-close",class:{faOpacity:!e.isBars},attrs:{"aria-hidden":"true"},on:{click:e.showTools}}),e._v(" "),i("i",{ref:"faBars",staticClass:"fa fa-bars custom-fa fa-open-close",class:{faOpacity:e.isBars},attrs:{"aria-hidden":"true"},on:{click:e.showTools}}),e._v(" "),i("div",{ref:"tools",attrs:{id:"tools"}},[i("a",{attrs:{href:e.reddit,target:"_blank"}},[i("i",{staticClass:"fa fa-reddit custom-fa toolsO",attrs:{"aria-hidden":"true"}})]),e._v(" "),i("i",{staticClass:"fa fa-floppy-o custom-fa toolsO",attrs:{"aria-hidden":"true"},on:{click:e.saveFunction}}),e._v(" "),i("a",{directives:[{name:"show",rawName:"v-show",value:e.showWhatsapp,expression:"showWhatsapp"}],attrs:{href:"whatsapp://send?text="+e.getImgToShare,"data-action":"share/whatsapp/share"}},[i("i",{staticClass:"fa fa-whatsapp custom-fa toolsO",attrs:{"aria-hidden":"true"}})]),e._v(" "),i("i",{staticClass:"fa fa-arrows-alt custom-fa",attrs:{"aria-hidden":"true"},on:{click:e.openFullScreen}})])])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"explore-ele",attrs:{id:"explore-wrapper"}},[i("div",{staticClass:"explore-btn",attrs:{id:"explore-more"},on:{click:function(t){e.openExploreContent(1)}}},[e._m(0)]),e._v(" "),e._m(1),e._v(" "),i("div",{staticClass:"explore-btn",attrs:{id:"explore-about"},on:{click:function(t){e.openExploreContent(2)}}},[e._m(2)])])},staticRenderFns:[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("a",[i("i",{staticClass:"fa fa-search-plus fcustom",attrs:{"aria-hidden":"true"}})])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"explore-btn",attrs:{id:"explore-reddit"}},[i("a",{attrs:{href:"https://www.reddit.com/r/Art/",target:"_blank"}},[i("i",{staticClass:"fa fa-reddit-alien fcustom",attrs:{"aria-hidden":"true"}})])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("a",[i("i",{staticClass:"fa fa-question fcustom",attrs:{"aria-hidden":"true"}})])}]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{attrs:{id:"arts-wrapper"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.isLoading,expression:"!isLoading"}],staticClass:"arts"},[i("div",{ref:"artOn",class:e.winWidth>754?"aoDisplayFix":"",style:{height:e.winHeight},attrs:{id:"art-on"}},[i("toolbar",{directives:[{name:"show",rawName:"v-show",value:!e.fullScreenImage||e.winWidth<754&&e.fullScreenImage,expression:"!fullScreenImage || (winWidth < 754 && fullScreenImage)"}],attrs:{"full-screen":e.fullScreenImage,"is-tools":e.isToolsOpen,"image-share":e.imageOn,reddit:e.imgReddit},on:{"handle-hover":e.toolsHandleHover}}),e._v(" "),i("i",{directives:[{name:"show",rawName:"v-show",value:e.fullScreenImage,expression:"fullScreenImage"}],staticClass:"fa fa-times ftimes",on:{click:e.closeImg}}),e._v(" "),i("v-touch",{directives:[{name:"show",rawName:"v-show",value:e.isMobile,expression:"isMobile"}],class:{"img-opacity":e.isMobile},attrs:{tag:"span",id:"iop-mobile"},on:{tap:e.handleHover}},[i("img",{ref:"aoImg",staticClass:"ao-img",class:{imgActive:e.fullScreenImage},attrs:{src:e.imageOn},on:{click:e.openImg}})]),e._v(" "),i("span",{directives:[{name:"show",rawName:"v-show",value:!e.isMobile,expression:"!isMobile"}],ref:"img-opacity",class:[e.isMobile?"":"img-opacity",{"img-opacity-fs":e.isFullScreen}],attrs:{id:"iop-desktop"},on:{mouseleave:e.handleHover,mouseenter:e.handleHover}},[i("img",{ref:"aoImg",staticClass:"ao-img",class:[{imgActive:e.fullScreenImage},{"ao-img-fs":e.isFullScreen}],attrs:{src:e.imageOn},on:{click:e.openImg}})]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.aoHover,expression:"aoHover"}],staticClass:"img-details",on:{mouseleave:e.handleHover,mouseenter:e.handleHover}},[i("h1",{attrs:{id:"imgTitle"}},[e._v(e._s(e.imgTitle))]),e._v(" "),i("h2",{attrs:{id:"imgAuthor"}},[e._v(e._s(e.imgAuthor))])])],1),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!e.fullScreenImage,expression:"!fullScreenImage"}],attrs:{id:"arts-list"}},[i("explore",{directives:[{name:"show",rawName:"v-show",value:!e.isLoading,expression:"!isLoading"}],on:{"open-ec":e.openExploreContent}}),e._v(" "),i("div",{staticClass:"al-container"},[i("div",{ref:"colA",staticClass:"colA"},e._l(e.urlsA,function(t,s){return i("div",{staticClass:"al-item",attrs:{id:s}},[i("img",{staticClass:"img-res",attrs:{src:t.src,imgAuthor:t.author,imgTitle:t.title,imgReddit:"https://www.reddit.com"+t.reddit},on:{click:e.chooseImage}})])})),e._v(" "),i("div",{ref:"colB",staticClass:"colB"},e._l(e.urlsB,function(t,s){return i("div",{staticClass:"al-item",attrs:{id:s}},[i("img",{staticClass:"img-res",attrs:{src:t.src,imgAuthor:t.author,imgTitle:t.title,imgReddit:"https://www.reddit.com"+t.reddit},on:{click:e.chooseImage}})])})),e._v(" "),i("input",{staticClass:"more_btn",attrs:{type:"button",value:"More"},on:{click:e.moreImages}})])],1),e._v(" "),i("div",{staticClass:"clearboth"})]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],staticClass:"spinner"},[i("div",{staticClass:"bounce1"}),e._v(" "),i("div",{staticClass:"bounce2"}),e._v(" "),i("div",{staticClass:"bounce3"})]),e._v(" "),i("div",{attrs:{id:"toastc"}}),e._v(" "),i("div",{ref:"explore-content",staticClass:"explore-ele",attrs:{id:"explore-content"}},[i("i",{directives:[{name:"show",rawName:"v-show",value:e.isExploring,expression:"isExploring"}],staticClass:"fa fa-times ftimes",on:{click:e.closeExploreContent}}),e._v(" "),i("div",{ref:"ex-more",staticClass:"explore-tab",staticStyle:{display:"none"}},[i("h1",[e._v(" Discover More Art ")]),e._v(" "),i("div",{attrs:{id:"ex-more-sites"}},e._l(e.sites,function(t){return i("div",{staticClass:"site-thumb",class:t.first?"first":""},[i("p",{staticClass:"site-title",domProps:{textContent:e._s(t.title)}}),e._v(" "),i("a",{attrs:{href:t.url,target:"_blank"}},[i("img",{staticClass:"ex-sites-img",attrs:{src:t.thumbnail,alt:"site.title"}})])])}))]),e._v(" "),i("div",{ref:"ex-about",staticClass:"explore-tab",staticStyle:{display:"none"}},[i("h1",[e._v(" About This Project ")]),e._v(" "),i("p",{staticClass:"about-p",domProps:{innerHTML:e._s(e.about)}})])])])},staticRenderFns:[]}}],[30]); +//# sourceMappingURL=app.fda10c53940dda31b0f3.js.map \ No newline at end of file diff --git a/docs/static/js/app.fda10c53940dda31b0f3.js.map b/docs/static/js/app.fda10c53940dda31b0f3.js.map new file mode 100644 index 0000000..cad6b61 --- /dev/null +++ b/docs/static/js/app.fda10c53940dda31b0f3.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///static/js/app.fda10c53940dda31b0f3.js","webpack:///./src/App.vue?fc6a","webpack:///./static/functions.js","webpack:///./src/main.js","webpack:///App.vue","webpack:///Explore.vue","webpack:///Main.vue","webpack:///Toolbar.vue","webpack:///./src/components/Explore.vue?addf","webpack:///./src/components/Main.vue?9d89","webpack:///./src/components/Toolbar.vue?a6cd","webpack:///./src/App.vue?d56f","webpack:///./src/components/Toolbar.vue?f1ba","webpack:///./src/components/Explore.vue?aa9c","webpack:///./src/components/Main.vue?d360"],"names":["webpackJsonp","module","exports","__webpack_require__","injectStyle","ssrContext","Component","__webpack_exports__","toastIt","msg","time","undefined","t","document","getElementById","innerHTML","style","visibility","opacity","top","setTimeout","toast","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_1__App__","__WEBPACK_IMPORTED_MODULE_1__App___default","n","__WEBPACK_IMPORTED_MODULE_2__static_functions_js__","VueTouch","use","name","config","productionTip","el","template","components","App","a","prototype","$toast","__WEBPACK_IMPORTED_MODULE_0__components_Main__","__WEBPACK_IMPORTED_MODULE_0__components_Main___default","main-page","data","fs","this","fullScreen","isBars","methods","openExploreContent","$emit","__WEBPACK_IMPORTED_MODULE_0_axios__","__WEBPACK_IMPORTED_MODULE_0_axios___default","__WEBPACK_IMPORTED_MODULE_1__components_Toolbar__","__WEBPACK_IMPORTED_MODULE_1__components_Toolbar___default","__WEBPACK_IMPORTED_MODULE_2__components_Explore__","__WEBPACK_IMPORTED_MODULE_2__components_Explore___default","isLoading","urlsA","urlsB","winHeight","window","innerHeight","winWidth","innerWidth","aoHover","fullScreenImage","isFullScreen","isToolsOpen","imageOn","imgAuthor","imgTitle","imgReddit","lastAfter","isMobile","isExploring","sites","thumbnail","url","title","first","about","Toolbar","Explore","computed","isWideScreen","chooseImage","e","target","src","getAttribute","$refs","aoImg","openImg","artOn","display","width","closeImg","loadImages","vm","after","get","then","res","images","children","i","test","push","replace","author","reddit","permalink","fixColsDifferences","catch","err","console","log","moreImages","uA","uB","length","Math","abs","pop","val","height","closeExploreContent","handleHover","imgOp","toolsHandleHover","created","mounted","addEventListener","keyCode","parents","matches","detectMobile","removeEventListener","forEach","prefix","getOS","userAgent","navigator","platform","iosPlatforms","os","indexOf","props","getToolsState","isTools","getImgToShare","imageShare","getRedditLink","showWhatsapp","getWindowWidth","showTools","rotateButton","faTimes","faBars","openFullScreen","element","getElementsByClassName","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","exitFullscreen","mozCancelFullScreen","webkitExitFullscreen","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","msRequestFullscreen","ele","tools","tb","toolbar","zIndex","transform","saveFunction","render","_vm","_h","$createElement","_c","_self","attrs","id","staticRenderFns","ref","on","mouseleave","mouseenter","staticClass","class","faOpacity","aria-hidden","click","_v","href","directives","rawName","expression","data-action","$event","_m","full-screen","is-tools","image-share","handle-hover","img-opacity","tag","tap","imgActive","img-opacity-fs","ao-img-fs","_s","open-ec","_l","img","index","type","staticStyle","site","domProps","textContent","alt"],"mappings":"AAAAA,cAAc,IACP,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CAED,SAAUC,EAAQC,EAASC,GCVjC,QAAAC,GAAAC,GACAF,EAAA,IAEA,GAAAG,GAAAH,EAAA,GAEAA,EAAA,IAEAA,EAAA,IAEAC,EAEA,KAEA,KAGAH,GAAAC,QAAAI,EAAAJ,SDgBO,CACC,CAEF,SAAUD,EAAQM,EAAqBJ,GAE7C,YErCA,SAAAK,GAAAC,EAAAC,OACAC,KAAAD,IACAA,EAAA,KAEA,IAAAE,GAAAC,SAAAC,eAAA,SACAF,GAAAG,UAAAN,EACAG,EAAAI,MAAAC,WAAA,UACAL,EAAAI,MAAAE,QAAA,IACAN,EAAAI,MAAAG,IAAA,OACAC,WAAA,WACAR,EAAAI,MAAAC,WAAA,SACAL,EAAAI,MAAAE,QAAA,IACAN,EAAAI,MAAAG,IAAA,SACGT,GAGH,QAAAW,GAAAZ,EAAAC,GACAF,EAAAC,EAAAC,GAjBAH,EAAA,EAAAc,GF6DQ,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CACA,CAEF,SAAUpB,EAAQM,EAAqBJ,GAE7C,YACAmB,QAAOC,eAAehB,EAAqB,cAAgBiB,OAAO,GAC7C,IAAIC,GAAoCtB,EAAoB,IACxDuB,EAAqCvB,EAAoB,GACzDwB,EAA6CxB,EAAoByB,EAAEF,GACnEG,EAAqD1B,EAAoB,IGnF9F2B,EAAW3B,EAAQ,EACvBsB,GAAA,EAAIM,IAAID,GAAWE,KAAM,YAEzBP,EAAA,EAAIQ,OAAOC,eAAgB,EAG3B,GAAIT,GAAA,GACFU,GAAI,OACJd,MAAAQ,EAAA,EACAO,SAAU,SACVC,YAAcC,IAAAX,EAAAY,KAGhBd,EAAA,EAAIe,UAAUC,OAASZ,EAAA,GH2FjB,SAAU5B,EAAQM,EAAqBJ,GAE7C,YACAmB,QAAOC,eAAehB,EAAqB,cAAgBiB,OAAO,GAC7C,IAAIkB,GAAiDvC,EAAoB,IACrEwC,EAAyDxC,EAAoByB,EAAEc,EIxGxGnC,GAAA,SJ6GEyB,KI3GF,MJ4GEK,YACEO,YI1GJD,EAAAJ,KJgHM,SAAUtC,EAAQM,EAAqBJ,GAE7C,YACAmB,QAAOC,eAAehB,EAAqB,cAAgBiB,OAAO,IKjHlEjB,EAAA,SLqHEyB,KKnHF,ULoHEa,KAAM,WACJ,OACEC,GAAIC,KKnHVC,WLoHMC,QKlHN,ILsHEC,SACEC,mBAAoB,SAA4BvB,GACpC,IAANA,EACFmB,KAAKK,MAAM,UKpHnB,WLqHuB,IAANxB,GACTmB,KAAKK,MAAM,UKpHnB,gBL4HM,SAAUnD,EAAQM,EAAqBJ,GAE7C,YACAmB,QAAOC,eAAehB,EAAqB,cAAgBiB,OAAO,GAC7C,IAAI6B,GAAsClD,EAAoB,IAC1DmD,EAA8CnD,EAAoByB,EAAEyB,GACpEE,EAAoDpD,EAAoB,IACxEqD,EAA4DrD,EAAoByB,EAAE2B,GAClFE,EAAoDtD,EAAoB,IACxEuD,EAA4DvD,EAAoByB,EAAE6B,EM9J3GlD,GAAA,SNqKEyB,KMnKF,ONoKEa,KAAM,WACJ,OACEc,WMnKN,ENoKMC,SACAC,SACAC,UAAWC,OAAOC,YMnKxB,KNoKMC,SAAUF,OMnKhBG,WNoKMC,SMnKN,ENoKMC,iBMnKN,ENoKMC,cMnKN,ENoKMC,aMnKN,ENoKMC,QMnKN,GNoKMC,UMnKN,eNoKMC,SMnKN,cNoKMC,UMnKN,eNoKMC,UMnKN,GNoKMC,UMnKN,ENoKMC,aMnKN,ENoKMC,QACEC,UMnKR,mHNoKQC,IMnKR,yBNoKQC,MMnKR,SNoKQC,OMlKR,INoKQH,UMlKR,8ENmKQC,IMlKR,gDNmKQC,MMjKR,gBNmKQF,UMjKR,oDNkKQC,IMjKR,0BNkKQC,MMhKR,YNkKME,MMhKNA,INoKE9C,YACE+C,QMlKJ5B,EAAAjB,ENmKI8C,QMjKJ3B,EAAAnB,GNmKE+C,UACEC,aAAc,WACZ,MAAIxC,MAAKkB,SAAW,MAMxBf,SACEsC,YAAa,SAAqBC,GAChC1C,KAAKwB,QAAUkB,EAAEC,OMlKvBC,INmKM5C,KAAKyB,UAAYiB,EAAEC,OAAOE,aMlKhC,aNmKM7C,KAAK0B,SAAWgB,EAAEC,OAAOE,aMlK/B,YNmKM7C,KAAK2B,UAAYe,EAAEC,OAAOE,aMlKhC,aNmKM7C,KAAK8C,MAAMC,MAAMH,IAAM5C,KMlK7BwB,QNmKUR,OAAOG,WAAa,MACtBnB,KMlKRgD,UNmKQhD,KAAK8C,MAAMG,MAAMhF,MAAMiF,QMlK/B,UNqKIF,QAAS,WACFhD,KAAKsB,eACRtB,KAAK8C,MAAMG,MAAMhF,MAAMkF,MMlK/B,ONmKQnD,KAAKqB,iBMlKb,ENmKQrB,KAAKuB,aMlKb,INqKI6B,SAAU,WACJpC,OAAOG,WAAa,MACtBnB,KAAK8C,MAAMG,MAAMhF,MAAMiF,QMlK/B,QNoKMlD,KAAK8C,MAAMG,MAAMhF,MAAMkF,MMlK7B,MNmKMnD,KAAKqB,iBMlKX,ENmKMrB,KAAKuB,aMlKX,GNoKI8B,WAAY,WACV,GAAIC,GMlKVtD,KNmKUuD,EAAQD,EAAG1B,UAAY,UAAY0B,EAAG1B,UMlKhD,ENmKMrB,GAA4Cf,EAAEgE,IAAI,8CAAgDD,GAAOE,KAAK,SAAUC,GACtH,GAAIC,GAASD,EAAI5D,KAAKA,KMlK9B8D,QNmKQN,GAAG1B,UAAY8B,EAAI5D,KAAKA,KMlKhCyD,KNmKQ,KAAK,GAAIM,GAAI,EAAGA,GAAK,GAAIA,IACnB,qCAAqCC,KAAKH,EAAOE,GAAG/D,KAAKmC,OACvD4B,EAAI,GAAM,EACZP,EAAGzC,MAAMkD,MACPnB,IAAOe,EAAOE,GAAG/D,KAAKmC,IAAI+B,QAAQ,SMlKlD,KNmKgBC,OAAUN,EAAOE,GAAG/D,KMlKpCmE,ONmKgB/B,MAASyB,EAAOE,GAAG/D,KMlKnCoC,MNmKgBgC,OAAUP,EAAOE,GAAG/D,KMjKpCqE,YNoKcb,EAAGxC,MAAMiD,MACPnB,IAAOe,EAAOE,GAAG/D,KAAKmC,IAAI+B,QAAQ,SMlKlD,KNmKgBC,OAAUN,EAAOE,GAAG/D,KMlKpCmE,ONmKgB/B,MAASyB,EAAOE,GAAG/D,KMlKnCoC,MNmKgBgC,OAAUP,EAAOE,GAAG/D,KMjKpCqE,YNsKab,GAAG9B,UACN8B,EAAG9B,QAAU8B,EAAGzC,MAAM,GMlKhC+B,INmKUU,EAAG5B,SAAW4B,EAAGzC,MAAM,GMlKjCqB,MNmKUoB,EAAG7B,UAAY6B,EAAGzC,MAAM,GMlKlCoD,ONmKUX,EAAG3B,UAAY,yBAA2B2B,EAAGzC,MAAM,GMlK7DqD,QNoKQZ,EMlKRc,uBNmKSX,KAAK,WACFH,EAAG1C,WACLvC,WAAW,WACTiF,EAAG1C,WMlKf,GACA,ONoKSyD,MAAM,SAAUC,GACjBhB,EAAG5D,OAAO,kDMlKlB,KNmKQ6E,QAAQC,IMlKhBF,MNqKIG,WAAY,WACVzE,KMlKNqD,cNoKIe,mBAAoB,WAGlB,IAFA,GAAIM,GAAK1E,KMlKfa,MNmKU8D,EAAK3E,KMlKfc,MNmKa4D,EAAGE,SAAWD,EAAGC,QACkB,IAApCC,KAAKC,IAAIJ,EAAGE,OAASD,EAAGC,SACtBF,EAAGE,OAASD,EAAGC,QACjBD,EAAGZ,KAAKW,EAAGA,EAAGE,OMlK1B,INmKYF,EMlKZK,ONmKqBL,EAAGE,OAASD,EAAGC,SACxBF,EAAGX,KAAKY,EAAGA,EAAGC,OMlK1B,INmKYD,EMlKZI,QNyKI3E,mBAAoB,SAA4B4E,GAC9ChF,KAAK8B,aMlKX,ENmKM9B,KAAK8C,MAAMkC,GAAK/G,MAAMiF,QMlK5B,QNmKUlC,OAAOC,YAAc,IACnBD,OAAOC,YAAc,IACvBjB,KAAK8C,MAAM,mBAAmB7E,MAAMgH,OMlK9C,ONoKUjF,KAAK8C,MAAM,mBAAmB7E,MAAMgH,OMlK9C,MNqKQjF,KAAK8C,MAAM,mBAAmB7E,MAAMgH,OMlK5C,ONqKIC,oBAAqB,WACnB,GAAI5B,GMlKVtD,INmKMsD,GAAGxB,aMlKT,ENmKMwB,EAAGR,MAAM,mBAAmB7E,MAAMgH,OMlKxC,INmKM5G,WAAW,WACTiF,EAAGR,MAAM,YAAY7E,MAAMiF,QMlKnC,ONmKQI,EAAGR,MAAM,WAAW7E,MAAMiF,QMlKlC,QACA,MNoKIiC,YAAa,WACX,GMlKNC,ENoKQA,GADEpF,KAAK6B,SACC/D,SAASC,eMlKzB,cNoKgBD,SAASC,eMlKzB,eNoKUiC,KAAKoB,SACPpB,KAAKoB,SMlKb,ENmKQgE,EAAMnH,MAAME,QMlKpB,MNoKQ6B,KAAKoB,SMlKb,ENmKQgE,EAAMnH,MAAME,QMlKpB,QNqKIkH,iBAAkB,WAChBrF,KMlKNmF,gBNqKEG,QAAS,WMjKXtF,KACAqD,cNoKEkC,QAAS,WACP,GAAIjC,GMlKRtD,INmKIgB,QAAOwE,iBAAiB,SAAU,WAChClC,EAAGvC,UAAYC,OAAOC,YMlK5B,KNmKMqC,EAAGpC,SAAWF,OMjKpBG,WNmKUH,OAAOC,YAAc,KAAOqC,EAAGxB,cACjCwB,EAAGR,MAAM,mBAAmB7E,MAAMgH,OMlK1C,SNqKIjE,OAAOwE,iBAAiB,UAAW,SAAU9C,GACvCY,EAAGjC,iBAAiC,KAAdqB,EAAE+C,SAC1BnC,EMlKRF,WNoKUE,EAAGxB,aAA6B,KAAdY,EAAE+C,SACtBnC,EMlKR4B,wBNqKIlE,OAAOwE,iBAAiB,QAAS,SAAU9C,GACrCY,EAAGxB,cAAgBY,EAAEC,OAAO+C,QAAQ,gBAAgBd,OAAS,IAAMlC,EAAEC,OAAOgD,QAAQ,iBACtFrC,EMlKR4B,wBNqKIlE,OAAOwE,iBAAiB,aAAc,QAASI,KAC7C5E,OAAO6E,oBAAoB,aMlKjCD,GNmKMtC,EAAGzB,UMlKT,KNoKsB,mBAAoB,yBAA0B,sBMlKpE,sBNmKeiE,QAAQ,SAAUC,GAC3BjI,SAAS0H,iBAAiBO,EAAQ,SAAUrD,GACtCY,EAAGhC,aACLgC,EAAGhC,cMlKb,ENoKUgC,EAAGhC,cMlKb,IAEA,MAIA,IAAAc,GACA,8nBNsKM,SAAUlF,EAAQM,EAAqBJ,GAE7C,YOrSA,SAAA4I,KPuYE,GAAIC,GAAYjF,OAAOkF,UOrYzBD,UPsYME,EAAWnF,OAAOkF,UOrYxBC,SPsYMC,GAAgB,SAAU,OOrYhC,QPsYMC,EOpYN,IP4YE,QANwC,IAApCD,EAAaE,QAAQH,GACvBE,EOrYJ,IPsYa,UAAUvC,KAAKmC,KACxBI,EOrYJ,KAGAA,EPyRA9H,OAAOC,eAAehB,EAAqB,cAAgBiB,OAAO,IOlYlEjB,EAAA,SPsYEyB,KOpYF,UPqYEa,KAAM,WACJ,OACEC,GAAIC,KOpYVC,WPqYMC,QOnYN,IPuYEqG,OAAQ,aAAc,UAAW,aOrYnC,UPsYEhE,UACEiE,cAAe,WACb,MAAOxG,MOrYbyG,SPuYIC,cAAe,WACb,MAAO1G,MOrYb2G,YPuYIC,cAAe,WACb,MAAO5G,MOrYbkE,QPuYI2C,aAAc,WACZ,GAAIR,GOrYVL,GPsYM,OAAW,MAAPK,GAAqB,MAAPA,GAMpBS,eAAgB,WACd,MAAO9F,QOrYbG,aPwYEhB,SACE4G,UAAW,WACT,GAAIzD,GOrYVtD,IPsYUsD,GAAGpD,QACLoD,EAAG0D,aAAa1D,EAAGR,MAAMmE,SOrYjC,GPsYQ3D,EAAGpD,QOrYX,IPuYQoD,EAAG0D,aAAa1D,EAAGR,MAAMoE,QOrYjC,GPsYQ5D,EAAGpD,QOrYX,IPwYIiH,eAAgB,WACd,GAAIC,GAAUtJ,SAASuJ,uBAAuB,eOrYpD,EPsY8BvJ,UAASwJ,mBAAqBxJ,SAASyJ,sBAAwBzJ,SOrY7F0J,wBPuYY1J,SAAS2J,eACX3J,SOrYV2J,iBPsYmB3J,SAAS4J,oBAClB5J,SOrYV4J,sBPsYmB5J,SAAS6J,sBAClB7J,SOrYV6J,uBPwYYP,EAAQQ,kBACVR,EOrYVQ,oBPsYmBR,EAAQS,qBACjBT,EOrYVS,uBPsYmBT,EAAQU,wBACjBV,EOrYVU,0BPsYmBV,EAAQW,qBACjBX,EOrYVW,uBPyYIf,aAAc,SAAsBgB,EAAKC,GACvC,GAAIpK,GAAImC,KAAK8C,MOrYnBmF,MPsYUC,EAAKlI,KAAK8C,MOrYpBqF,OPsYUF,IACFpK,EAAEI,MAAME,QOrYhB,IPsYQN,EAAEI,MAAMmK,OOrYhB,KPsYQF,EAAGjK,MAAMC,WOrYjB,YPuYQL,EAAEI,MAAME,QOrYhB,IPsYQN,EAAEI,MAAMmK,OOrYhB,MPsYQF,EAAGjK,MAAMC,WOrYjB,UPuYkC,KAAxB8J,EAAI/J,MAAMoK,UACZL,EAAI/J,MAAMoK,UOrYlB,iBPuYQL,EAAI/J,MAAMoK,UOrYlB,IPwYIC,aAAc,WACZtI,KAAKN,OOrYX,YPuYIyF,YAAa,WACXnF,KAAKK,MOrYX,oBP2ZM,SAAUnD,EAAQC,KAMlB,SAAUD,EAAQC,KAMlB,SAAUD,EAAQC,KAMlB,SAAUD,EAAQC,KAKhB,CACA,CACA,CAEF,SAAUD,EAAQC,EAASC,GQ7hBjC,QAAAC,GAAAC,GACAF,EAAA,IAEA,GAAAG,GAAAH,EAAA,GAEAA,EAAA,IAEAA,EAAA,IAEAC,EAEA,KAEA,KAGAH,GAAAC,QAAAI,EAAAJ,SRoiBM,SAAUD,EAAQC,EAASC,GSpjBjC,QAAAC,GAAAC,GACAF,EAAA,IAEA,GAAAG,GAAAH,EAAA,GAEAA,EAAA,IAEAA,EAAA,IAEAC,EAEA,kBAEA,KAGAH,GAAAC,QAAAI,EAAAJ,ST2jBM,SAAUD,EAAQC,EAASC,GU3kBjC,QAAAC,GAAAC,GACAF,EAAA,IAEA,GAAAG,GAAAH,EAAA,GAEAA,EAAA,IAEAA,EAAA,IAEAC,EAEA,KAEA,KAGAH,GAAAC,QAAAI,EAAAJ,SVklBM,SAAUD,EAAQC,GWlmBxBD,EAAAC,SAAgBoL,OAAA,WAAmB,GAAAC,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CAC1E,OAAAE,GAAA,OACAE,OACAC,GAAA,SAEGH,EAAA,kBACFI,qBXwmBK,SAAU7L,EAAQC,GY9mBxBD,EAAAC,SAAgBoL,OAAA,WAAmB,GAAAC,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CAC1E,OAAAE,GAAA,OACAK,IAAA,UACAH,OACAC,GAAA,WAEAG,IACAC,WAAAV,EAAArD,YACAgE,WAAAX,EAAArD,eAEGwD,EAAA,KACHK,IAAA,UACAI,YAAA,sCACAC,OACAC,WAAAd,EAAAtI,QAEA2I,OACAU,cAAA,QAEAN,IACAO,MAAAhB,EAAAzB,aAEGyB,EAAAiB,GAAA,KAAAd,EAAA,KACHK,IAAA,SACAI,YAAA,qCACAC,OACAC,UAAAd,EAAAtI,QAEA2I,OACAU,cAAA,QAEAN,IACAO,MAAAhB,EAAAzB,aAEGyB,EAAAiB,GAAA,KAAAd,EAAA,OACHK,IAAA,QACAH,OACAC,GAAA,WAEGH,EAAA,KACHE,OACAa,KAAAlB,EAAAtE,OACAvB,OAAA,YAEGgG,EAAA,KACHS,YAAA,gCACAP,OACAU,cAAA,YAEGf,EAAAiB,GAAA,KAAAd,EAAA,KACHS,YAAA,kCACAP,OACAU,cAAA,QAEAN,IACAO,MAAAhB,EAAAF,gBAEGE,EAAAiB,GAAA,KAAAd,EAAA,KACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,MAAA+J,EAAA,aACAqB,WAAA,iBAEAhB,OACAa,KAAA,wBAAAlB,EAAA9B,cACAoD,cAAA,0BAEGnB,EAAA,KACHS,YAAA,kCACAP,OACAU,cAAA,YAEGf,EAAAiB,GAAA,KAAAd,EAAA,KACHS,YAAA,6BACAP,OACAU,cAAA,QAEAN,IACAO,MAAAhB,EAAArB,uBAGC4B,qBZonBK,SAAU7L,EAAQC,GatsBxBD,EAAAC,SAAgBoL,OAAA,WAAmB,GAAAC,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CAC1E,OAAAE,GAAA,OACAS,YAAA,cACAP,OACAC,GAAA,qBAEGH,EAAA,OACHS,YAAA,cACAP,OACAC,GAAA,gBAEAG,IACAO,MAAA,SAAAO,GACAvB,EAAApI,mBAAA,OAGGoI,EAAAwB,GAAA,KAAAxB,EAAAiB,GAAA,KAAAjB,EAAAwB,GAAA,GAAAxB,EAAAiB,GAAA,KAAAd,EAAA,OACHS,YAAA,cACAP,OACAC,GAAA,iBAEAG,IACAO,MAAA,SAAAO,GACAvB,EAAApI,mBAAA,OAGGoI,EAAAwB,GAAA,QACFjB,iBAAA,WAA+B,GAAAP,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CACvE,OAAAE,GAAA,KAAAA,EAAA,KACAS,YAAA,4BACAP,OACAU,cAAA,aAGC,WAAa,GAAAf,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CACrD,OAAAE,GAAA,OACAS,YAAA,cACAP,OACAC,GAAA,oBAEGH,EAAA,KACHE,OACAa,KAAA,gCACA/G,OAAA,YAEGgG,EAAA,KACHS,YAAA,6BACAP,OACAU,cAAA,eAGC,WAAa,GAAAf,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CACrD,OAAAE,GAAA,KAAAA,EAAA,KACAS,YAAA,yBACAP,OACAU,cAAA,gBb+sBM,SAAUrM,EAAQC,GctwBxBD,EAAAC,SAAgBoL,OAAA,WAAmB,GAAAC,GAAAxI,KAAayI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CAC1E,OAAAE,GAAA,OACAE,OACAC,GAAA,kBAEGH,EAAA,OACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,OAAA+J,EAAA5H,UACAiJ,WAAA,eAEAT,YAAA,SACGT,EAAA,OACHK,IAAA,QACAK,MAAAb,EAAAtH,SAAA,sBACAjD,OACAgH,OAAAuD,EAAAzH,WAEA8H,OACAC,GAAA,YAEGH,EAAA,WACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,OAAA+J,EAAAnH,iBAAAmH,EAAAtH,SAAA,KAAAsH,EAAAnH,gBACAwI,WAAA,4DAEAhB,OACAoB,cAAAzB,EAAAnH,gBACA6I,WAAA1B,EAAAjH,YACA4I,cAAA3B,EAAAhH,QACA0C,OAAAsE,EAAA7G,WAEAsH,IACAmB,eAAA5B,EAAAnD,oBAEGmD,EAAAiB,GAAA,KAAAd,EAAA,KACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,MAAA+J,EAAA,gBACAqB,WAAA,oBAEAT,YAAA,qBACAH,IACAO,MAAAhB,EAAApF,YAEGoF,EAAAiB,GAAA,KAAAd,EAAA,WACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,MAAA+J,EAAA,SACAqB,WAAA,aAEAR,OACAgB,cAAA7B,EAAA3G,UAEAgH,OACAyB,IAAA,OACAxB,GAAA,cAEAG,IACAsB,IAAA/B,EAAArD,eAEGwD,EAAA,OACHK,IAAA,QACAI,YAAA,SACAC,OACAmB,UAAAhC,EAAAnH,iBAEAwH,OACAjG,IAAA4F,EAAAhH,SAEAyH,IACAO,MAAAhB,EAAAxF,aAEGwF,EAAAiB,GAAA,KAAAd,EAAA,QACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,OAAA+J,EAAA3G,SACAgI,WAAA,cAEAb,IAAA,cACAK,OAAAb,EAAA3G,SAAA,kBACA4I,iBAAAjC,EAAAlH,eAEAuH,OACAC,GAAA,eAEAG,IACAC,WAAAV,EAAArD,YACAgE,WAAAX,EAAArD,eAEGwD,EAAA,OACHK,IAAA,QACAI,YAAA,SACAC,QACAmB,UAAAhC,EAAAnH,kBAEAqJ,YAAAlC,EAAAlH,eAEAuH,OACAjG,IAAA4F,EAAAhH,SAEAyH,IACAO,MAAAhB,EAAAxF,aAEGwF,EAAAiB,GAAA,KAAAd,EAAA,OACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,MAAA+J,EAAA,QACAqB,WAAA,YAEAT,YAAA,cACAH,IACAC,WAAAV,EAAArD,YACAgE,WAAAX,EAAArD,eAEGwD,EAAA,MACHE,OACAC,GAAA,cAEGN,EAAAiB,GAAAjB,EAAAmC,GAAAnC,EAAA9G,aAAA8G,EAAAiB,GAAA,KAAAd,EAAA,MACHE,OACAC,GAAA,eAEGN,EAAAiB,GAAAjB,EAAAmC,GAAAnC,EAAA/G,iBAAA,GAAA+G,EAAAiB,GAAA,KAAAd,EAAA,OACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,OAAA+J,EAAAnH,gBACAwI,WAAA,qBAEAhB,OACAC,GAAA,eAEGH,EAAA,WACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,OAAA+J,EAAA5H,UACAiJ,WAAA,eAEAZ,IACA2B,UAAApC,EAAApI,sBAEGoI,EAAAiB,GAAA,KAAAd,EAAA,OACHS,YAAA,iBACGT,EAAA,OACHK,IAAA,OACAI,YAAA,QACGZ,EAAAqC,GAAArC,EAAA,eAAAsC,EAAAC,GACH,MAAApC,GAAA,OACAS,YAAA,UACAP,OACAC,GAAAiC,KAEKpC,EAAA,OACLS,YAAA,UACAP,OACAjG,IAAAkI,EAAAlI,IACAnB,UAAAqJ,EAAA7G,OACAvC,SAAAoJ,EAAA5I,MACAP,UAAA,yBAAAmJ,EAAA5G,QAEA+E,IACAO,MAAAhB,EAAA/F,oBAGG+F,EAAAiB,GAAA,KAAAd,EAAA,OACHK,IAAA,OACAI,YAAA,QACGZ,EAAAqC,GAAArC,EAAA,eAAAsC,EAAAC,GACH,MAAApC,GAAA,OACAS,YAAA,UACAP,OACAC,GAAAiC,KAEKpC,EAAA,OACLS,YAAA,UACAP,OACAjG,IAAAkI,EAAAlI,IACAnB,UAAAqJ,EAAA7G,OACAvC,SAAAoJ,EAAA5I,MACAP,UAAA,yBAAAmJ,EAAA5G,QAEA+E,IACAO,MAAAhB,EAAA/F,oBAGG+F,EAAAiB,GAAA,KAAAd,EAAA,SACHS,YAAA,WACAP,OACAmC,KAAA,SACAvM,MAAA,QAEAwK,IACAO,MAAAhB,EAAA/D,iBAEG,GAAA+D,EAAAiB,GAAA,KAAAd,EAAA,OACHS,YAAA,gBACGZ,EAAAiB,GAAA,KAAAd,EAAA,OACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,MAAA+J,EAAA,UACAqB,WAAA,cAEAT,YAAA,YACGT,EAAA,OACHS,YAAA,YACGZ,EAAAiB,GAAA,KAAAd,EAAA,OACHS,YAAA,YACGZ,EAAAiB,GAAA,KAAAd,EAAA,OACHS,YAAA,cACGZ,EAAAiB,GAAA,KAAAd,EAAA,OACHE,OACAC,GAAA,YAEGN,EAAAiB,GAAA,KAAAd,EAAA,OACHK,IAAA,kBACAI,YAAA,cACAP,OACAC,GAAA,qBAEGH,EAAA,KACHgB,aACA1K,KAAA,OACA2K,QAAA,SACAnL,MAAA+J,EAAA,YACAqB,WAAA,gBAEAT,YAAA,qBACAH,IACAO,MAAAhB,EAAAtD,uBAEGsD,EAAAiB,GAAA,KAAAd,EAAA,OACHK,IAAA,UACAI,YAAA,cACA6B,aACA/H,QAAA,UAEGyF,EAAA,MAAAH,EAAAiB,GAAA,yBAAAjB,EAAAiB,GAAA,KAAAd,EAAA,OACHE,OACAC,GAAA,kBAEGN,EAAAqC,GAAArC,EAAA,eAAA0C,GACH,MAAAvC,GAAA,OACAS,YAAA,aACAC,MAAA6B,EAAA/I,MAAA,aACKwG,EAAA,KACLS,YAAA,aACA+B,UACAC,YAAA5C,EAAAmC,GAAAO,EAAAhJ,UAEKsG,EAAAiB,GAAA,KAAAd,EAAA,KACLE,OACAa,KAAAwB,EAAAjJ,IACAU,OAAA,YAEKgG,EAAA,OACLS,YAAA,eACAP,OACAjG,IAAAsI,EAAAlJ,UACAqJ,IAAA,yBAGG7C,EAAAiB,GAAA,KAAAd,EAAA,OACHK,IAAA,WACAI,YAAA,cACA6B,aACA/H,QAAA,UAEGyF,EAAA,MAAAH,EAAAiB,GAAA,0BAAAjB,EAAAiB,GAAA,KAAAd,EAAA,KACHS,YAAA,UACA+B,UACAnN,UAAAwK,EAAAmC,GAAAnC,EAAApG,iBAGC2G,uBd2wBE","file":"static/js/app.fda10c53940dda31b0f3.js","sourcesContent":["webpackJsonp([1],[\n/* 0 */,\n/* 1 */,\n/* 2 */,\n/* 3 */,\n/* 4 */,\n/* 5 */,\n/* 6 */,\n/* 7 */,\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n __webpack_require__(35)\n}\nvar Component = __webpack_require__(1)(\n /* script */\n __webpack_require__(31),\n /* template */\n __webpack_require__(45),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 9 */,\n/* 10 */,\n/* 11 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = toast;\nfunction toastIt (msg, time) {\n if (time === undefined) {\n time = 2500\n }\n var t = document.getElementById('toastc')\n t.innerHTML = msg\n t.style.visibility = 'visible'\n t.style.opacity = '1'\n t.style.top = '30px'\n setTimeout(function () {\n t.style.visibility = 'hidden'\n t.style.opacity = '0'\n t.style.top = '100px'\n }, time)\n}\n\nfunction toast (msg, time) {\n toastIt(msg, time)\n}\n\n\n/***/ }),\n/* 12 */,\n/* 13 */,\n/* 14 */,\n/* 15 */,\n/* 16 */,\n/* 17 */,\n/* 18 */,\n/* 19 */,\n/* 20 */,\n/* 21 */,\n/* 22 */,\n/* 23 */,\n/* 24 */,\n/* 25 */,\n/* 26 */,\n/* 27 */,\n/* 28 */,\n/* 29 */,\n/* 30 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__App__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__static_functions_js__ = __webpack_require__(11);\n\n\n\n\nvar VueTouch = __webpack_require__(9);\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].use(VueTouch, { name: 'v-touch' });\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].config.productionTip = false;\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */]({\n el: '#app',\n toast: __WEBPACK_IMPORTED_MODULE_2__static_functions_js__[\"a\" /* toast */],\n template: '',\n components: { App: __WEBPACK_IMPORTED_MODULE_1__App___default.a }\n});\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].prototype.$toast = __WEBPACK_IMPORTED_MODULE_2__static_functions_js__[\"a\" /* toast */];\n\n/***/ }),\n/* 31 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Main__ = __webpack_require__(43);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Main___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_Main__);\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'app',\n components: {\n 'main-page': __WEBPACK_IMPORTED_MODULE_0__components_Main___default.a\n }\n});\n\n/***/ }),\n/* 32 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'explore',\n data: function data() {\n return {\n fs: this.fullScreen,\n isBars: true\n };\n },\n\n methods: {\n openExploreContent: function openExploreContent(n) {\n if (n === 1) {\n this.$emit('open-ec', 'ex-more');\n } else if (n === 2) {\n this.$emit('open-ec', 'ex-about');\n }\n }\n }\n});\n\n/***/ }),\n/* 33 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_axios__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_axios__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Toolbar__ = __webpack_require__(44);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Toolbar___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_Toolbar__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Explore__ = __webpack_require__(42);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Explore___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_Explore__);\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'main',\n data: function data() {\n return {\n isLoading: true,\n urlsA: [],\n urlsB: [],\n winHeight: window.innerHeight + 'px',\n winWidth: window.innerWidth,\n aoHover: false,\n fullScreenImage: false,\n isFullScreen: false,\n isToolsOpen: true,\n imageOn: '',\n imgAuthor: 'Image Author',\n imgTitle: 'Image Title',\n imgReddit: 'Image Reddit',\n lastAfter: '',\n isMobile: false,\n isExploring: false,\n sites: [{\n thumbnail: 'http://i-cdn.phonearena.com/images/article/49220-image/Samsungs-PEN.UP-is-Instagram-for-your-digital-artwork.jpg',\n url: 'https://www.penup.com/',\n title: 'PEN.UP',\n first: true\n }, {\n thumbnail: 'http://img.freepik.com/free-icon/deviantart_318-136402.jpg?size=338&ext=jpg',\n url: 'http://www.deviantart.com/whats-hot/?offset=0',\n title: 'DEVIANT ART'\n }, {\n thumbnail: 'https://image.flaticon.com/icons/svg/56/56479.svg',\n url: 'https://www.behance.net',\n title: 'BEHANCE'\n }],\n about: about\n };\n },\n\n components: {\n 'Toolbar': __WEBPACK_IMPORTED_MODULE_1__components_Toolbar___default.a,\n 'Explore': __WEBPACK_IMPORTED_MODULE_2__components_Explore___default.a\n },\n computed: {\n isWideScreen: function isWideScreen() {\n if (this.winWidth > 754) {\n return true;\n }\n return false;\n }\n },\n methods: {\n chooseImage: function chooseImage(e) {\n this.imageOn = e.target.src;\n this.imgAuthor = e.target.getAttribute('imgAuthor');\n this.imgTitle = e.target.getAttribute('imgTitle');\n this.imgReddit = e.target.getAttribute('imgReddit');\n this.$refs.aoImg.src = this.imageOn;\n if (window.innerWidth < 754) {\n this.openImg();\n this.$refs.artOn.style.display = 'block';\n }\n },\n openImg: function openImg() {\n if (!this.isFullScreen) {\n this.$refs.artOn.style.width = '100%';\n this.fullScreenImage = true;\n this.isToolsOpen = false;\n }\n },\n closeImg: function closeImg() {\n if (window.innerWidth < 754) {\n this.$refs.artOn.style.display = 'none';\n }\n this.$refs.artOn.style.width = '50%';\n this.fullScreenImage = false;\n this.isToolsOpen = true;\n },\n loadImages: function loadImages() {\n var vm = this;\n var after = vm.lastAfter ? '&after=' + vm.lastAfter : '';\n __WEBPACK_IMPORTED_MODULE_0_axios___default.a.get('https://www.reddit.com/r/Art/.json?count=15' + after).then(function (res) {\n var images = res.data.data.children;\n vm.lastAfter = res.data.data.after;\n for (var i = 0; i <= 14; i++) {\n if (/(.jpg$|.jpeg$|.png$|reddituploads)/.test(images[i].data.url)) {\n if (i % 2 === 0) {\n vm.urlsA.push({\n 'src': images[i].data.url.replace(/&/g, '&'),\n 'author': images[i].data.author,\n 'title': images[i].data.title,\n 'reddit': images[i].data.permalink\n });\n } else {\n vm.urlsB.push({\n 'src': images[i].data.url.replace(/&/g, '&'),\n 'author': images[i].data.author,\n 'title': images[i].data.title,\n 'reddit': images[i].data.permalink\n });\n }\n }\n }\n if (!vm.imageOn) {\n vm.imageOn = vm.urlsA[0].src;\n vm.imgTitle = vm.urlsA[0].title;\n vm.imgAuthor = vm.urlsA[0].author;\n vm.imgReddit = 'https://www.reddit.com' + vm.urlsA[0].reddit;\n }\n vm.fixColsDifferences();\n }).then(function () {\n if (vm.isLoading) {\n setTimeout(function () {\n vm.isLoading = false;\n }, 500);\n }\n }).catch(function (err) {\n vm.$toast('Something went wrong... Try to refresh the page', 4000);\n console.log(err);\n });\n },\n moreImages: function moreImages() {\n this.loadImages();\n },\n fixColsDifferences: function fixColsDifferences() {\n var uA = this.urlsA;\n var uB = this.urlsB;\n while (uA.length !== uB.length) {\n if (Math.abs(uA.length - uB.length) !== 1) {\n if (uA.length > uB.length) {\n uB.push(uA[uA.length - 1]);\n uA.pop();\n } else if (uA.length < uB.length) {\n uA.push(uB[uB.length - 1]);\n uB.pop();\n }\n } else {\n break;\n }\n }\n },\n openExploreContent: function openExploreContent(val) {\n this.isExploring = true;\n this.$refs[val].style.display = 'block';\n if (window.innerHeight < 640) {\n if (window.innerHeight < 372) {\n this.$refs['explore-content'].style.height = '100%';\n } else {\n this.$refs['explore-content'].style.height = '70%';\n }\n } else {\n this.$refs['explore-content'].style.height = '54%';\n }\n },\n closeExploreContent: function closeExploreContent() {\n var vm = this;\n vm.isExploring = false;\n vm.$refs['explore-content'].style.height = '0';\n setTimeout(function () {\n vm.$refs['ex-about'].style.display = 'none';\n vm.$refs['ex-more'].style.display = 'none';\n }, 300);\n },\n handleHover: function handleHover() {\n var imgOp;\n if (this.isMobile) {\n imgOp = document.getElementById('iop-mobile');\n } else {\n imgOp = document.getElementById('iop-desktop');\n }\n if (this.aoHover) {\n this.aoHover = false;\n imgOp.style.opacity = '1';\n } else {\n this.aoHover = true;\n imgOp.style.opacity = '0.7';\n }\n },\n toolsHandleHover: function toolsHandleHover() {\n this.handleHover();\n }\n },\n created: function created() {\n var vm = this;\n vm.loadImages();\n },\n mounted: function mounted() {\n var vm = this;\n window.addEventListener('resize', function () {\n vm.winHeight = window.innerHeight + 'px';\n vm.winWidth = window.innerWidth;\n\n if (window.innerHeight > 372 && vm.isExploring) {\n vm.$refs['explore-content'].style.height = '70%';\n }\n });\n window.addEventListener('keydown', function (e) {\n if (vm.fullScreenImage && e.keyCode === 27) {\n vm.closeImg();\n }\n if (vm.isExploring && e.keyCode === 27) {\n vm.closeExploreContent();\n }\n });\n window.addEventListener('click', function (e) {\n if (vm.isExploring && !e.target.parents('.explore-ele').length > 0 && !e.target.matches('.explore-ele')) {\n vm.closeExploreContent();\n }\n });\n window.addEventListener('touchstart', function detectMobile() {\n window.removeEventListener('touchstart', detectMobile);\n vm.isMobile = true;\n });\n var fsprefixes = ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'msfullscreenchange'];\n fsprefixes.forEach(function (prefix) {\n document.addEventListener(prefix, function (e) {\n if (vm.isFullScreen) {\n vm.isFullScreen = false;\n } else {\n vm.isFullScreen = true;\n }\n }, false);\n });\n }\n});\n\nvar about = 'One of my favourite habbits is looking over reddit\\'s Art susbreddit and exploring art works of people from all over the world' + '
' + ' The idea for this project came to my mind due to reddit not been very interactive for this task' + '
' + 'So I decided to fetch the art works that was posted on reddit into my own little website where i can control the design' + '
' + 'This website is primarly targeted to desktop viewing and although it is nicely designed on mobile phones, reddit has a fast and comfortable app for mobiles';\n\n/***/ }),\n/* 34 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'toolbar',\n data: function data() {\n return {\n fs: this.fullScreen,\n isBars: true\n };\n },\n\n props: ['fullScreen', 'isTools', 'imageShare', 'reddit'],\n computed: {\n getToolsState: function getToolsState() {\n return this.isTools;\n },\n getImgToShare: function getImgToShare() {\n return this.imageShare;\n },\n getRedditLink: function getRedditLink() {\n return this.reddit;\n },\n showWhatsapp: function showWhatsapp() {\n var os = getOS();\n if (os === 'i' || os === 'A') {\n return true;\n } else {\n return false;\n }\n },\n getWindowWidth: function getWindowWidth() {\n return window.innerWidth;\n }\n },\n methods: {\n showTools: function showTools() {\n var vm = this;\n if (vm.isBars) {\n vm.rotateButton(vm.$refs.faTimes, true);\n vm.isBars = false;\n } else {\n vm.rotateButton(vm.$refs.faBars, false);\n vm.isBars = true;\n }\n },\n openFullScreen: function openFullScreen() {\n var element = document.getElementsByClassName('img-opacity')[0];\n var fullscreenEnabled = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;\n if (fullscreenEnabled) {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n } else {\n if (element.requestFullscreen) {\n element.requestFullscreen();\n } else if (element.mozRequestFullScreen) {\n element.mozRequestFullScreen();\n } else if (element.webkitRequestFullscreen) {\n element.webkitRequestFullscreen();\n } else if (element.msRequestFullscreen) {\n element.msRequestFullscreen();\n }\n }\n },\n rotateButton: function rotateButton(ele, tools) {\n var t = this.$refs.tools;\n var tb = this.$refs.toolbar;\n if (tools) {\n t.style.opacity = '1';\n t.style.zIndex = '99';\n tb.style.visibility = 'visible';\n } else {\n t.style.opacity = '0';\n t.style.zIndex = '-10';\n tb.style.visibility = 'hidden';\n }\n if (ele.style.transform === '') {\n ele.style.transform = 'rotate(360deg)';\n } else {\n ele.style.transform = '';\n }\n },\n saveFunction: function saveFunction() {\n this.$toast('Soon...');\n },\n handleHover: function handleHover() {\n this.$emit('handle-hover');\n }\n }\n});\n\nfunction getOS() {\n var userAgent = window.navigator.userAgent;\n var platform = window.navigator.platform;\n var iosPlatforms = ['iPhone', 'iPad', 'iPod'];\n var os = null;\n\n if (iosPlatforms.indexOf(platform) !== -1) {\n os = 'i';\n } else if (/Android/.test(userAgent)) {\n os = 'A';\n }\n\n return os;\n}\n\n/***/ }),\n/* 35 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 36 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 37 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 38 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 39 */,\n/* 40 */,\n/* 41 */,\n/* 42 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n __webpack_require__(37)\n}\nvar Component = __webpack_require__(1)(\n /* script */\n __webpack_require__(32),\n /* template */\n __webpack_require__(47),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 43 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n __webpack_require__(38)\n}\nvar Component = __webpack_require__(1)(\n /* script */\n __webpack_require__(33),\n /* template */\n __webpack_require__(48),\n /* styles */\n injectStyle,\n /* scopeId */\n \"data-v-64ee41fa\",\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 44 */\n/***/ (function(module, exports, __webpack_require__) {\n\nfunction injectStyle (ssrContext) {\n __webpack_require__(36)\n}\nvar Component = __webpack_require__(1)(\n /* script */\n __webpack_require__(34),\n /* template */\n __webpack_require__(46),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 45 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('main-page')], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 46 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n ref: \"toolbar\",\n attrs: {\n \"id\": \"toolbar\"\n },\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('i', {\n ref: \"faTimes\",\n staticClass: \"fa fa-times custom-fa fa-open-close\",\n class: {\n faOpacity: !_vm.isBars\n },\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.showTools\n }\n }), _vm._v(\" \"), _c('i', {\n ref: \"faBars\",\n staticClass: \"fa fa-bars custom-fa fa-open-close\",\n class: {\n faOpacity: _vm.isBars\n },\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.showTools\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"tools\",\n attrs: {\n \"id\": \"tools\"\n }\n }, [_c('a', {\n attrs: {\n \"href\": _vm.reddit,\n \"target\": \"_blank\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-reddit custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })]), _vm._v(\" \"), _c('i', {\n staticClass: \"fa fa-floppy-o custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.saveFunction\n }\n }), _vm._v(\" \"), _c('a', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showWhatsapp),\n expression: \"showWhatsapp\"\n }],\n attrs: {\n \"href\": 'whatsapp://send?text=' + _vm.getImgToShare,\n \"data-action\": \"share/whatsapp/share\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-whatsapp custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })]), _vm._v(\" \"), _c('i', {\n staticClass: \"fa fa-arrows-alt custom-fa\",\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.openFullScreen\n }\n })])])\n},staticRenderFns: []}\n\n/***/ }),\n/* 47 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"explore-ele\",\n attrs: {\n \"id\": \"explore-wrapper\"\n }\n }, [_c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-more\"\n },\n on: {\n \"click\": function($event) {\n _vm.openExploreContent(1)\n }\n }\n }, [_vm._m(0)]), _vm._v(\" \"), _vm._m(1), _vm._v(\" \"), _c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-about\"\n },\n on: {\n \"click\": function($event) {\n _vm.openExploreContent(2)\n }\n }\n }, [_vm._m(2)])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', [_c('i', {\n staticClass: \"fa fa-search-plus fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-reddit\"\n }\n }, [_c('a', {\n attrs: {\n \"href\": \"https://www.reddit.com/r/Art/\",\n \"target\": \"_blank\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-reddit-alien fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', [_c('i', {\n staticClass: \"fa fa-question fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])\n}]}\n\n/***/ }),\n/* 48 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"arts-wrapper\"\n }\n }, [_c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isLoading),\n expression: \"!isLoading\"\n }],\n staticClass: \"arts\"\n }, [_c('div', {\n ref: \"artOn\",\n class: _vm.winWidth > 754 ? 'aoDisplayFix' : '',\n style: ({\n height: _vm.winHeight\n }),\n attrs: {\n \"id\": \"art-on\"\n }\n }, [_c('toolbar', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.fullScreenImage || (_vm.winWidth < 754 && _vm.fullScreenImage)),\n expression: \"!fullScreenImage || (winWidth < 754 && fullScreenImage)\"\n }],\n attrs: {\n \"full-screen\": _vm.fullScreenImage,\n \"is-tools\": _vm.isToolsOpen,\n \"image-share\": _vm.imageOn,\n \"reddit\": _vm.imgReddit\n },\n on: {\n \"handle-hover\": _vm.toolsHandleHover\n }\n }), _vm._v(\" \"), _c('i', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.fullScreenImage),\n expression: \"fullScreenImage\"\n }],\n staticClass: \"fa fa-times ftimes\",\n on: {\n \"click\": _vm.closeImg\n }\n }), _vm._v(\" \"), _c('v-touch', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isMobile),\n expression: \"isMobile\"\n }],\n class: {\n 'img-opacity': _vm.isMobile\n },\n attrs: {\n \"tag\": \"span\",\n \"id\": \"iop-mobile\"\n },\n on: {\n \"tap\": _vm.handleHover\n }\n }, [_c('img', {\n ref: \"aoImg\",\n staticClass: \"ao-img\",\n class: {\n imgActive: _vm.fullScreenImage\n },\n attrs: {\n \"src\": _vm.imageOn\n },\n on: {\n \"click\": _vm.openImg\n }\n })]), _vm._v(\" \"), _c('span', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isMobile),\n expression: \"!isMobile\"\n }],\n ref: \"img-opacity\",\n class: [_vm.isMobile ? '' : 'img-opacity', {\n 'img-opacity-fs': _vm.isFullScreen\n }],\n attrs: {\n \"id\": \"iop-desktop\"\n },\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('img', {\n ref: \"aoImg\",\n staticClass: \"ao-img\",\n class: [{\n imgActive: _vm.fullScreenImage\n }, {\n 'ao-img-fs': _vm.isFullScreen\n }],\n attrs: {\n \"src\": _vm.imageOn\n },\n on: {\n \"click\": _vm.openImg\n }\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.aoHover),\n expression: \"aoHover\"\n }],\n staticClass: \"img-details\",\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('h1', {\n attrs: {\n \"id\": \"imgTitle\"\n }\n }, [_vm._v(_vm._s(_vm.imgTitle))]), _vm._v(\" \"), _c('h2', {\n attrs: {\n \"id\": \"imgAuthor\"\n }\n }, [_vm._v(_vm._s(_vm.imgAuthor))])])], 1), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.fullScreenImage),\n expression: \"!fullScreenImage\"\n }],\n attrs: {\n \"id\": \"arts-list\"\n }\n }, [_c('explore', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isLoading),\n expression: \"!isLoading\"\n }],\n on: {\n \"open-ec\": _vm.openExploreContent\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"al-container\"\n }, [_c('div', {\n ref: \"colA\",\n staticClass: \"colA\"\n }, _vm._l((_vm.urlsA), function(img, index) {\n return _c('div', {\n staticClass: \"al-item\",\n attrs: {\n \"id\": index\n }\n }, [_c('img', {\n staticClass: \"img-res\",\n attrs: {\n \"src\": img.src,\n \"imgAuthor\": img.author,\n \"imgTitle\": img.title,\n \"imgReddit\": 'https://www.reddit.com' + img.reddit\n },\n on: {\n \"click\": _vm.chooseImage\n }\n })])\n })), _vm._v(\" \"), _c('div', {\n ref: \"colB\",\n staticClass: \"colB\"\n }, _vm._l((_vm.urlsB), function(img, index) {\n return _c('div', {\n staticClass: \"al-item\",\n attrs: {\n \"id\": index\n }\n }, [_c('img', {\n staticClass: \"img-res\",\n attrs: {\n \"src\": img.src,\n \"imgAuthor\": img.author,\n \"imgTitle\": img.title,\n \"imgReddit\": 'https://www.reddit.com' + img.reddit\n },\n on: {\n \"click\": _vm.chooseImage\n }\n })])\n })), _vm._v(\" \"), _c('input', {\n staticClass: \"more_btn\",\n attrs: {\n \"type\": \"button\",\n \"value\": \"More\"\n },\n on: {\n \"click\": _vm.moreImages\n }\n })])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"clearboth\"\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isLoading),\n expression: \"isLoading\"\n }],\n staticClass: \"spinner\"\n }, [_c('div', {\n staticClass: \"bounce1\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"bounce2\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"bounce3\"\n })]), _vm._v(\" \"), _c('div', {\n attrs: {\n \"id\": \"toastc\"\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"explore-content\",\n staticClass: \"explore-ele\",\n attrs: {\n \"id\": \"explore-content\"\n }\n }, [_c('i', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isExploring),\n expression: \"isExploring\"\n }],\n staticClass: \"fa fa-times ftimes\",\n on: {\n \"click\": _vm.closeExploreContent\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"ex-more\",\n staticClass: \"explore-tab\",\n staticStyle: {\n \"display\": \"none\"\n }\n }, [_c('h1', [_vm._v(\" Discover More Art \")]), _vm._v(\" \"), _c('div', {\n attrs: {\n \"id\": \"ex-more-sites\"\n }\n }, _vm._l((_vm.sites), function(site) {\n return _c('div', {\n staticClass: \"site-thumb\",\n class: site.first ? 'first' : ''\n }, [_c('p', {\n staticClass: \"site-title\",\n domProps: {\n \"textContent\": _vm._s(site.title)\n }\n }), _vm._v(\" \"), _c('a', {\n attrs: {\n \"href\": site.url,\n \"target\": \"_blank\"\n }\n }, [_c('img', {\n staticClass: \"ex-sites-img\",\n attrs: {\n \"src\": site.thumbnail,\n \"alt\": \"site.title\"\n }\n })])])\n }))]), _vm._v(\" \"), _c('div', {\n ref: \"ex-about\",\n staticClass: \"explore-tab\",\n staticStyle: {\n \"display\": \"none\"\n }\n }, [_c('h1', [_vm._v(\" About This Project \")]), _vm._v(\" \"), _c('p', {\n staticClass: \"about-p\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.about)\n }\n })])])])\n},staticRenderFns: []}\n\n/***/ })\n],[30]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.fda10c53940dda31b0f3.js","function injectStyle (ssrContext) {\n require(\"!!../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-001ac749\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar Component = require(\"!../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n /* template */\n require(\"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-001ac749\\\"}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 8\n// module chunks = 1","function toastIt (msg, time) {\n if (time === undefined) {\n time = 2500\n }\n var t = document.getElementById('toastc')\n t.innerHTML = msg\n t.style.visibility = 'visible'\n t.style.opacity = '1'\n t.style.top = '30px'\n setTimeout(function () {\n t.style.visibility = 'hidden'\n t.style.opacity = '0'\n t.style.top = '100px'\n }, time)\n}\n\nexport function toast (msg, time) {\n toastIt(msg, time)\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/functions.js\n// module id = 11\n// module chunks = 1","import Vue from 'vue'\nimport App from './App'\nimport { toast } from '../static/functions.js'\n\nvar VueTouch = require('vue-touch')\nVue.use(VueTouch, {name: 'v-touch'})\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n toast,\n template: '',\n components: { App }\n})\n\nVue.prototype.$toast = toast\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// App.vue?3480d64a","\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Explore.vue?01f21e20","\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Main.vue?25be79b0","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Toolbar.vue?6eee0634","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5a8900e2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Explore.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Explore.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5a8900e2\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Explore.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Explore.vue\n// module id = 42\n// module chunks = 1","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-64ee41fa\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Main.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Main.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-64ee41fa\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Main.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n \"data-v-64ee41fa\",\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Main.vue\n// module id = 43\n// module chunks = 1","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1d19ddca\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Toolbar.vue\")\n}\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Toolbar.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1d19ddca\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Toolbar.vue\"),\n /* styles */\n injectStyle,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Toolbar.vue\n// module id = 44\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('main-page')], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-001ac749\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 45\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n ref: \"toolbar\",\n attrs: {\n \"id\": \"toolbar\"\n },\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('i', {\n ref: \"faTimes\",\n staticClass: \"fa fa-times custom-fa fa-open-close\",\n class: {\n faOpacity: !_vm.isBars\n },\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.showTools\n }\n }), _vm._v(\" \"), _c('i', {\n ref: \"faBars\",\n staticClass: \"fa fa-bars custom-fa fa-open-close\",\n class: {\n faOpacity: _vm.isBars\n },\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.showTools\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"tools\",\n attrs: {\n \"id\": \"tools\"\n }\n }, [_c('a', {\n attrs: {\n \"href\": _vm.reddit,\n \"target\": \"_blank\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-reddit custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })]), _vm._v(\" \"), _c('i', {\n staticClass: \"fa fa-floppy-o custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.saveFunction\n }\n }), _vm._v(\" \"), _c('a', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showWhatsapp),\n expression: \"showWhatsapp\"\n }],\n attrs: {\n \"href\": 'whatsapp://send?text=' + _vm.getImgToShare,\n \"data-action\": \"share/whatsapp/share\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-whatsapp custom-fa toolsO\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })]), _vm._v(\" \"), _c('i', {\n staticClass: \"fa fa-arrows-alt custom-fa\",\n attrs: {\n \"aria-hidden\": \"true\"\n },\n on: {\n \"click\": _vm.openFullScreen\n }\n })])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1d19ddca\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Toolbar.vue\n// module id = 46\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"explore-ele\",\n attrs: {\n \"id\": \"explore-wrapper\"\n }\n }, [_c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-more\"\n },\n on: {\n \"click\": function($event) {\n _vm.openExploreContent(1)\n }\n }\n }, [_vm._m(0)]), _vm._v(\" \"), _vm._m(1), _vm._v(\" \"), _c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-about\"\n },\n on: {\n \"click\": function($event) {\n _vm.openExploreContent(2)\n }\n }\n }, [_vm._m(2)])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', [_c('i', {\n staticClass: \"fa fa-search-plus fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"explore-btn\",\n attrs: {\n \"id\": \"explore-reddit\"\n }\n }, [_c('a', {\n attrs: {\n \"href\": \"https://www.reddit.com/r/Art/\",\n \"target\": \"_blank\"\n }\n }, [_c('i', {\n staticClass: \"fa fa-reddit-alien fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', [_c('i', {\n staticClass: \"fa fa-question fcustom\",\n attrs: {\n \"aria-hidden\": \"true\"\n }\n })])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-5a8900e2\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Explore.vue\n// module id = 47\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"arts-wrapper\"\n }\n }, [_c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isLoading),\n expression: \"!isLoading\"\n }],\n staticClass: \"arts\"\n }, [_c('div', {\n ref: \"artOn\",\n class: _vm.winWidth > 754 ? 'aoDisplayFix' : '',\n style: ({\n height: _vm.winHeight\n }),\n attrs: {\n \"id\": \"art-on\"\n }\n }, [_c('toolbar', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.fullScreenImage || (_vm.winWidth < 754 && _vm.fullScreenImage)),\n expression: \"!fullScreenImage || (winWidth < 754 && fullScreenImage)\"\n }],\n attrs: {\n \"full-screen\": _vm.fullScreenImage,\n \"is-tools\": _vm.isToolsOpen,\n \"image-share\": _vm.imageOn,\n \"reddit\": _vm.imgReddit\n },\n on: {\n \"handle-hover\": _vm.toolsHandleHover\n }\n }), _vm._v(\" \"), _c('i', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.fullScreenImage),\n expression: \"fullScreenImage\"\n }],\n staticClass: \"fa fa-times ftimes\",\n on: {\n \"click\": _vm.closeImg\n }\n }), _vm._v(\" \"), _c('v-touch', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isMobile),\n expression: \"isMobile\"\n }],\n class: {\n 'img-opacity': _vm.isMobile\n },\n attrs: {\n \"tag\": \"span\",\n \"id\": \"iop-mobile\"\n },\n on: {\n \"tap\": _vm.handleHover\n }\n }, [_c('img', {\n ref: \"aoImg\",\n staticClass: \"ao-img\",\n class: {\n imgActive: _vm.fullScreenImage\n },\n attrs: {\n \"src\": _vm.imageOn\n },\n on: {\n \"click\": _vm.openImg\n }\n })]), _vm._v(\" \"), _c('span', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isMobile),\n expression: \"!isMobile\"\n }],\n ref: \"img-opacity\",\n class: [_vm.isMobile ? '' : 'img-opacity', {\n 'img-opacity-fs': _vm.isFullScreen\n }],\n attrs: {\n \"id\": \"iop-desktop\"\n },\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('img', {\n ref: \"aoImg\",\n staticClass: \"ao-img\",\n class: [{\n imgActive: _vm.fullScreenImage\n }, {\n 'ao-img-fs': _vm.isFullScreen\n }],\n attrs: {\n \"src\": _vm.imageOn\n },\n on: {\n \"click\": _vm.openImg\n }\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.aoHover),\n expression: \"aoHover\"\n }],\n staticClass: \"img-details\",\n on: {\n \"mouseleave\": _vm.handleHover,\n \"mouseenter\": _vm.handleHover\n }\n }, [_c('h1', {\n attrs: {\n \"id\": \"imgTitle\"\n }\n }, [_vm._v(_vm._s(_vm.imgTitle))]), _vm._v(\" \"), _c('h2', {\n attrs: {\n \"id\": \"imgAuthor\"\n }\n }, [_vm._v(_vm._s(_vm.imgAuthor))])])], 1), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.fullScreenImage),\n expression: \"!fullScreenImage\"\n }],\n attrs: {\n \"id\": \"arts-list\"\n }\n }, [_c('explore', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (!_vm.isLoading),\n expression: \"!isLoading\"\n }],\n on: {\n \"open-ec\": _vm.openExploreContent\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"al-container\"\n }, [_c('div', {\n ref: \"colA\",\n staticClass: \"colA\"\n }, _vm._l((_vm.urlsA), function(img, index) {\n return _c('div', {\n staticClass: \"al-item\",\n attrs: {\n \"id\": index\n }\n }, [_c('img', {\n staticClass: \"img-res\",\n attrs: {\n \"src\": img.src,\n \"imgAuthor\": img.author,\n \"imgTitle\": img.title,\n \"imgReddit\": 'https://www.reddit.com' + img.reddit\n },\n on: {\n \"click\": _vm.chooseImage\n }\n })])\n })), _vm._v(\" \"), _c('div', {\n ref: \"colB\",\n staticClass: \"colB\"\n }, _vm._l((_vm.urlsB), function(img, index) {\n return _c('div', {\n staticClass: \"al-item\",\n attrs: {\n \"id\": index\n }\n }, [_c('img', {\n staticClass: \"img-res\",\n attrs: {\n \"src\": img.src,\n \"imgAuthor\": img.author,\n \"imgTitle\": img.title,\n \"imgReddit\": 'https://www.reddit.com' + img.reddit\n },\n on: {\n \"click\": _vm.chooseImage\n }\n })])\n })), _vm._v(\" \"), _c('input', {\n staticClass: \"more_btn\",\n attrs: {\n \"type\": \"button\",\n \"value\": \"More\"\n },\n on: {\n \"click\": _vm.moreImages\n }\n })])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"clearboth\"\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isLoading),\n expression: \"isLoading\"\n }],\n staticClass: \"spinner\"\n }, [_c('div', {\n staticClass: \"bounce1\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"bounce2\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"bounce3\"\n })]), _vm._v(\" \"), _c('div', {\n attrs: {\n \"id\": \"toastc\"\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"explore-content\",\n staticClass: \"explore-ele\",\n attrs: {\n \"id\": \"explore-content\"\n }\n }, [_c('i', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.isExploring),\n expression: \"isExploring\"\n }],\n staticClass: \"fa fa-times ftimes\",\n on: {\n \"click\": _vm.closeExploreContent\n }\n }), _vm._v(\" \"), _c('div', {\n ref: \"ex-more\",\n staticClass: \"explore-tab\",\n staticStyle: {\n \"display\": \"none\"\n }\n }, [_c('h1', [_vm._v(\" Discover More Art \")]), _vm._v(\" \"), _c('div', {\n attrs: {\n \"id\": \"ex-more-sites\"\n }\n }, _vm._l((_vm.sites), function(site) {\n return _c('div', {\n staticClass: \"site-thumb\",\n class: site.first ? 'first' : ''\n }, [_c('p', {\n staticClass: \"site-title\",\n domProps: {\n \"textContent\": _vm._s(site.title)\n }\n }), _vm._v(\" \"), _c('a', {\n attrs: {\n \"href\": site.url,\n \"target\": \"_blank\"\n }\n }, [_c('img', {\n staticClass: \"ex-sites-img\",\n attrs: {\n \"src\": site.thumbnail,\n \"alt\": \"site.title\"\n }\n })])])\n }))]), _vm._v(\" \"), _c('div', {\n ref: \"ex-about\",\n staticClass: \"explore-tab\",\n staticStyle: {\n \"display\": \"none\"\n }\n }, [_c('h1', [_vm._v(\" About This Project \")]), _vm._v(\" \"), _c('p', {\n staticClass: \"about-p\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.about)\n }\n })])])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-64ee41fa\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/Main.vue\n// module id = 48\n// module chunks = 1"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/static/js/manifest.5359325e32de5c9a6bb7.js b/docs/static/js/manifest.05663c71f6c4d08d68a2.js similarity index 91% rename from docs/static/js/manifest.5359325e32de5c9a6bb7.js rename to docs/static/js/manifest.05663c71f6c4d08d68a2.js index 6153785..e510204 100644 --- a/docs/static/js/manifest.5359325e32de5c9a6bb7.js +++ b/docs/static/js/manifest.05663c71f6c4d08d68a2.js @@ -1,2 +1,2 @@ -!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var i,u,f,s=0,l=[];s -12 verbose exit [ 1, true ] diff --git a/src/components/Main.vue b/src/components/Main.vue index f79f292..04d399c 100644 --- a/src/components/Main.vue +++ b/src/components/Main.vue @@ -106,15 +106,19 @@ export default { } } } - vm.imageOn = vm.urlsA[0].src - vm.imgTitle = vm.urlsA[0].title - vm.imgAuthor = vm.urlsA[0].author - vm.imgReddit = 'https://www.reddit.com' + vm.urlsA[0].reddit + if (!vm.imageOn) { + vm.imageOn = vm.urlsA[0].src + vm.imgTitle = vm.urlsA[0].title + vm.imgAuthor = vm.urlsA[0].author + vm.imgReddit = 'https://www.reddit.com' + vm.urlsA[0].reddit + } vm.fixColsDifferences() }).then(function () { - setTimeout(function () { - vm.isLoading = false - }, 500) + if (vm.isLoading) { // Only on first call + setTimeout(function () { + vm.isLoading = false + }, 500) + } }).catch(function (err) { vm.$toast('Something went wrong... Try to refresh the page', 4000) console.log(err)