From: Louis Jeckel Date: Wed, 6 May 2020 12:07:35 +0000 (+0200) Subject: created blocks, added cards X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0860c9f07bbe6c04e8efef187c1d0a014d2c0a08;p=psq.git created blocks, added cards --- diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php index b799a04..559770e 100644 --- a/app/Http/Controllers/HomeController.php +++ b/app/Http/Controllers/HomeController.php @@ -2,6 +2,7 @@ namespace App\Http\Controllers; +use App\PdfFile; use Illuminate\Http\Request; class HomeController extends Controller @@ -14,7 +15,9 @@ class HomeController extends Controller */ public function index() { - return view('home'); + return view('home.index', [ + 'last_pdf' => PdfFile::query()->orderByDesc('id')->take(4)->get()->sortBy('id') + ]); } diff --git a/public/admin/js/admin.js b/public/admin/js/admin.js index 9c1ed20..d9d8ae5 100644 --- a/public/admin/js/admin.js +++ b/public/admin/js/admin.js @@ -2263,10 +2263,10 @@ __webpack_require__.r(__webpack_exports__); /***/ }), -/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&": -/*!*****************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js& ***! - \*****************************************************************************************************************************************************************************/ +/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=script&lang=js&": +/*!*********************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=script&lang=js& ***! + \*********************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { @@ -2280,13 +2280,90 @@ __webpack_require__.r(__webpack_exports__); // // // +// +// +// +// +// +// +// +// +// +// +// +// /* harmony default export */ __webpack_exports__["default"] = ({ - components: {}, + name: "cover", + mounted: function mounted() { + this.isMounted = true; + }, + props: ['dataImage', 'width', 'height'], data: function data() { - return {}; + return { + isMounted: false, + mouseX: 0, + mouseY: 0, + mouseLeaveDelay: null + }; }, - mounted: function mounted() {}, - methods: {} + computed: { + dimensions: function dimensions() { + return { + width: this.width, + height: Math.round(this.c_height) + 'px' + }; + }, + c_width: function c_width() { + return this.isMounted ? this.$refs.card.offsetWidth : 0; + }, + c_height: function c_height() { + return this.isMounted ? this.height === undefined ? this.c_inner_width * 1.38 : this.height : 0; + }, + c_inner_width: function c_inner_width() { + return this.isMounted ? this.$refs.inner.offsetWidth : 0; + }, + mousePX: function mousePX() { + return this.mouseX / this.c_width; + }, + mousePY: function mousePY() { + return this.mouseY / this.c_height; + }, + cardStyle: function cardStyle() { + var rX = this.mousePX * 40; + var rY = this.mousePY * -40; + return { + transform: "rotateY(".concat(rX, "deg) rotateX(").concat(rY, "deg)") + }; + }, + cardBgTransform: function cardBgTransform() {// const tX = this.mousePX * -40; + // const tY = this.mousePY * -40; + // return { + // transform: `translateX(${tX}px) translateY(${tY}px)` + // } + }, + cardBgImage: function cardBgImage() { + return { + backgroundImage: "url(".concat(this.dataImage, ")") + }; + } + }, + methods: { + handleMouseMove: function handleMouseMove(e) { + this.mouseX = e.pageX - $(this.$refs.card).offset().left - this.c_width / 2; + this.mouseY = e.pageY - $(this.$refs.card).offset().top - this.c_height / 2; + }, + handleMouseEnter: function handleMouseEnter() { + clearTimeout(this.mouseLeaveDelay); + }, + handleMouseLeave: function handleMouseLeave() { + var _this = this; + + this.mouseLeaveDelay = setTimeout(function () { + _this.mouseX = 0; + _this.mouseY = 0; + }, 500); + } + } }); /***/ }), @@ -9596,6 +9673,24 @@ function isnan (val) { /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js"))) +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&": +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +// Imports +var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +exports = ___CSS_LOADER_API_IMPORT___(false); +// Module +exports.push([module.i, ".title[data-v-0ce5bbb2] {\n font-family: \"Raleway\";\n font-size: 24px;\n font-weight: 700;\n color: #5D4037;\n text-align: center;\n}\n*[data-v-0ce5bbb2] {\n -webkit-font-smoothing: antialiased;\n}\np[data-v-0ce5bbb2] {\n line-height: 1.5em;\n}\nh1 + p[data-v-0ce5bbb2], p + p[data-v-0ce5bbb2] {\n margin-top: 10px;\n}\n.card-wrap[data-v-0ce5bbb2] {\n /*margin: 10px;*/\n transform: perspective(800px);\n transform-style: preserve-3d;\n cursor: pointer;\n}\n.card-wrap:hover .card-info[data-v-0ce5bbb2] {\n transform: translateY(0);\n}\n.card-wrap:hover .card-info p[data-v-0ce5bbb2] {\n opacity: 1;\n}\n.card-wrap:hover .card-info[data-v-0ce5bbb2], .card-wrap:hover .card-info p[data-v-0ce5bbb2] {\n transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.card-wrap:hover .card-info[data-v-0ce5bbb2]:after {\n transition: 5s cubic-bezier(0.23, 1, 0.32, 1);\n opacity: 1;\n transform: translateY(0);\n}\n.card-wrap:hover .card-bg[data-v-0ce5bbb2] {\n transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 5s cubic-bezier(0.23, 1, 0.32, 1);\n opacity: 0.8;\n}\n.card-wrap:hover .cover[data-v-0ce5bbb2] {\n transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: rgba(255, 255, 255, 0.2) 0 0 40px 5px, rgba(0, 0, 0, 0.3) 0 30px 60px 0, inset #333 0 0 0 5px;\n}\n.cover[data-v-0ce5bbb2] {\n position: relative;\n flex: 0 0 100%;\n width: 100%;\n height: 100%;\n background-color: #333;\n overflow: hidden;\n /*border-radius: 10px;*/\n box-shadow: rgba(0, 0, 0, 0.3) 0 30px 60px 0, inset #333 0 0 0 5px;\n transition: 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);\n}\n.card-bg[data-v-0ce5bbb2] {\n opacity: 0.8;\n position: absolute;\n width: 100%;\n height: 100%;\n /*padding: 20px;*/\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);\n pointer-events: none;\n}\n.card-bg[data-v-0ce5bbb2] :hover {\n opacity: 0.5;\n}\n.card-info[data-v-0ce5bbb2] {\n padding: 10px;\n position: absolute;\n bottom: 0;\n color: #fff;\n transform: translateY(40%);\n transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n box-sizing: border-box !important;\n}\n.card-info p[data-v-0ce5bbb2] {\n opacity: 0;\n text-shadow: black 0 2px 3px;\n transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.card-info *[data-v-0ce5bbb2] {\n position: relative;\n z-index: 1;\n}\n.card-info[data-v-0ce5bbb2]:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);\n background-blend-mode: overlay;\n opacity: 0;\n transform: translateY(100%);\n transition: 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);\n}\n.card-info h1[data-v-0ce5bbb2] {\n font-family: \"Playfair Display\";\n font-size: 36px;\n font-weight: 700;\n text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;\n}", ""]); +// Exports +module.exports = exports; + + /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-stepper/src/HorizontalStepper.scss?vue&type=style&index=0&id=3ee86246&scoped=true&lang=scss&": @@ -48262,6 +48357,37 @@ return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems} /***/ }), +/***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&": +/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& ***! + \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +var api = __webpack_require__(/*! ../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); + var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--8-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& */ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&"); + + content = content.__esModule ? content.default : content; + + if (typeof content === 'string') { + content = [[module.i, content, '']]; + } + +var options = {}; + +options.insert = "head"; +options.singleton = false; + +var update = api(content, options); + +var exported = content.locals ? content.locals : {}; + + + +module.exports = exported; + +/***/ }), + /***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-stepper/src/HorizontalStepper.scss?vue&type=style&index=0&id=3ee86246&scoped=true&lang=scss&": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-stepper/src/HorizontalStepper.scss?vue&type=style&index=0&id=3ee86246&scoped=true&lang=scss& ***! @@ -49467,10 +49593,10 @@ render._withStripped = true /***/ }), -/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&": -/*!*********************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20& ***! - \*********************************************************************************************************************************************************************************************************************/ +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&": +/*!*************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& ***! + \*************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { @@ -49482,18 +49608,39 @@ var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h - return _vm._m(0) + return _c( + "div", + { + ref: "card", + staticClass: "card-wrap", + style: _vm.dimensions, + on: { + mousemove: _vm.handleMouseMove, + mouseenter: _vm.handleMouseEnter, + mouseleave: _vm.handleMouseLeave + } + }, + [ + _c("div", { ref: "inner", staticClass: "cover", style: _vm.cardStyle }, [ + _c("div", { + staticClass: "card-bg", + style: [_vm.cardBgTransform, _vm.cardBgImage] + }), + _vm._v(" "), + _c( + "div", + { + staticClass: "card-info", + style: { width: _vm.c_inner_width + "px" } + }, + [_vm._t("header"), _vm._v(" "), _vm._t("content")], + 2 + ) + ]) + ] + ) } -var staticRenderFns = [ - function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c("div", [ - _c("h1", { staticClass: "mb-6" }, [_vm._v("Link generator")]) - ]) - } -] +var staticRenderFns = [] render._withStripped = true @@ -65436,7 +65583,7 @@ module.exports = function(module) { var map = { "./components/FileSearch/FileHit.vue": "./resources/js/components/FileSearch/FileHit.vue", "./components/FileSearch/FileInstantSearch.vue": "./resources/js/components/FileSearch/FileInstantSearch.vue", - "./components/Links/GenerateLink.vue": "./resources/js/components/Links/GenerateLink.vue", + "./components/Home/cover.vue": "./resources/js/components/Home/cover.vue", "./components/LiveStats.vue": "./resources/js/components/LiveStats.vue", "./components/Publish/Publish.vue": "./resources/js/components/Publish/Publish.vue", "./components/Publish/Step1UploadFile.vue": "./resources/js/components/Publish/Step1UploadFile.vue", @@ -65733,18 +65880,20 @@ __webpack_require__.r(__webpack_exports__); /***/ }), -/***/ "./resources/js/components/Links/GenerateLink.vue": -/*!********************************************************!*\ - !*** ./resources/js/components/Links/GenerateLink.vue ***! - \********************************************************/ +/***/ "./resources/js/components/Home/cover.vue": +/*!************************************************!*\ + !*** ./resources/js/components/Home/cover.vue ***! + \************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./GenerateLink.vue?vue&type=template&id=dc597e20& */ "./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&"); -/* harmony import */ var _GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./GenerateLink.vue?vue&type=script&lang=js& */ "./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&"); -/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); +/* harmony import */ var _cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& */ "./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&"); +/* harmony import */ var _cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cover.vue?vue&type=script&lang=js& */ "./resources/js/components/Home/cover.vue?vue&type=script&lang=js&"); +/* empty/unused harmony star reexport *//* harmony import */ var _cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& */ "./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&"); +/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); + @@ -65752,51 +65901,67 @@ __webpack_require__.r(__webpack_exports__); /* normalize component */ -var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])( - _GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], - _GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["render"], - _GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], +var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])( + _cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], + _cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"], + _cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], false, null, - null, + "0ce5bbb2", null ) /* hot reload */ if (false) { var api; } -component.options.__file = "resources/js/components/Links/GenerateLink.vue" +component.options.__file = "resources/js/components/Home/cover.vue" /* harmony default export */ __webpack_exports__["default"] = (component.exports); /***/ }), -/***/ "./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&": -/*!*********************************************************************************!*\ - !*** ./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js& ***! - \*********************************************************************************/ +/***/ "./resources/js/components/Home/cover.vue?vue&type=script&lang=js&": +/*!*************************************************************************!*\ + !*** ./resources/js/components/Home/cover.vue?vue&type=script&lang=js& ***! + \*************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./GenerateLink.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&"); -/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=script&lang=js&"); +/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), -/***/ "./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&": -/*!***************************************************************************************!*\ - !*** ./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20& ***! - \***************************************************************************************/ +/***/ "./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&": +/*!**********************************************************************************************************!*\ + !*** ./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& ***! + \**********************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader/dist/cjs.js!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--8-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& */ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&"); +/* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); +/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); + /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); + +/***/ }), + +/***/ "./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&": +/*!*******************************************************************************************!*\ + !*** ./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& ***! + \*******************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./GenerateLink.vue?vue&type=template&id=dc597e20& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&"); -/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["render"]; }); +/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&"); +/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; }); -/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); +/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); diff --git a/public/css/app.css b/public/css/app.css index c82cb2d..86d2fbf 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -10991,9 +10991,3 @@ mark.mark { /* Temporary */ -main > div > div, -aside > div { - height: 200px; - border: 1px solid black; -} - diff --git a/public/js/app.js b/public/js/app.js index 0b22210..8b9248e 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -7458,10 +7458,10 @@ __webpack_require__.r(__webpack_exports__); /***/ }), -/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&": -/*!*****************************************************************************************************************************************************************************!*\ - !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js& ***! - \*****************************************************************************************************************************************************************************/ +/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=script&lang=js&": +/*!*********************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=script&lang=js& ***! + \*********************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { @@ -7475,13 +7475,90 @@ __webpack_require__.r(__webpack_exports__); // // // +// +// +// +// +// +// +// +// +// +// +// +// /* harmony default export */ __webpack_exports__["default"] = ({ - components: {}, + name: "cover", + mounted: function mounted() { + this.isMounted = true; + }, + props: ['dataImage', 'width', 'height'], data: function data() { - return {}; + return { + isMounted: false, + mouseX: 0, + mouseY: 0, + mouseLeaveDelay: null + }; }, - mounted: function mounted() {}, - methods: {} + computed: { + dimensions: function dimensions() { + return { + width: this.width, + height: Math.round(this.c_height) + 'px' + }; + }, + c_width: function c_width() { + return this.isMounted ? this.$refs.card.offsetWidth : 0; + }, + c_height: function c_height() { + return this.isMounted ? this.height === undefined ? this.c_inner_width * 1.38 : this.height : 0; + }, + c_inner_width: function c_inner_width() { + return this.isMounted ? this.$refs.inner.offsetWidth : 0; + }, + mousePX: function mousePX() { + return this.mouseX / this.c_width; + }, + mousePY: function mousePY() { + return this.mouseY / this.c_height; + }, + cardStyle: function cardStyle() { + var rX = this.mousePX * 40; + var rY = this.mousePY * -40; + return { + transform: "rotateY(".concat(rX, "deg) rotateX(").concat(rY, "deg)") + }; + }, + cardBgTransform: function cardBgTransform() {// const tX = this.mousePX * -40; + // const tY = this.mousePY * -40; + // return { + // transform: `translateX(${tX}px) translateY(${tY}px)` + // } + }, + cardBgImage: function cardBgImage() { + return { + backgroundImage: "url(".concat(this.dataImage, ")") + }; + } + }, + methods: { + handleMouseMove: function handleMouseMove(e) { + this.mouseX = e.pageX - $(this.$refs.card).offset().left - this.c_width / 2; + this.mouseY = e.pageY - $(this.$refs.card).offset().top - this.c_height / 2; + }, + handleMouseEnter: function handleMouseEnter() { + clearTimeout(this.mouseLeaveDelay); + }, + handleMouseLeave: function handleMouseLeave() { + var _this = this; + + this.mouseLeaveDelay = setTimeout(function () { + _this.mouseX = 0; + _this.mouseY = 0; + }, 500); + } + } }); /***/ }), @@ -14791,6 +14868,24 @@ function isnan (val) { /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js"))) +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&": +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +// Imports +var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +exports = ___CSS_LOADER_API_IMPORT___(false); +// Module +exports.push([module.i, ".title[data-v-0ce5bbb2] {\n font-family: \"Raleway\";\n font-size: 24px;\n font-weight: 700;\n color: #5D4037;\n text-align: center;\n}\n*[data-v-0ce5bbb2] {\n -webkit-font-smoothing: antialiased;\n}\np[data-v-0ce5bbb2] {\n line-height: 1.5em;\n}\nh1 + p[data-v-0ce5bbb2], p + p[data-v-0ce5bbb2] {\n margin-top: 10px;\n}\n.card-wrap[data-v-0ce5bbb2] {\n /*margin: 10px;*/\n transform: perspective(800px);\n transform-style: preserve-3d;\n cursor: pointer;\n}\n.card-wrap:hover .card-info[data-v-0ce5bbb2] {\n transform: translateY(0);\n}\n.card-wrap:hover .card-info p[data-v-0ce5bbb2] {\n opacity: 1;\n}\n.card-wrap:hover .card-info[data-v-0ce5bbb2], .card-wrap:hover .card-info p[data-v-0ce5bbb2] {\n transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.card-wrap:hover .card-info[data-v-0ce5bbb2]:after {\n transition: 5s cubic-bezier(0.23, 1, 0.32, 1);\n opacity: 1;\n transform: translateY(0);\n}\n.card-wrap:hover .card-bg[data-v-0ce5bbb2] {\n transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 5s cubic-bezier(0.23, 1, 0.32, 1);\n opacity: 0.8;\n}\n.card-wrap:hover .cover[data-v-0ce5bbb2] {\n transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: rgba(255, 255, 255, 0.2) 0 0 40px 5px, rgba(0, 0, 0, 0.3) 0 30px 60px 0, inset #333 0 0 0 5px;\n}\n.cover[data-v-0ce5bbb2] {\n position: relative;\n flex: 0 0 100%;\n width: 100%;\n height: 100%;\n background-color: #333;\n overflow: hidden;\n /*border-radius: 10px;*/\n box-shadow: rgba(0, 0, 0, 0.3) 0 30px 60px 0, inset #333 0 0 0 5px;\n transition: 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);\n}\n.card-bg[data-v-0ce5bbb2] {\n opacity: 0.8;\n position: absolute;\n width: 100%;\n height: 100%;\n /*padding: 20px;*/\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);\n pointer-events: none;\n}\n.card-bg[data-v-0ce5bbb2] :hover {\n opacity: 0.5;\n}\n.card-info[data-v-0ce5bbb2] {\n padding: 10px;\n position: absolute;\n bottom: 0;\n color: #fff;\n transform: translateY(40%);\n transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n box-sizing: border-box !important;\n}\n.card-info p[data-v-0ce5bbb2] {\n opacity: 0;\n text-shadow: black 0 2px 3px;\n transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n.card-info *[data-v-0ce5bbb2] {\n position: relative;\n z-index: 1;\n}\n.card-info[data-v-0ce5bbb2]:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);\n background-blend-mode: overlay;\n opacity: 0;\n transform: translateY(100%);\n transition: 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);\n}\n.card-info h1[data-v-0ce5bbb2] {\n font-family: \"Playfair Display\";\n font-size: 36px;\n font-weight: 700;\n text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;\n}", ""]); +// Exports +module.exports = exports; + + /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-stepper/src/HorizontalStepper.scss?vue&type=style&index=0&id=3ee86246&scoped=true&lang=scss&": @@ -77706,6 +77801,37 @@ return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems} /***/ }), +/***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&": +/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& ***! + \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +var api = __webpack_require__(/*! ../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); + var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--8-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& */ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&"); + + content = content.__esModule ? content.default : content; + + if (typeof content === 'string') { + content = [[module.i, content, '']]; + } + +var options = {}; + +options.insert = "head"; +options.singleton = false; + +var update = api(content, options); + +var exported = content.locals ? content.locals : {}; + + + +module.exports = exported; + +/***/ }), + /***/ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-stepper/src/HorizontalStepper.scss?vue&type=style&index=0&id=3ee86246&scoped=true&lang=scss&": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-stepper/src/HorizontalStepper.scss?vue&type=style&index=0&id=3ee86246&scoped=true&lang=scss& ***! @@ -78965,10 +79091,10 @@ render._withStripped = true /***/ }), -/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&": -/*!*********************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20& ***! - \*********************************************************************************************************************************************************************************************************************/ +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&": +/*!*************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& ***! + \*************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { @@ -78980,18 +79106,39 @@ var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h - return _vm._m(0) + return _c( + "div", + { + ref: "card", + staticClass: "card-wrap", + style: _vm.dimensions, + on: { + mousemove: _vm.handleMouseMove, + mouseenter: _vm.handleMouseEnter, + mouseleave: _vm.handleMouseLeave + } + }, + [ + _c("div", { ref: "inner", staticClass: "cover", style: _vm.cardStyle }, [ + _c("div", { + staticClass: "card-bg", + style: [_vm.cardBgTransform, _vm.cardBgImage] + }), + _vm._v(" "), + _c( + "div", + { + staticClass: "card-info", + style: { width: _vm.c_inner_width + "px" } + }, + [_vm._t("header"), _vm._v(" "), _vm._t("content")], + 2 + ) + ]) + ] + ) } -var staticRenderFns = [ - function() { - var _vm = this - var _h = _vm.$createElement - var _c = _vm._self._c || _h - return _c("div", [ - _c("h1", { staticClass: "mb-6" }, [_vm._v("Link generator")]) - ]) - } -] +var staticRenderFns = [] render._withStripped = true @@ -94934,7 +95081,7 @@ module.exports = function(module) { var map = { "./components/FileSearch/FileHit.vue": "./resources/js/components/FileSearch/FileHit.vue", "./components/FileSearch/FileInstantSearch.vue": "./resources/js/components/FileSearch/FileInstantSearch.vue", - "./components/Links/GenerateLink.vue": "./resources/js/components/Links/GenerateLink.vue", + "./components/Home/cover.vue": "./resources/js/components/Home/cover.vue", "./components/LiveStats.vue": "./resources/js/components/LiveStats.vue", "./components/Publish/Publish.vue": "./resources/js/components/Publish/Publish.vue", "./components/Publish/Step1UploadFile.vue": "./resources/js/components/Publish/Step1UploadFile.vue", @@ -95237,18 +95384,20 @@ __webpack_require__.r(__webpack_exports__); /***/ }), -/***/ "./resources/js/components/Links/GenerateLink.vue": -/*!********************************************************!*\ - !*** ./resources/js/components/Links/GenerateLink.vue ***! - \********************************************************/ +/***/ "./resources/js/components/Home/cover.vue": +/*!************************************************!*\ + !*** ./resources/js/components/Home/cover.vue ***! + \************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./GenerateLink.vue?vue&type=template&id=dc597e20& */ "./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&"); -/* harmony import */ var _GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./GenerateLink.vue?vue&type=script&lang=js& */ "./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&"); -/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); +/* harmony import */ var _cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& */ "./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&"); +/* harmony import */ var _cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cover.vue?vue&type=script&lang=js& */ "./resources/js/components/Home/cover.vue?vue&type=script&lang=js&"); +/* empty/unused harmony star reexport *//* harmony import */ var _cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& */ "./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&"); +/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); + @@ -95256,51 +95405,67 @@ __webpack_require__.r(__webpack_exports__); /* normalize component */ -var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])( - _GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], - _GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["render"], - _GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], +var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])( + _cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], + _cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"], + _cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], false, null, - null, + "0ce5bbb2", null ) /* hot reload */ if (false) { var api; } -component.options.__file = "resources/js/components/Links/GenerateLink.vue" +component.options.__file = "resources/js/components/Home/cover.vue" /* harmony default export */ __webpack_exports__["default"] = (component.exports); /***/ }), -/***/ "./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&": -/*!*********************************************************************************!*\ - !*** ./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js& ***! - \*********************************************************************************/ +/***/ "./resources/js/components/Home/cover.vue?vue&type=script&lang=js&": +/*!*************************************************************************!*\ + !*** ./resources/js/components/Home/cover.vue?vue&type=script&lang=js& ***! + \*************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./GenerateLink.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=script&lang=js&"); -/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=script&lang=js&"); +/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), -/***/ "./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&": -/*!***************************************************************************************!*\ - !*** ./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20& ***! - \***************************************************************************************/ +/***/ "./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&": +/*!**********************************************************************************************************!*\ + !*** ./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& ***! + \**********************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader/dist/cjs.js!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--8-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true& */ "./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=style&index=0&id=0ce5bbb2&lang=scss&scoped=true&"); +/* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); +/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); + /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_style_index_0_id_0ce5bbb2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); + +/***/ }), + +/***/ "./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&": +/*!*******************************************************************************************!*\ + !*** ./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& ***! + \*******************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); -/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./GenerateLink.vue?vue&type=template&id=dc597e20& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Links/GenerateLink.vue?vue&type=template&id=dc597e20&"); -/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["render"]; }); +/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./cover.vue?vue&type=template&id=0ce5bbb2&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/Home/cover.vue?vue&type=template&id=0ce5bbb2&scoped=true&"); +/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; }); -/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_GenerateLink_vue_vue_type_template_id_dc597e20___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); +/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cover_vue_vue_type_template_id_0ce5bbb2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); diff --git a/resources/js/components/Home/cover.vue b/resources/js/components/Home/cover.vue new file mode 100644 index 0000000..4783b29 --- /dev/null +++ b/resources/js/components/Home/cover.vue @@ -0,0 +1,250 @@ + + + + + diff --git a/resources/js/components/Links/GenerateLink.vue b/resources/js/components/Links/GenerateLink.vue deleted file mode 100644 index 0d8aeae..0000000 --- a/resources/js/components/Links/GenerateLink.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - - - diff --git a/resources/sass/app.scss b/resources/sass/app.scss index ac86010..3ab0dce 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -6,14 +6,21 @@ /* Temporary */ -main > div > div, aside > div { - height: 200px; - border: 1px solid black; -} +//main > div > div, aside > div { +// height: 200px; +// border: 1px solid black; +//} + +.card-container { + //box-sizing: initial; + // *, *::before, *::after { + // box-sizing: initial !important; + // } +} diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php deleted file mode 100644 index 8ef64b3..0000000 --- a/resources/views/home.blade.php +++ /dev/null @@ -1,57 +0,0 @@ -@extends('layouts.app') - -@section('content') -
-
- - -
-
-
- Bloc 1 -
-
- Bloc titres - -
-
-
-
- Bloc 2 - -
-
- Bloc 3 - -
-
-
-
- Bloc 4 - -
-
- Bloc 5 - -
-
- -
- -
-
-@endsection diff --git a/resources/views/home/blocks/1_last_editions.blade.php b/resources/views/home/blocks/1_last_editions.blade.php new file mode 100644 index 0000000..2fb3a14 --- /dev/null +++ b/resources/views/home/blocks/1_last_editions.blade.php @@ -0,0 +1,18 @@ +

+ Votre Actualité dans les éditions de Prescription Santé Quotidien +

+
+ + @foreach($last_pdf as $file) +
+ + +

{{$file->ref}}

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

+ + +
+ + @endforeach + +
diff --git a/resources/views/home/blocks/1_news.blade.php b/resources/views/home/blocks/1_news.blade.php new file mode 100644 index 0000000..459bca9 --- /dev/null +++ b/resources/views/home/blocks/1_news.blade.php @@ -0,0 +1,5 @@ +

Infos du jour

+

Exclusif : Le TOP 20 Mondial des laboratoires selon les chiffres 2019.

+

Sanofi : Résultats trimestriels et essais cliniques: un Double Défi de Com pour les Stratèges du Groupe

+

Actemra : un essai clinique, un espoir et … des questions

+

Takeda : Le nippon allège son portefeuille pour alléger sa dette

diff --git a/resources/views/home/blocks/2_ad_campaigns.blade.php b/resources/views/home/blocks/2_ad_campaigns.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/3_events.blade.php b/resources/views/home/blocks/3_events.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/4_news.blade.php b/resources/views/home/blocks/4_news.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/5_archives.blade.php b/resources/views/home/blocks/5_archives.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/6_jobs.blade.php b/resources/views/home/blocks/6_jobs.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/7_podcasts.blade.php b/resources/views/home/blocks/7_podcasts.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/A_intro.blade.php b/resources/views/home/blocks/A_intro.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/B_discover.blade.php b/resources/views/home/blocks/B_discover.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/C_subscribe.blade.php b/resources/views/home/blocks/C_subscribe.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/blocks/D_contact.blade.php b/resources/views/home/blocks/D_contact.blade.php new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php new file mode 100644 index 0000000..a4afa13 --- /dev/null +++ b/resources/views/home/index.blade.php @@ -0,0 +1,54 @@ +@extends('layouts.app') + +@section('content') +
+
+ + +
+
+
+ @include('home.blocks.1_last_editions', ['last_pdf' => $last_pdf]) +
+
+ @include('home.blocks.1_news') +
+
+
+
+ @include('home.blocks.2_ad_campaigns') +
+
+ @include('home.blocks.3_events') + +
+
+
+
+ @include('home.blocks.4_news') + +
+
+ @include('home.blocks.5_archives') +
+
+ +
+ +
+
+@endsection