{"version":3,"file":"static/js/2032.ce61120c.js","mappings":"oGAAAA,EAAOC,QAAU,IAA0B,8C,uBCA3CD,EAAOC,QAAU,IAA0B,uC,wBCA3CD,EAAOC,QAAU,IAA0B,sC,kFCA3C,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,MACA,CAAEE,YAAa,eAAgBC,MAAO,CAAEC,KAAM,iBAC9C,CACEJ,EAAG,MAAO,CAAEE,YAAa,iBAAmB,CAC1CF,EACE,MACA,CAAEE,YAAa,6BACf,CACEJ,EAAIO,MACAL,EAAG,IAAK,CACNE,YAAa,QACbC,MAAO,CAAE,cAAe,QACxBG,SAAU,CAAEC,UAAWT,EAAIU,GAAGV,EAAIO,MAAMI,SAE1CX,EAAIY,KACRZ,EAAIa,GAAG,kBAET,GAEFb,EAAIO,MACAL,EAAG,MAAO,CACRE,YAAa,0BACbU,MAAOd,EAAIe,WACXV,MAAO,CAAE,cAAe,UAE1BL,EAAIY,QAIhB,EAEAb,EAAOiB,eAAgB,E,eCdvB,IACAC,MAAAA,iBACAN,KAAAA,0GACAO,MAAAA,sBACG,CACHC,WAAAA,gBACAR,KAAAA,oKACAO,MAAAA,qBACG,CACHD,MAAAA,iBACAN,KAAAA,+EACAO,MAAAA,8BChC4K,EDmC5K,CACAE,KAAAA,eAEAC,KAAAA,WACA,OACAd,MAAAA,KACAQ,WAAAA,GAEA,EAEAO,QAAAA,WACA,WACA,EAEAC,QAAAA,CACAC,KAAAA,WAEA,uBACA,8CACA,EAEAC,cAAAA,SAAAA,GACA,SACA,eACA,qCACAX,EAAAA,0BAAAA,OAAAA,EAAAA,MACA,CACA,QACA,IE5CA,GAXgB,E,SAAA,GACd,EACAf,EHwBoB,IGtBpB,EACA,KACA,KACA,MAI8B,O,wBCnBhC,IAAI2B,EAAM,CACT,8BAA+B,MAC/B,uBAAwB,KACxB,sBAAuB,OAIxB,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,EAC5B,CACA,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,CACP,CACA,OAAOP,EAAIE,EACZ,CACAD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,EACpB,EACAC,EAAeW,QAAUR,EACzBjC,EAAOC,QAAU6B,EACjBA,EAAeE,GAAK,K","sources":["webpack://finnish-art/./src/assets/images/errors/Carl_Wilhelm_Vallgren.jpg","webpack://finnish-art/./src/assets/images/errors/Eero_Järnefelt.jpg","webpack://finnish-art/./src/assets/images/errors/Jean_Sibelius.jpg","webpack://finnish-art/./src/components/Errors/Quote.vue","webpack://finnish-art/src/components/Errors/Quote.vue","webpack://finnish-art/./src/components/Errors/Quote.vue?3162","webpack://finnish-art/./src/components/Errors/Quote.vue?2a4b","webpack://finnish-art/./src/assets/images/errors/ sync ^\\.\\/.*$"],"sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/Carl_Wilhelm_Vallgren.493d743.jpg\";","module.exports = __webpack_public_path__ + \"static/img/Eero_Järnefelt.81e3ef1.jpg\";","module.exports = __webpack_public_path__ + \"static/img/Jean_Sibelius.e627df4.jpg\";","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"errors-quote\", attrs: { role: \"presentation\" } },\n    [\n      _c(\"div\", { staticClass: \"columns is-12\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"column is-6 message-panel\" },\n          [\n            _vm.quote\n              ? _c(\"p\", {\n                  staticClass: \"quote\",\n                  attrs: { \"aria-hidden\": \"true\" },\n                  domProps: { innerHTML: _vm._s(_vm.quote.html) },\n                })\n              : _vm._e(),\n            _vm._t(\"message-panel\"),\n          ],\n          2\n        ),\n        _vm.quote\n          ? _c(\"div\", {\n              staticClass: \"column is-6 image-panel\",\n              style: _vm.imageStyle,\n              attrs: { \"aria-hidden\": \"true\" },\n            })\n          : _vm._e(),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\ndiv.errors-quote(\n    role=\"presentation\")\n\n    div.columns.is-12\n\n        div.column.is-6.message-panel\n            p.quote(\n                v-if=\"quote\"\n                v-html=\"quote.html\"\n                aria-hidden=\"true\")\n            slot(name=\"message-panel\")\n\n        div.column.is-6.image-panel(\n            aria-hidden=\"true\"\n            v-if=\"quote\"\n            v-bind:style=\"imageStyle\")\n\n</template>\n\n<script>\nconst quotes = [{\n    actor: 'Eero Järnefelt',\n    html: '<p>”Vain tosi on pysyväistä”</p><div>Teksti Eero Järnefeltin hautakivessä Helsingin Hietaniemessä</div>',\n    image: 'Eero_Järnefelt.jpg'\n}, {\n    searchText: 'Jean Sibelius',\n    html: '<p>”Hyvin hauska on katsella tauluja täällä. Täällä on suuria kokoelmia.”</p><div>Jean Sibelius kirjeessään vaimolleen Ainolle Münchenistä heinäkuussa 1894</div>',\n    image: 'Jean_Sibelius.jpg'\n}, {\n    actor: 'Ville Vallgren',\n    html: '<p>”On vain kaksi kaupunkia, Porvoo ja Pariisi”</p><div>Ville Vallgren</div>',\n    image: 'Carl_Wilhelm_Vallgren.jpg'\n}];\n\nexport default {\n    name: 'errors-quote',\n\n    data: function () {\n        return {\n            quote: null,\n            imageStyle: ''\n        };\n    },\n\n    created: function () {\n        this.init();\n    },\n\n    methods: {\n        init: function () {\n            // random quote\n            this.quote = _.sample(quotes);\n            this.imageStyle = this.getImageStyle(this.quote);\n        },\n\n        getImageStyle: function (quote) {\n            let style = '';\n            if (quote && quote.image) {\n                const imageSrc = require(`assets/images/errors/${quote.image}`);\n                style = `background-image: url(\"${imageSrc}\");`;\n            }\n            return style;\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.errors-quote {\n    padding: 3rem 10vw;\n    font-family: $main-sans-serif;\n    line-height: normal;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position-x: 50%;\n    .columns {\n        display: flex;\n        // going back from auth0 login screen breaks the layout and vh units cannot be used\n        height: 700px;\n        // min-height: 70vh;\n        max-height: 70vh;\n        overflow: hidden;\n        box-shadow: 2px 2px 25px $dark-gray;\n    }\n    .message-panel {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: space-around;\n        height: auto;\n        padding: 10vh 3rem 2rem;\n        color: $dark-gray-2;\n        text-align: center;\n        background: white;\n        p {\n            font-size: 2rem;\n            &.error {\n                margin: 1rem auto;\n                font-size: 1rem;\n            }\n        }\n        .quote {\n            align-self: flex-start;\n            margin: 0 0 3rem auto;\n            font-family: \"Sabon Next W01 Regular\", serif;\n            font-style: italic;\n            text-align: right;\n            p {\n                margin: 0 0 0.5rem auto;\n                font-size: 1.5rem;\n            }\n            div {\n                font-size: 0.7rem;\n            }\n        }\n    }\n    .image-panel {\n        height: auto;\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position-x: 50%;\n    }\n\n    @media screen and (min-width: $breakpoint-tablet) {\n        background-image: unset !important;\n    }\n    @media screen and (max-width: $breakpoint-tablet - 1) {\n        height: 100%;\n        .message-panel {\n            width: 100%;\n            background: rgba(255, 251, 251, 0.85);\n        }\n        .image-panel {\n            display: none;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Quote.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Quote.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Quote.vue?vue&type=template&id=12ac970d&lang=pug&\"\nimport script from \"./Quote.vue?vue&type=script&lang=js&\"\nexport * from \"./Quote.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Quote.vue?vue&type=style&index=0&id=12ac970d&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var map = {\n\t\"./Carl_Wilhelm_Vallgren.jpg\": 50125,\n\t\"./Eero_Järnefelt.jpg\": 9172,\n\t\"./Jean_Sibelius.jpg\": 67822\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 53542;"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","role","quote","domProps","innerHTML","_s","html","_e","_t","style","imageStyle","_withStripped","actor","image","searchText","name","data","created","methods","init","getImageStyle","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve"],"sourceRoot":""}