Version 1.5.1
This commit is contained in:
Eduardo Gomez
parent
4c1ee114c2
commit
ba55ec0d4c
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
.m-featured-slider{position:relative;overflow:hidden!important;height:350px;margin:-40px -20px 40px;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider:hover{transform:translateY(-5px);box-shadow:var(--article-shadow-hover),0 0 0 transparent}}@media only screen and (min-width:48rem){.m-featured-slider{width:100%;height:420px;margin:-40px 10px 20px;border-radius:10px}}@media only screen and (min-width:64rem){.m-featured-slider{width:calc(66.66667% - 40px);margin:0 20px 40px;overflow:unset}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{list-style-type:none;padding:0;margin:0;height:100%}@media only screen and (min-width:48rem){.m-featured-slider__list{border-radius:10px;overflow:hidden}}.m-featured-slider__list__item{height:100%;overflow:hidden}@media only screen and (min-width:48rem){.m-featured-slider__list__item{border-radius:10px}}.m-featured-article{position:relative;height:100%;overflow:hidden;background-color:var(--primary-subtle-color);z-index:1}.m-featured-article:hover .m-featured-article__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}.m-featured-article.no-picture .m-featured-article__picture{background-color:var(--primary-subtle-color)}.m-featured-article__picture{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.m-featured-article__picture div{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:.7}.m-featured-article__meta{position:absolute;top:20px;left:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{top:40px;left:40px}}.rtl .m-featured-article__meta{left:auto;right:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__meta{left:auto;right:40px}}.m-featured-article__author{display:block;width:35px;height:35px;background-color:#fff;border:2px solid #fff;border-radius:50%;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-featured-article__author div{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:50%}.m-featured-article__tag{color:#fff;letter-spacing:.3px;font-weight:700;font-size:1rem}.m-featured-article__ribbon{display:flex;align-items:center;justify-content:center;position:absolute;top:26px;right:20px;width:24px;height:24px;color:#000;background-color:#fff;border-radius:50%;z-index:2}@media only screen and (min-width:48rem){.m-featured-article__ribbon{justify-content:flex-start;top:47px;right:40px;width:auto;height:22px;padding:0 7px;font-size:.875rem;font-weight:600;border-radius:15px}}.m-featured-article__ribbon span{display:inline-block}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:first-of-type{font-size:.75rem;margin-right:4px}}.m-featured-article__ribbon span:last-of-type{display:none}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:last-of-type{display:block}}.rtl .m-featured-article__ribbon{right:auto;left:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{right:auto;left:40px}}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon span:first-of-type{margin-right:0;margin-left:4px}}.m-featured-article__content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:120px 20px 20px;position:relative;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;letter-spacing:.4px;line-height:1.3;font-size:1.625rem;font-weight:600;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{letter-spacing:.5px;font-size:2.25em;max-width:80%}}.m-featured-article__timestamp{display:flex;align-items:center;color:#fff;letter-spacing:.2px;font-size:.875rem}.m-featured-article__timestamp span:nth-child(2){padding:0 10px}
|
||||
.m-featured-slider.swiper{position:relative;overflow:hidden!important;height:350px;margin:-40px -20px 40px;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider.swiper:hover{transform:translateY(-5px);box-shadow:var(--article-shadow-hover),0 0 0 transparent}}@media only screen and (min-width:48rem){.m-featured-slider.swiper{width:100%;height:420px;margin:-40px 10px 20px;border-radius:10px}}@media only screen and (min-width:64rem){.m-featured-slider.swiper{width:calc(66.66667% - 40px);margin:0 20px 40px;overflow:unset}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{list-style-type:none;padding:0;margin:0;height:100%}@media only screen and (min-width:48rem){.m-featured-slider__list{border-radius:10px}}.m-featured-slider__list__item{height:100%;overflow:hidden}@media only screen and (min-width:48rem){.m-featured-slider__list__item{border-radius:10px}}.m-featured-article{position:relative;height:100%;overflow:hidden;background-color:var(--primary-subtle-color);z-index:1}.m-featured-article:hover .m-featured-article__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}.m-featured-article.no-picture .m-featured-article__picture{background-color:var(--primary-subtle-color)}.m-featured-article__picture{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.m-featured-article__picture div{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:.7}.m-featured-article__meta{position:absolute;top:20px;left:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{top:40px;left:40px}}.rtl .m-featured-article__meta{left:auto;right:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__meta{left:auto;right:40px}}.m-featured-article__author{display:block;width:35px;height:35px;background-color:#fff;border:2px solid #fff;border-radius:50%;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-featured-article__author div{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:50%}.m-featured-article__tag{color:#fff;letter-spacing:.3px;font-weight:700;font-size:1rem}.m-featured-article__ribbon{display:flex;align-items:center;justify-content:center;position:absolute;top:26px;right:20px;width:24px;height:24px;color:#000;background-color:#fff;border-radius:50%;z-index:2}@media only screen and (min-width:48rem){.m-featured-article__ribbon{justify-content:flex-start;top:47px;right:40px;width:auto;height:22px;padding:0 7px;font-size:.875rem;font-weight:600;border-radius:15px}}.m-featured-article__ribbon span{display:inline-block}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:first-of-type{font-size:.75rem;margin-right:4px}}.m-featured-article__ribbon span:last-of-type{display:none}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:last-of-type{display:block}}.rtl .m-featured-article__ribbon{right:auto;left:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{right:auto;left:40px}}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon span:first-of-type{margin-right:0;margin-left:4px}}.m-featured-article__content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:120px 20px 20px;position:relative;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;letter-spacing:.4px;line-height:1.3;font-size:1.625rem;font-weight:600;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{letter-spacing:.5px;font-size:2.25em;max-width:80%}}.m-featured-article__timestamp{display:flex;align-items:center;color:#fff;letter-spacing:.2px;font-size:.875rem}.m-featured-article__timestamp span:nth-child(2){padding:0 10px}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1:function(n,e,t){"use strict";t.r(e),t.d(e,"isRTL",(function(){return o})),t.d(e,"isMobile",(function(){return a})),t.d(e,"isDarkMode",(function(){return i})),t.d(e,"formatDate",(function(){return r})),t.d(e,"getParameterByName",(function(){return c})),t.d(e,"adjustImageGallery",(function(){return u})),t.d(e,"managePostImages",(function(){return s})),t.d(e,"makeImagesZoomable",(function(){return l}));var o=function(){var n=document.querySelector("html");return["ar","he","fa"].includes(n.getAttribute("lang"))},a=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(n,")")).matches},i=function(){var n=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return n&&n.matches},r=function(n){return n?new Date(n).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(n,e){e||(e=window.location.href),n=n.replace(/[\[\]]/g,"\\$&");var t=new RegExp("[?&]".concat(n,"(=([^&#]*)|&|#|$)")).exec(e);return t?t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):"":null},u=function(){for(var n=document.querySelectorAll(".kg-gallery-image img"),e=0,t=n.length;e<t;e++){var o=n[e].closest(".kg-gallery-image"),a=n[e].attributes.width.value/n[e].attributes.height.value;o.style.flex="".concat(a," 1 0%")}},s=function(n){n(".js-post-content").find("img").each((function(){n(this).closest("figure").hasClass("kg-bookmark-card")||n(this).closest("figure").hasClass("kg-nft-card")||n(this).parent().is("a")||n(this).hasClass("kg-product-card-image")||n(this).hasClass("kg-audio-thumbnail")||n(this).addClass("js-zoomable")}))},l=function(n,e){e(".js-zoomable").on("opened",(function(){setTimeout((function(){var e=n(".medium-zoom-image--opened");e.length>1&&e.last().hide()}),10)}))}},12:function(n,e,t){t(1),t(28),t(30),t(32),t(34),t(36),t(38),n.exports=t(40)},28:function(n,e){},30:function(n,e){},32:function(n,e){},34:function(n,e){},36:function(n,e){},38:function(n,e){},40:function(n,e){}},[[12,0,1]]]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1:function(n,e,t){"use strict";t.r(e),t.d(e,"isRTL",(function(){return o})),t.d(e,"isMobile",(function(){return a})),t.d(e,"isDarkMode",(function(){return i})),t.d(e,"formatDate",(function(){return r})),t.d(e,"getParameterByName",(function(){return c})),t.d(e,"adjustImageGallery",(function(){return u})),t.d(e,"managePostImages",(function(){return s})),t.d(e,"makeImagesZoomable",(function(){return l}));var o=function(){var n=document.querySelector("html");return["ar","he","fa"].includes(n.getAttribute("lang"))},a=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(n,")")).matches},i=function(){var n=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return n&&n.matches},r=function(n){return n?new Date(n).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(n,e){e||(e=window.location.href),n=n.replace(/[\[\]]/g,"\\$&");var t=new RegExp("[?&]".concat(n,"(=([^&#]*)|&|#|$)")).exec(e);return t?t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):"":null},u=function(){for(var n=document.querySelectorAll(".kg-gallery-image img"),e=0,t=n.length;e<t;e++){var o=n[e].closest(".kg-gallery-image"),a=n[e].attributes.width.value/n[e].attributes.height.value;o.style.flex="".concat(a," 1 0%")}},s=function(n){n(".js-post-content").find("img").each((function(){n(this).closest("figure").hasClass("kg-bookmark-card")||n(this).closest("figure").hasClass("kg-nft-card")||n(this).parent().is("a")||n(this).hasClass("kg-product-card-image")||n(this).hasClass("kg-audio-thumbnail")||n(this).addClass("js-zoomable")}))},l=function(n,e){e(".js-zoomable").on("opened",(function(){setTimeout((function(){var e=n(".medium-zoom-image--opened");e.length>1&&e.last().hide()}),10)}))}},14:function(n,e,t){t(1),t(30),t(32),t(34),t(36),t(38),t(40),n.exports=t(42)},30:function(n,e){},32:function(n,e){},34:function(n,e){},36:function(n,e){},38:function(n,e){},40:function(n,e){},42:function(n,e){}},[[14,0,1]]]);
|
||||
@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return r})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return i})),n.d(t,"formatDate",(function(){return a})),n.d(t,"getParameterByName",(function(){return u})),n.d(t,"adjustImageGallery",(function(){return s})),n.d(t,"managePostImages",(function(){return c})),n.d(t,"makeImagesZoomable",(function(){return l}));var r=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},i=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},a=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},u=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},s=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var r=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;r.style.flex="".concat(o," 1 0%")}},c=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).closest("figure").hasClass("kg-nft-card")||e(this).parent().is("a")||e(this).hasClass("kg-product-card-image")||e(this).hasClass("kg-audio-thumbnail")||e(this).addClass("js-zoomable")}))},l=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},21:function(e,t,n){e.exports=n(22)},22:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(3),a=n(2),u=n(1);function s(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}o()((function(){var e=o()(".js-featured-slider");if(e.length>0){var t=e.find(".js-featured-slide").length,n=new a.d(".js-featured-slider",{type:"slider",rewind:!1,gap:0,swipeThreshold:!1,dragThreshold:!1,direction:Object(u.isRTL)()?"rtl":"ltr",breakpoints:{768:{swipeThreshold:1!==t&&80,dragThreshold:1!==t&&120}}});1===t&&e.find(".js-featured-slider-controls").remove(),n.on("mount.after",(function(){Object(i.a)(".js-featured-article-title",200)})),n.mount({Controls:a.b,Swipe:a.c,Breakpoints:a.a,ArrowDisabler:function(e,n){var r="js-featured-slider-controls",o="js-featured-slider-previous",i="js-featured-slider-next";return{mount:function(){e.settings.rewind||1===t||e.on(["mount.after","run"],(function(){var t,a=s(n.Controls.items);try{for(a.s();!(t=a.n()).done;){var u=t.value;if(u.className.includes(r)){var c=u.querySelector(".".concat(o));c&&(0===e.index?c.setAttribute("disabled",""):c.removeAttribute("disabled"));var l=u.querySelector(".".concat(i));if(l)(e.settings.bound?e.index+(e.settings.perView-1):e.index)===n.Sizes.length-1?l.setAttribute("disabled",""):l.removeAttribute("disabled")}}}catch(e){a.e(e)}finally{a.f()}}))}}}}),setTimeout((function(){window.dispatchEvent(new Event("resize"))}),350)}Object(i.a)(".js-featured-article-title",200)}))}},[[21,0,1]]]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{23:function(e,t,n){e.exports=n(24)},24:function(e,t,n){"use strict";n.r(t);var i=n(0),r=n.n(i),s=n(2),a=n(3);r()((function(){var e=r()(".js-featured-slider");if(e.length>0){var t=e.find(".swiper-slide").length;new a.d(".js-featured-slider",{modules:[a.c,a.a],navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},a11y:!0,on:{init:function(){Object(s.a)(".js-featured-article-title",200)}}});1===t&&e.find(".js-featured-slider-button").remove()}Object(s.a)(".js-featured-article-title",200)}))}},[[23,0,1]]]);
|
||||
@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return c})),n.d(t,"adjustImageGallery",(function(){return u})),n.d(t,"managePostImages",(function(){return s})),n.d(t,"makeImagesZoomable",(function(){return l}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},u=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},s=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).closest("figure").hasClass("kg-nft-card")||e(this).parent().is("a")||e(this).hasClass("kg-product-card-image")||e(this).hasClass("kg-audio-thumbnail")||e(this).addClass("js-zoomable")}))},l=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},25:function(e,t,n){e.exports=n(26)},26:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),i=n.n(r),c=n(5),u=n(1);o()((function(){i()(".js-post-content"),Object(u.adjustImageGallery)(),Object(u.managePostImages)(o.a),Object(u.makeImagesZoomable)(o.a,c.a)}))}},[[25,0,1]]]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return c})),n.d(t,"adjustImageGallery",(function(){return u})),n.d(t,"managePostImages",(function(){return s})),n.d(t,"makeImagesZoomable",(function(){return l}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},u=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},s=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).closest("figure").hasClass("kg-nft-card")||e(this).parent().is("a")||e(this).hasClass("kg-product-card-image")||e(this).hasClass("kg-audio-thumbnail")||e(this).addClass("js-zoomable")}))},l=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},27:function(e,t,n){e.exports=n(28)},28:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),i=n.n(r),c=n(5),u=n(1);o()((function(){i()(".js-post-content"),Object(u.adjustImageGallery)(),Object(u.managePostImages)(o.a),Object(u.makeImagesZoomable)(o.a,c.a)}))}},[[27,0,1]]]);
|
||||
@ -1 +1 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},l=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).closest("figure").hasClass("kg-nft-card")||e(this).parent().is("a")||e(this).hasClass("kg-product-card-image")||e(this).hasClass("kg-audio-thumbnail")||e(this).addClass("js-zoomable")}))},d=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},23:function(e,t,n){e.exports=n(24)},24:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(5),i=n(4),s=n.n(i),c=n(3),l=n(2),d=n(1),u=null,m=null,h=window.pageYOffset,f=0,g=0,p=0,w=!1,b=function(){h=window.pageYOffset,v()},j=function(e){Object(d.isMobile)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){u.removeAttr("data-aos")}),e)):o()("body").removeClass("share-menu-displayed")},y=function(){T(),j(100),setTimeout((function(){O(),v()}),200)},v=function(){w||requestAnimationFrame(k),w=!0},k=function(){var e=g-f,t=Math.ceil(h/e*100);t<=100&&x(t),w=!1},T=function(){f=window.innerHeight,g=o()(document).height()},O=function(){var e=m.parent().width(),t=e/2,n=Object(d.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),p=2*t*Math.PI,m[0].style.strokeDasharray="".concat(p," ").concat(p),m[0].style.strokeDashoffset=p},x=function(e){if(e<=100){var t=p-e/100*p;m[0].style.strokeDashoffset=t}};o()((function(){u=o()(".js-aos-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-recommended-slider");if(s()(".js-post-content"),Object(d.adjustImageGallery)(),j(1e3),t.length>0){var n=new l.d(".js-recommended-slider",{type:"slider",rewind:!1,perView:3,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(d.isRTL)()?"rtl":"ltr",breakpoints:{1023:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},720:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},568:{type:"carousel",perView:1,swipeThreshold:80,dragThreshold:120}}});n.on("mount.after",(function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)})),n.on("length.change",(function(e){1===e&&(n.update({type:"slider"}),t.find(".js-controls").remove())})),n.mount({Controls:l.b,Swipe:l.c,Breakpoints:l.a,Length:function(e,t,n){return{mount:function(){n.emit("length.change",t.Sizes.length)}}}})}Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.on("click",(function(){o()("html, body").animate({scrollTop:0},500)})),Object(d.managePostImages)(o.a),Object(d.makeImagesZoomable)(o.a,r.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",y,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),T(),O(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[23,0,1]]]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return i})),n.d(t,"formatDate",(function(){return r})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return u}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},i=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},r=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},l=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).closest("figure").hasClass("kg-nft-card")||e(this).parent().is("a")||e(this).hasClass("kg-product-card-image")||e(this).hasClass("kg-audio-thumbnail")||e(this).addClass("js-zoomable")}))},u=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},25:function(e,t,n){e.exports=n(26)},26:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),i=n(5),r=n(4),s=n.n(r),c=n(2),l=n(3),u=n(1),d=null,m=null,f=window.pageYOffset,h=0,g=0,w=0,p=!1,b=function(){f=window.pageYOffset,y()},v=function(e){Object(u.isMobile)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){d.removeAttr("data-aos")}),e)):o()("body").removeClass("share-menu-displayed")},j=function(){M(),v(100),setTimeout((function(){x(),y()}),200)},y=function(){p||requestAnimationFrame(k),p=!0},k=function(){var e=g-h,t=Math.ceil(f/e*100);t<=100&&O(t),p=!1},M=function(){h=window.innerHeight,g=o()(document).height()},x=function(){var e=m.parent().width(),t=e/2,n=Object(u.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),w=2*t*Math.PI,m[0].style.strokeDasharray="".concat(w," ").concat(w),m[0].style.strokeDashoffset=w},O=function(e){if(e<=100){var t=w-e/100*w;m[0].style.strokeDashoffset=t}};o()((function(){d=o()(".js-aos-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-recommended-slider");if(s()(".js-post-content"),Object(u.adjustImageGallery)(),v(1e3),t.length>0)new l.d(".js-recommended-slider",{modules:[l.c,l.a],navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},slidesPerView:1,allowTouchMove:!0,loop:!0,a11y:!0,breakpoints:{720:{slidesPerView:2,allowTouchMove:!0,loop:!0},1024:{slidesPerView:3,allowTouchMove:!1,loop:!1}},on:{init:function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)}}});Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.on("click",(function(){o()("html, body").animate({scrollTop:0},500)})),Object(u.managePostImages)(o.a),Object(u.makeImagesZoomable)(o.a,i.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",j,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),M(),x(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[25,0,1]]]);
|
||||
File diff suppressed because one or more lines are too long
@ -16,8 +16,6 @@
|
||||
<link rel="preload" href="{{asset "js/vendor/content-api.min.js"}}" as="script" />
|
||||
<link rel="preload" href="{{asset "js/vendor.js"}}" as="script" />
|
||||
<link rel="preload" href="{{asset "js/app.js"}}" as="script" />
|
||||
<link rel="preconnect" href="https://polyfill.io">
|
||||
<link rel="dns-prefetch" href="https://polyfill.io">
|
||||
|
||||
{{!-- This #block helper will try to preload page-specific assets --}}
|
||||
{{{block "preload"}}}
|
||||
@ -122,7 +120,6 @@
|
||||
{{> footer}}
|
||||
|
||||
{{!-- Common scripts shared between pages --}}
|
||||
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver%2CPromise%2CArray.prototype.includes%2CString.prototype.endsWith%2CString.prototype.startsWith%2CObject.assign%2CNodeList.prototype.forEach"></script>
|
||||
<script defer src="{{asset "js/manifest.js"}}"></script>
|
||||
<script defer src="{{asset "js/vendor/content-api.min.js"}}"></script>
|
||||
<script defer src="{{asset "js/vendor.js"}}"></script>
|
||||
|
||||
107
index.hbs
107
index.hbs
@ -45,67 +45,62 @@ into the {body} of the default.hbs template --}}
|
||||
<div class="l-grid centered">
|
||||
{{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}}
|
||||
{{#if featured}}
|
||||
<div class="m-featured-slider glide js-featured-slider">
|
||||
<div class="glide__track" data-glide-el="track">
|
||||
<div class="m-featured-slider__list glide__slides">
|
||||
{{#foreach featured}}
|
||||
<div class="m-featured-slider__list__item glide__slide js-featured-slide">
|
||||
<article class="m-featured-article {{#unless feature_image}}no-picture{{/unless}}">
|
||||
<div class="m-featured-article__picture">
|
||||
{{#if feature_image}}
|
||||
<style>
|
||||
<div class="m-featured-slider swiper js-featured-slider">
|
||||
<div class="m-featured-slider__list swiper-wrapper">
|
||||
{{#foreach featured}}
|
||||
<div class="m-featured-slider__list__item swiper-slide">
|
||||
<article class="m-featured-article {{#unless feature_image}}no-picture{{/unless}}">
|
||||
<div class="m-featured-article__picture">
|
||||
{{#if feature_image}}
|
||||
<style>
|
||||
#featured-bg-{{id}} {
|
||||
background-image: url({{img_url feature_image size='l'}});
|
||||
}
|
||||
@media(max-width: 768px) {
|
||||
#featured-bg-{{id}} {
|
||||
background-image: url({{img_url feature_image size='l'}});
|
||||
background-image: url({{img_url feature_image size='m'}});
|
||||
}
|
||||
|
||||
@media(max-width: 768px) {
|
||||
#featured-bg-{{id}} {
|
||||
background-image: url({{img_url feature_image size='m'}});
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="featured-bg-{{id}}"></div>
|
||||
}
|
||||
</style>
|
||||
<div id="featured-bg-{{id}}"></div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="m-featured-article__meta">
|
||||
<a href="{{primary_author.url}}" class="m-featured-article__author js-tooltip" aria-label="{{primary_author.name}}" data-tippy-content="{{t "Posted by"}} {{primary_author.name}} {{authors autolink="false" from="2" prefix=(t "Among with") separator=" , "}}">
|
||||
{{#if primary_author.profile_image}}
|
||||
<div style="background-image: url({{img_url primary_author.profile_image size="xs"}});"></div>
|
||||
{{else}}
|
||||
<div style="background-image: url({{asset "images/default-avatar-square-small.jpg"}});"></div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="m-featured-article__meta">
|
||||
<a href="{{primary_author.url}}" class="m-featured-article__author js-tooltip" aria-label="{{primary_author.name}}" data-tippy-content="{{t "Posted by"}} {{primary_author.name}} {{authors autolink="false" from="2" prefix=(t "Among with") separator=" , "}}">
|
||||
{{#if primary_author.profile_image}}
|
||||
<div style="background-image: url({{img_url primary_author.profile_image size="xs"}});"></div>
|
||||
{{else}}
|
||||
<div style="background-image: url({{asset "images/default-avatar-square-small.jpg"}});"></div>
|
||||
{{/if}}
|
||||
</a>
|
||||
{{#if primary_tag}}
|
||||
<a href="{{primary_tag.url}}" class="m-featured-article__tag">{{primary_tag.name}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="m-featured-article__ribbon">
|
||||
<span class="icon-star"></span>
|
||||
<span>{{t "Featured"}}</span>
|
||||
</div>
|
||||
<a href="{{url}}" class="m-featured-article__content">
|
||||
<h2 class="m-featured-article__title js-featured-article-title" title="{{title}}">
|
||||
{{title}}
|
||||
</h2>
|
||||
<div class="m-featured-article__timestamp">
|
||||
<span>{{date published_at timeago="true"}}</span>
|
||||
<span>•</span>
|
||||
<span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
{{/foreach}}
|
||||
</div>
|
||||
</div>
|
||||
<div data-glide-el="controls" class="glide__arrows js-featured-slider-controls">
|
||||
<button data-glide-dir="<" class="m-icon-button in-featured-articles glide-prev js-featured-slider-previous" aria-label="{{t "Previous"}}">
|
||||
<span class="icon-arrow-left" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button data-glide-dir=">" class="m-icon-button in-featured-articles glide-next js-featured-slider-next" aria-label="{{t "Next"}}">
|
||||
<span class="icon-arrow-right" aria-hidden="true"></span>
|
||||
</button>
|
||||
{{#if primary_tag}}
|
||||
<a href="{{primary_tag.url}}" class="m-featured-article__tag">{{primary_tag.name}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="m-featured-article__ribbon">
|
||||
<span class="icon-star"></span>
|
||||
<span>{{t "Featured"}}</span>
|
||||
</div>
|
||||
<a href="{{url}}" class="m-featured-article__content">
|
||||
<h2 class="m-featured-article__title js-featured-article-title" title="{{title}}">
|
||||
{{title}}
|
||||
</h2>
|
||||
<div class="m-featured-article__timestamp">
|
||||
<span>{{date published_at timeago="true"}}</span>
|
||||
<span>•</span>
|
||||
<span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
{{/foreach}}
|
||||
</div>
|
||||
<button class="m-icon-button in-featured-articles swiper-button-prev js-featured-slider-button" aria-label="{{t "Previous"}}">
|
||||
<span class="icon-arrow-left" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button class="m-icon-button in-featured-articles swiper-button-next js-featured-slider-button" aria-label="{{t "Next"}}">
|
||||
<span class="icon-arrow-right" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/get}}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
"Among with no break line": "В том числе ",
|
||||
"Apparently there are no posts at the moment, check again later.": "Пока что нет статей, загляните позже.",
|
||||
"Back to home": "На главную",
|
||||
"Close": "Закрыть",
|
||||
"Close": "Закрыть",
|
||||
"Close menu": "Закрыть меню",
|
||||
"Close search": "Закрыть поиск",
|
||||
"Email cannot be blank.": "Имейл-адрес не может быть пустым.",
|
||||
|
||||
@ -81,5 +81,5 @@
|
||||
"desktop": "assets/screenshot-desktop.jpg",
|
||||
"mobile": "assets/screenshot-mobile.jpg"
|
||||
},
|
||||
"version": "1.5.0"
|
||||
"version": "1.5.1"
|
||||
}
|
||||
|
||||
@ -72,11 +72,10 @@ This header template is shared across all the pages.
|
||||
<h3 class="m-submenu-title in-recent-articles">{{t "Recent articles"}}</h3>
|
||||
{{#get "posts" limit="4" order="published_at desc" as |recent|}}
|
||||
{{#if recent}}
|
||||
<div class="glide js-recent-slider">
|
||||
<div class="glide__track" data-glide-el="track">
|
||||
<div class="glide__slides">
|
||||
{{#foreach recent}}
|
||||
<div class="glide__slide">
|
||||
<div class="swiper js-recent-slider">
|
||||
<div class="swiper-wrapper">
|
||||
{{#foreach recent}}
|
||||
<div class="swiper-slide">
|
||||
<a href="{{url}}" class="m-recent-article">
|
||||
<div class="m-recent-article__picture {{#unless feature_image}}no-picture{{/unless}}">
|
||||
{{#if feature_image}}
|
||||
@ -91,8 +90,7 @@ This header template is shared across all the pages.
|
||||
<span class="m-recent-article__date">{{date published_at timeago="true"}}</span>
|
||||
</a>
|
||||
</div>
|
||||
{{/foreach}}
|
||||
</div>
|
||||
{{/foreach}}
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
|
||||
@ -15,7 +15,7 @@ for it, and apply those styles to the <header> tag.
|
||||
"
|
||||
sizes="(max-width: 600px) 600px, (max-width: 1000px) 1000px, 2000px"
|
||||
src="{{img_url background size="l"}}"
|
||||
alt=""
|
||||
alt="{{feature_image_alt}}"
|
||||
/>
|
||||
</div>
|
||||
{{else}}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
{{#foreach posts}}
|
||||
{{#is "post"}}
|
||||
<div class="m-recommended-slider__item glide__slide">
|
||||
<div class="m-recommended-slider__item swiper-slide">
|
||||
{{/is}}
|
||||
<article class="m-article-card {{#unless feature_image}}no-picture{{/unless}} {{post_class}}">
|
||||
<div class="m-article-card__picture">
|
||||
@ -47,7 +47,7 @@
|
||||
</div>
|
||||
{{/is}}
|
||||
{{else}}
|
||||
<div class="m-recommended-slider__item glide__slide">
|
||||
<div class="m-recommended-slider__item swiper-slide">
|
||||
<div class="m-heading no-margin">
|
||||
<h3>{{t "No posts found"}}</h3>
|
||||
<p>
|
||||
|
||||
46
post.hbs
46
post.hbs
@ -183,52 +183,28 @@ into the {body} of the default.hbs template --}}
|
||||
{{!-- Related posts --}}
|
||||
{{#if post.tags.length}}
|
||||
{{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}}
|
||||
<section class="m-recommended">
|
||||
<div class="l-wrapper in-recommended">
|
||||
<h3 class="m-section-title in-recommended">{{t "Recommended for you"}}</h3>
|
||||
<div class="m-recommended-articles">
|
||||
<div class="m-recommended-slider glide js-recommended-slider">
|
||||
<div class="glide__track" data-glide-el="track">
|
||||
<div class="glide__slides">
|
||||
{{#if related}}
|
||||
<section class="m-recommended">
|
||||
<div class="l-wrapper in-recommended">
|
||||
<h3 class="m-section-title in-recommended">{{t "Recommended for you"}}</h3>
|
||||
<div class="m-recommended-articles">
|
||||
<div class="m-recommended-slider swiper js-recommended-slider">
|
||||
<div class="swiper-wrapper">
|
||||
{{!-- The tag below iterates over all the related posts --}}
|
||||
{{> "loop"}}
|
||||
</div>
|
||||
</div>
|
||||
<div data-glide-el="controls" class="glide__arrows js-controls">
|
||||
<button data-glide-dir="<" class="m-icon-button filled in-recommended-articles glide-prev" aria-label="{{t "Previous"}}">
|
||||
<button class="m-icon-button filled in-recommended-articles swiper-button-prev" aria-label="{{t "Previous"}}">
|
||||
<span class="icon-arrow-left" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button data-glide-dir=">" class="m-icon-button filled in-recommended-articles glide-next" aria-label="{{t "Next"}}">
|
||||
<button class="m-icon-button filled in-recommended-articles swiper-button-next" aria-label="{{t "Next"}}">
|
||||
<span class="icon-arrow-right" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
{{/if}}
|
||||
{{/get}}
|
||||
{{else}}
|
||||
<section class="m-recommended">
|
||||
<div class="l-wrapper in-recommended">
|
||||
<h3 class="m-section-title in-recommended">{{t "Recommended for you"}}</h3>
|
||||
<div class="m-recommended-articles">
|
||||
<div class="m-recommended-slider glide js-recommended-slider">
|
||||
<div class="glide__track" data-glide-el="track">
|
||||
<div class="glide__slides">
|
||||
<div class="m-recommended-slider__item glide__slide">
|
||||
<div class="m-heading no-margin">
|
||||
<h3>{{t "No posts found"}}</h3>
|
||||
<p>
|
||||
{{t "Apparently there are no posts at the moment, check again later."}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@ -1,21 +1,13 @@
|
||||
import $ from 'jquery';
|
||||
import Headroom from 'headroom.js';
|
||||
import Glide, {
|
||||
Swipe,
|
||||
Breakpoints
|
||||
} from '@glidejs/glide/dist/glide.modular.esm';
|
||||
import tippy from 'tippy.js';
|
||||
import 'tippy.js/dist/tippy.css';
|
||||
import shave from 'shave';
|
||||
import AOS from 'aos';
|
||||
import Fuse from 'fuse.js/dist/fuse.basic.esm.min.js';
|
||||
import {
|
||||
isRTL,
|
||||
formatDate,
|
||||
isDarkMode,
|
||||
isMobile,
|
||||
getParameterByName
|
||||
} from './helpers';
|
||||
import Swiper, { FreeMode, A11y } from 'swiper';
|
||||
import 'swiper/swiper.min.css';
|
||||
import { isRTL, formatDate, isDarkMode, isMobile } from './helpers';
|
||||
|
||||
$(() => {
|
||||
if (isRTL()) {
|
||||
@ -272,40 +264,17 @@ $(() => {
|
||||
}
|
||||
|
||||
if ($recentSlider.length > 0) {
|
||||
const recentSlider = new Glide('.js-recent-slider', {
|
||||
type: 'slider',
|
||||
rewind: false,
|
||||
perView: 4,
|
||||
swipeThreshold: false,
|
||||
dragThreshold: false,
|
||||
gap: 0,
|
||||
direction: isRTL() ? 'rtl' : 'ltr',
|
||||
breakpoints: {
|
||||
1024: {
|
||||
perView: 3,
|
||||
swipeThreshold: 80,
|
||||
dragThreshold: 120
|
||||
},
|
||||
768: {
|
||||
perView: 2,
|
||||
swipeThreshold: 80,
|
||||
dragThreshold: 120,
|
||||
peek: { before: 0, after: 115 }
|
||||
},
|
||||
568: {
|
||||
perView: 1,
|
||||
swipeThreshold: 80,
|
||||
dragThreshold: 120,
|
||||
peek: { before: 0, after: 115 }
|
||||
const recentSwiper = new Swiper('.js-recent-slider', {
|
||||
modules: [FreeMode, A11y],
|
||||
freeMode: true,
|
||||
slidesPerView: 'auto',
|
||||
a11y: true,
|
||||
on: {
|
||||
init: function() {
|
||||
shave('.js-recent-article-title', 50);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
recentSlider.on('mount.after', () => {
|
||||
shave('.js-recent-article-title', 50);
|
||||
});
|
||||
|
||||
recentSlider.mount({ Swipe, Breakpoints });
|
||||
}
|
||||
|
||||
if (typeof disableFadeAnimation === 'undefined' || !disableFadeAnimation) {
|
||||
|
||||
102
src/js/home.js
102
src/js/home.js
@ -1,94 +1,30 @@
|
||||
import $ from 'jquery'
|
||||
import shave from 'shave'
|
||||
import Glide, {
|
||||
Controls,
|
||||
Swipe,
|
||||
Breakpoints
|
||||
} from '@glidejs/glide/dist/glide.modular.esm'
|
||||
import { isRTL } from './helpers'
|
||||
import $ from 'jquery';
|
||||
import shave from 'shave';
|
||||
import Swiper, { Navigation, A11y } from 'swiper';
|
||||
|
||||
$(() => {
|
||||
const $featuredSlider = $('.js-featured-slider')
|
||||
const $featuredSlider = $('.js-featured-slider');
|
||||
|
||||
if ($featuredSlider.length > 0) {
|
||||
const numSlides = $featuredSlider.find('.js-featured-slide').length
|
||||
const featuredSlider = new Glide('.js-featured-slider', {
|
||||
type: 'slider',
|
||||
rewind: false,
|
||||
gap: 0,
|
||||
swipeThreshold: false,
|
||||
dragThreshold: false,
|
||||
direction: isRTL() ? 'rtl' : 'ltr',
|
||||
breakpoints: {
|
||||
768: {
|
||||
swipeThreshold: numSlides === 1 ? false : 80,
|
||||
dragThreshold: numSlides === 1 ? false : 120
|
||||
const numSlides = $featuredSlider.find('.swiper-slide').length;
|
||||
const featuredSwiper = new Swiper('.js-featured-slider', {
|
||||
modules: [Navigation, A11y],
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev'
|
||||
},
|
||||
a11y: true,
|
||||
on: {
|
||||
init: function() {
|
||||
shave('.js-featured-article-title', 200);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
const ArrowDisabler = (Glide, Components) => {
|
||||
const controlClasses = {
|
||||
'controls': 'js-featured-slider-controls',
|
||||
'backArrow': 'js-featured-slider-previous',
|
||||
'nextArrow': 'js-featured-slider-next',
|
||||
}
|
||||
|
||||
return {
|
||||
mount() {
|
||||
if (Glide.settings.rewind || numSlides === 1) {
|
||||
return
|
||||
}
|
||||
|
||||
Glide.on(['mount.after', 'run'], () => {
|
||||
for (let controlItem of Components.Controls.items) {
|
||||
if (!controlItem.className.includes(controlClasses.controls)) {
|
||||
continue
|
||||
}
|
||||
|
||||
const left = controlItem.querySelector(`.${controlClasses.backArrow}`)
|
||||
|
||||
if (left) {
|
||||
if (Glide.index === 0) {
|
||||
left.setAttribute('disabled', '')
|
||||
} else {
|
||||
left.removeAttribute('disabled')
|
||||
}
|
||||
}
|
||||
|
||||
const right = controlItem.querySelector(`.${controlClasses.nextArrow}`)
|
||||
|
||||
if (right) {
|
||||
const lastSlideIndex = Glide.settings.bound
|
||||
? Glide.index + (Glide.settings.perView - 1)
|
||||
: Glide.index
|
||||
|
||||
if (lastSlideIndex === Components.Sizes.length - 1) {
|
||||
right.setAttribute('disabled', '')
|
||||
} else {
|
||||
right.removeAttribute('disabled')
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (numSlides === 1) {
|
||||
$featuredSlider.find('.js-featured-slider-controls').remove()
|
||||
$featuredSlider.find('.js-featured-slider-button').remove();
|
||||
}
|
||||
|
||||
featuredSlider.on('mount.after', () => {
|
||||
shave('.js-featured-article-title', 200)
|
||||
})
|
||||
|
||||
featuredSlider.mount({ Controls, Swipe, Breakpoints, ArrowDisabler })
|
||||
|
||||
setTimeout(() => {
|
||||
window.dispatchEvent(new Event('resize'))
|
||||
}, 350)
|
||||
}
|
||||
|
||||
shave('.js-featured-article-title', 200)
|
||||
})
|
||||
shave('.js-featured-article-title', 200);
|
||||
});
|
||||
|
||||
238
src/js/post.js
238
src/js/post.js
@ -1,194 +1,170 @@
|
||||
import $ from 'jquery'
|
||||
import mediumZoom from 'medium-zoom'
|
||||
import fitvids from 'fitvids'
|
||||
import shave from 'shave'
|
||||
import Glide, {
|
||||
Controls,
|
||||
Swipe,
|
||||
Breakpoints
|
||||
} from '@glidejs/glide/dist/glide.modular.esm'
|
||||
import $ from 'jquery';
|
||||
import mediumZoom from 'medium-zoom';
|
||||
import fitvids from 'fitvids';
|
||||
import shave from 'shave';
|
||||
import Swiper, { Navigation, A11y } from 'swiper';
|
||||
import {
|
||||
isRTL,
|
||||
isMobile,
|
||||
adjustImageGallery,
|
||||
managePostImages,
|
||||
makeImagesZoomable
|
||||
} from './helpers'
|
||||
} from './helpers';
|
||||
|
||||
let $aosWrapper = null
|
||||
let $progressCircle = null
|
||||
let lastScrollingY = window.pageYOffset
|
||||
let lastWindowHeight = 0
|
||||
let lastDocumentHeight = 0
|
||||
let circumference = 0
|
||||
let isTicking = false
|
||||
let $aosWrapper = null;
|
||||
let $progressCircle = null;
|
||||
let lastScrollingY = window.pageYOffset;
|
||||
let lastWindowHeight = 0;
|
||||
let lastDocumentHeight = 0;
|
||||
let circumference = 0;
|
||||
let isTicking = false;
|
||||
|
||||
const onScrolling = () => {
|
||||
lastScrollingY = window.pageYOffset
|
||||
requestTicking()
|
||||
}
|
||||
lastScrollingY = window.pageYOffset;
|
||||
requestTicking();
|
||||
};
|
||||
|
||||
const adjustShare = (timeout) => {
|
||||
const adjustShare = timeout => {
|
||||
if (!isMobile('1023px')) {
|
||||
$('body').removeClass('share-menu-displayed')
|
||||
$('body').removeClass('share-menu-displayed');
|
||||
} else {
|
||||
$('body').addClass('share-menu-displayed')
|
||||
$('body').addClass('share-menu-displayed');
|
||||
setTimeout(() => {
|
||||
$aosWrapper.removeAttr('data-aos')
|
||||
}, timeout)
|
||||
$aosWrapper.removeAttr('data-aos');
|
||||
}, timeout);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const onResizing = () => {
|
||||
setHeights()
|
||||
adjustShare(100)
|
||||
setHeights();
|
||||
adjustShare(100);
|
||||
|
||||
setTimeout(() => {
|
||||
setCircleStyles()
|
||||
requestTicking()
|
||||
}, 200)
|
||||
}
|
||||
setCircleStyles();
|
||||
requestTicking();
|
||||
}, 200);
|
||||
};
|
||||
|
||||
const requestTicking = () => {
|
||||
if (!isTicking) {
|
||||
requestAnimationFrame(updating)
|
||||
requestAnimationFrame(updating);
|
||||
}
|
||||
|
||||
isTicking = true
|
||||
}
|
||||
isTicking = true;
|
||||
};
|
||||
|
||||
const updating = () => {
|
||||
const progressMax = lastDocumentHeight - lastWindowHeight
|
||||
const percent = Math.ceil((lastScrollingY / progressMax) * 100)
|
||||
const progressMax = lastDocumentHeight - lastWindowHeight;
|
||||
const percent = Math.ceil((lastScrollingY / progressMax) * 100);
|
||||
|
||||
if (percent <= 100) {
|
||||
setProgress(percent)
|
||||
setProgress(percent);
|
||||
}
|
||||
|
||||
isTicking = false
|
||||
}
|
||||
isTicking = false;
|
||||
};
|
||||
|
||||
const setHeights = () => {
|
||||
lastWindowHeight = window.innerHeight
|
||||
lastDocumentHeight = $(document).height()
|
||||
}
|
||||
lastWindowHeight = window.innerHeight;
|
||||
lastDocumentHeight = $(document).height();
|
||||
};
|
||||
|
||||
const setCircleStyles = () => {
|
||||
const svgWidth = $progressCircle.parent().width();
|
||||
const radiusCircle = svgWidth / 2
|
||||
const borderWidth = isMobile() ? 2 : 3
|
||||
const radiusCircle = svgWidth / 2;
|
||||
const borderWidth = isMobile() ? 2 : 3;
|
||||
|
||||
$progressCircle.parent().attr('viewBox', `0 0 ${svgWidth} ${svgWidth}`)
|
||||
$progressCircle.attr('stroke-width', borderWidth)
|
||||
$progressCircle.attr('r', radiusCircle - (borderWidth - 1))
|
||||
$progressCircle.attr('cx', radiusCircle)
|
||||
$progressCircle.attr('cy', radiusCircle)
|
||||
$progressCircle.parent().attr('viewBox', `0 0 ${svgWidth} ${svgWidth}`);
|
||||
$progressCircle.attr('stroke-width', borderWidth);
|
||||
$progressCircle.attr('r', radiusCircle - (borderWidth - 1));
|
||||
$progressCircle.attr('cx', radiusCircle);
|
||||
$progressCircle.attr('cy', radiusCircle);
|
||||
|
||||
circumference = radiusCircle * 2 * Math.PI
|
||||
circumference = radiusCircle * 2 * Math.PI;
|
||||
|
||||
$progressCircle[0].style.strokeDasharray = `${circumference} ${circumference}`
|
||||
$progressCircle[0].style.strokeDashoffset = circumference
|
||||
}
|
||||
$progressCircle[0].style.strokeDasharray = `${circumference} ${circumference}`;
|
||||
$progressCircle[0].style.strokeDashoffset = circumference;
|
||||
};
|
||||
|
||||
const setProgress = (percent) => {
|
||||
const setProgress = percent => {
|
||||
if (percent <= 100) {
|
||||
const offset = circumference - percent / 100 * circumference
|
||||
$progressCircle[0].style.strokeDashoffset = offset
|
||||
const offset = circumference - (percent / 100) * circumference;
|
||||
$progressCircle[0].style.strokeDashoffset = offset;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const prepareProgressCircle = () => {
|
||||
$progressCircle = $('.js-progress')
|
||||
$progressCircle = $('.js-progress');
|
||||
|
||||
setHeights()
|
||||
setCircleStyles()
|
||||
updating()
|
||||
setHeights();
|
||||
setCircleStyles();
|
||||
updating();
|
||||
|
||||
setTimeout(() => {
|
||||
$progressCircle.parent().css('opacity', 1)
|
||||
}, 300)
|
||||
}
|
||||
$progressCircle.parent().css('opacity', 1);
|
||||
}, 300);
|
||||
};
|
||||
|
||||
$(() => {
|
||||
$aosWrapper = $('.js-aos-wrapper')
|
||||
const $scrollButton = $('.js-scrolltop')
|
||||
const $recommendedSlider = $('.js-recommended-slider')
|
||||
$aosWrapper = $('.js-aos-wrapper');
|
||||
const $scrollButton = $('.js-scrolltop');
|
||||
const $recommendedSlider = $('.js-recommended-slider');
|
||||
|
||||
fitvids('.js-post-content')
|
||||
fitvids('.js-post-content');
|
||||
|
||||
adjustImageGallery()
|
||||
adjustShare(1000)
|
||||
adjustImageGallery();
|
||||
adjustShare(1000);
|
||||
|
||||
if ($recommendedSlider.length > 0) {
|
||||
const recommendedSlider = new Glide('.js-recommended-slider', {
|
||||
type: 'slider',
|
||||
rewind: false,
|
||||
perView: 3,
|
||||
swipeThreshold: false,
|
||||
dragThreshold: false,
|
||||
gap: 0,
|
||||
direction: isRTL() ? 'rtl' : 'ltr',
|
||||
const recommendedSwiper = new Swiper('.js-recommended-slider', {
|
||||
modules: [Navigation, A11y],
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev'
|
||||
},
|
||||
slidesPerView: 1,
|
||||
allowTouchMove: true,
|
||||
loop: true,
|
||||
a11y: true,
|
||||
breakpoints: {
|
||||
1023: {
|
||||
type: 'carousel',
|
||||
perView: 2,
|
||||
swipeThreshold: 80,
|
||||
dragThreshold: 120
|
||||
},
|
||||
720: {
|
||||
type: 'carousel',
|
||||
perView: 2,
|
||||
swipeThreshold: 80,
|
||||
dragThreshold: 120
|
||||
slidesPerView: 2,
|
||||
allowTouchMove: true,
|
||||
loop: true
|
||||
},
|
||||
568: {
|
||||
type: 'carousel',
|
||||
perView: 1,
|
||||
swipeThreshold: 80,
|
||||
dragThreshold: 120
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
allowTouchMove: false,
|
||||
loop: false
|
||||
}
|
||||
},
|
||||
on: {
|
||||
init: function() {
|
||||
shave('.js-article-card-title', 100);
|
||||
shave('.js-article-card-title-no-image', 250);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
const Length = (Glide, Components, Events) => {
|
||||
return {
|
||||
mount() {
|
||||
Events.emit('length.change', Components.Sizes.length)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
recommendedSlider.on('mount.after', () => {
|
||||
shave('.js-article-card-title', 100)
|
||||
shave('.js-article-card-title-no-image', 250)
|
||||
})
|
||||
|
||||
recommendedSlider.on('length.change', (length) => {
|
||||
if (length === 1) {
|
||||
recommendedSlider.update({ type: 'slider' })
|
||||
$recommendedSlider.find('.js-controls').remove()
|
||||
}
|
||||
})
|
||||
|
||||
recommendedSlider.mount({ Controls, Swipe, Breakpoints, Length })
|
||||
});
|
||||
}
|
||||
|
||||
shave('.js-article-card-title', 100)
|
||||
shave('.js-article-card-title-no-image', 250)
|
||||
shave('.js-article-card-title', 100);
|
||||
shave('.js-article-card-title-no-image', 250);
|
||||
|
||||
$scrollButton.on('click', () => {
|
||||
$('html, body').animate({
|
||||
scrollTop: 0
|
||||
}, 500)
|
||||
})
|
||||
$('html, body').animate(
|
||||
{
|
||||
scrollTop: 0
|
||||
},
|
||||
500
|
||||
);
|
||||
});
|
||||
|
||||
managePostImages($)
|
||||
makeImagesZoomable($, mediumZoom)
|
||||
managePostImages($);
|
||||
makeImagesZoomable($, mediumZoom);
|
||||
|
||||
window.addEventListener('scroll', onScrolling, { passive: true })
|
||||
window.addEventListener('resize', onResizing, { passive: true })
|
||||
})
|
||||
window.addEventListener('scroll', onScrolling, { passive: true });
|
||||
window.addEventListener('resize', onResizing, { passive: true });
|
||||
});
|
||||
|
||||
$(window).on('load', () => {
|
||||
prepareProgressCircle()
|
||||
})
|
||||
prepareProgressCircle();
|
||||
});
|
||||
|
||||
27
src/package-lock.json
generated
27
src/package-lock.json
generated
@ -1305,11 +1305,6 @@
|
||||
"to-fast-properties": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"@glidejs/glide": {
|
||||
"version": "3.4.1",
|
||||
"resolved": "https://registry.npmjs.org/@glidejs/glide/-/glide-3.4.1.tgz",
|
||||
"integrity": "sha512-C34AEcK1HjSyxilRToUL54I6KAoodojUbeRlXoruobZuG0eGm8xfDL+3kgkWj7AJK4EZtunSOYfoqMp70eDtwg=="
|
||||
},
|
||||
"@mrmlnc/readdir-enhanced": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
|
||||
@ -4573,6 +4568,14 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"dom7": {
|
||||
"version": "4.0.4",
|
||||
"resolved": "https://registry.npmjs.org/dom7/-/dom7-4.0.4.tgz",
|
||||
"integrity": "sha512-DSSgBzQ4rJWQp1u6o+3FVwMNnT5bzQbMb+o31TjYYeRi05uAcpF8koxdfzeoe5ElzPmua7W7N28YJhF7iEKqIw==",
|
||||
"requires": {
|
||||
"ssr-window": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"domain-browser": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
|
||||
@ -13256,6 +13259,11 @@
|
||||
"integrity": "sha1-R1OT/56RR5rqYtyvDKPRSYOn+0A=",
|
||||
"dev": true
|
||||
},
|
||||
"ssr-window": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz",
|
||||
"integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
|
||||
},
|
||||
"ssri": {
|
||||
"version": "7.1.1",
|
||||
"resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.1.tgz",
|
||||
@ -13587,6 +13595,15 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"swiper": {
|
||||
"version": "8.0.3",
|
||||
"resolved": "https://registry.npmjs.org/swiper/-/swiper-8.0.3.tgz",
|
||||
"integrity": "sha512-mpw7v/Lkh48LQUxtJuFD+3Lls8LViNi3j1fbk45fNo9DXZxXK/e7NMixxS27OxvC5wx+5H3bet1O2pdjk7akBA==",
|
||||
"requires": {
|
||||
"dom7": "^4.0.4",
|
||||
"ssr-window": "^4.0.2"
|
||||
}
|
||||
},
|
||||
"symbol-observable": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
|
||||
|
||||
@ -46,7 +46,6 @@
|
||||
"vue-template-compiler": "^2.6.10"
|
||||
},
|
||||
"dependencies": {
|
||||
"@glidejs/glide": "^3.4.1",
|
||||
"aos": "2.3.4",
|
||||
"fitvids": "^2.0.0",
|
||||
"fuse.js": "^6.4.6",
|
||||
@ -54,6 +53,7 @@
|
||||
"jquery": "^3.6.0",
|
||||
"medium-zoom": "^1.0.6",
|
||||
"shave": "^2.5.10",
|
||||
"swiper": "^8.0.3",
|
||||
"tippy.js": "^5.2.1"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
|
||||
@ -45,4 +45,3 @@
|
||||
@import "components/footer";
|
||||
|
||||
@import "libs/aos/aos";
|
||||
@import "libs/glide/glide.core";
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
.m-featured-slider {
|
||||
.m-featured-slider.swiper {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
height: 350px;
|
||||
margin: -40px -#{$mobile-space} 40px;
|
||||
@include transition(all .25s cubic-bezier(.02,.01,.47,1));
|
||||
@include transition(all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1));
|
||||
|
||||
&:hover {
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
@include transform(translateY(-5px));
|
||||
@include bs(var(--article-shadow-hover));
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
width: 100%;
|
||||
height: 420px;
|
||||
margin: -40px 10px 20px 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@include respond-to('large') {
|
||||
@include respond-to("large") {
|
||||
width: calc(100% - (100% / 3) - 40px);
|
||||
margin: 0 20px 40px 20px;
|
||||
overflow: unset;
|
||||
@ -36,9 +36,8 @@
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@ -46,7 +45,7 @@
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,22 +3,18 @@
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
.glide__track {
|
||||
@include respond-to('medium') {
|
||||
padding: 0 40px 0;
|
||||
margin: 0 -40px;
|
||||
}
|
||||
}
|
||||
|
||||
.glide__slides {
|
||||
.swiper-wrapper {
|
||||
padding: 40px 0 60px;
|
||||
margin: 0 auto;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
padding: 40px 0 60px;
|
||||
}
|
||||
|
||||
@include respond-to('extra-large') {
|
||||
@include respond-to("large") {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@include respond-to("extra-large") {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
@ -27,13 +23,13 @@
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
|
||||
@include respond-to('large') {
|
||||
@include respond-to("large") {
|
||||
.m-article-card__picture {
|
||||
height: 190px;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to('extra-large') {
|
||||
@include respond-to("extra-large") {
|
||||
.m-article-card__picture {
|
||||
height: 220px;
|
||||
}
|
||||
@ -43,4 +39,10 @@
|
||||
|
||||
.m-recommended-slider__item {
|
||||
padding: 0 20px;
|
||||
|
||||
&.swiper-slide-duplicate {
|
||||
@include respond-to("large") {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,18 @@
|
||||
.m-recommended {
|
||||
padding-top: 40px;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
padding-top: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.m-recommended__empty {
|
||||
padding: 40px 0 60px;
|
||||
margin: 0 auto;
|
||||
|
||||
@include respond-to("medium") {
|
||||
max-width: 420px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
width: 230px;
|
||||
margin: 0 $mobile-space;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
margin: 0 60px 0 0;
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
|
||||
.rtl {
|
||||
.m-recent-article {
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
margin: 0 0 0 60px;
|
||||
}
|
||||
}
|
||||
@ -31,6 +31,7 @@
|
||||
border-radius: 5px;
|
||||
background-color: var(--secondary-subtle-color);
|
||||
overflow: hidden;
|
||||
@include transform(translateZ(0));
|
||||
|
||||
&.no-picture {
|
||||
img {
|
||||
@ -48,7 +49,7 @@
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
backface-visibility: visible !important;
|
||||
@include transition(transform .5s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
@include transition(transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1));
|
||||
}
|
||||
}
|
||||
|
||||
@ -60,7 +61,7 @@
|
||||
font-weight: 400;
|
||||
margin: 0 0 10px;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
letter-spacing: 0.25px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
@ -2,11 +2,15 @@
|
||||
margin: 0 -#{$mobile-space} 40px;
|
||||
overflow: hidden;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
margin: 0 0 40px;
|
||||
}
|
||||
|
||||
ul {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
&.filled {
|
||||
background-color: var(--background-color);
|
||||
@include bs(0 2px 4px var(--button-shadow-color-normal));
|
||||
@include transition(all .25s cubic-bezier(.02,.01,.47,1));
|
||||
@include transition(all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1));
|
||||
|
||||
&:hover {
|
||||
@include bs(0 4px 8px var(--button-shadow-color-hover));
|
||||
@ -44,7 +44,7 @@
|
||||
font-size: 0.625rem;
|
||||
z-index: 2;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@ -58,7 +58,7 @@
|
||||
font-size: 0.625rem;
|
||||
z-index: 2;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
width: 42px;
|
||||
@ -66,7 +66,7 @@
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
@include respond-to('extra-large') {
|
||||
@include respond-to("extra-large") {
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
width: 50px;
|
||||
@ -77,7 +77,7 @@
|
||||
&.in-menu-main {
|
||||
display: none;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
display: flex;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
@ -100,7 +100,7 @@
|
||||
height: 40px;
|
||||
font-size: 0.625rem;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
font-size: 0.688rem;
|
||||
@ -124,22 +124,22 @@
|
||||
bottom: 5px;
|
||||
z-index: 2;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
bottom: 26px;
|
||||
}
|
||||
|
||||
&.glide-prev {
|
||||
&.swiper-button-prev {
|
||||
right: 56px;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
right: 76px;
|
||||
}
|
||||
}
|
||||
|
||||
&.glide-next {
|
||||
&.swiper-button-next {
|
||||
right: 16px;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
right: 36px;
|
||||
}
|
||||
}
|
||||
@ -150,20 +150,20 @@
|
||||
font-size: 0.625rem;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
top: 200px;
|
||||
top: 240px;
|
||||
z-index: 2;
|
||||
@include transform(translateY(-50%));
|
||||
|
||||
@include respond-to('large') {
|
||||
@include respond-to("large") {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.glide-prev {
|
||||
left: 0;
|
||||
&.swiper-button-prev {
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
&.glide-next {
|
||||
right: 0;
|
||||
&.swiper-button-next {
|
||||
right: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -171,11 +171,11 @@
|
||||
position: relative;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 1.250rem;
|
||||
font-size: 1.25rem;
|
||||
margin: 0 auto;
|
||||
z-index: 2;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
font-size: 1.625rem;
|
||||
@ -184,20 +184,20 @@
|
||||
|
||||
&.in-share {
|
||||
color: var(--titles-color);
|
||||
font-size: 0.750rem;
|
||||
font-size: 0.75rem;
|
||||
text-decoration: none;
|
||||
width: 31px;
|
||||
height: 31px;
|
||||
margin: 0 25px;
|
||||
|
||||
@include respond-to('large') {
|
||||
@include respond-to("large") {
|
||||
font-size: 0.875rem;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
@include respond-to('extra-large') {
|
||||
@include respond-to("extra-large") {
|
||||
font-size: 1rem;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
@ -228,21 +228,21 @@
|
||||
.rtl {
|
||||
.m-icon-button {
|
||||
&.in-featured-articles {
|
||||
&.glide-prev {
|
||||
&.swiper-button-prev {
|
||||
right: auto;
|
||||
left: 16px;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
right: auto;
|
||||
left: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
&.glide-next {
|
||||
&.swiper-button-next {
|
||||
right: auto;
|
||||
left: 52px;
|
||||
|
||||
@include respond-to('medium') {
|
||||
@include respond-to("medium") {
|
||||
right: auto;
|
||||
left: 72px;
|
||||
}
|
||||
@ -250,15 +250,15 @@
|
||||
}
|
||||
|
||||
&.in-recommended-articles {
|
||||
&.glide-prev {
|
||||
&.swiper-button-prev {
|
||||
left: auto;
|
||||
right: 0;
|
||||
right: 2px;
|
||||
@include transform(rotate(180deg));
|
||||
}
|
||||
|
||||
&.glide-next {
|
||||
&.swiper-button-next {
|
||||
right: auto;
|
||||
left : 0;
|
||||
left: 2px;
|
||||
@include transform(rotate(180deg));
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,69 +0,0 @@
|
||||
@import "variables";
|
||||
|
||||
.#{$glide-class} {
|
||||
$this: &;
|
||||
|
||||
$se: $glide-element-separator;
|
||||
$sm: $glide-modifier-separator;
|
||||
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
|
||||
* {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
&#{$se}track {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&#{$se}slides {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
list-style: none;
|
||||
backface-visibility: hidden;
|
||||
transform-style: preserve-3d;
|
||||
touch-action: pan-Y;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
will-change: transform;
|
||||
|
||||
&#{$glide-modifier-separator}dragging {
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
&#{$se}slide {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-shrink: 0;
|
||||
white-space: normal;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
a {
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
&#{$se}arrows {
|
||||
-webkit-touch-callout: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&#{$se}bullets {
|
||||
-webkit-touch-callout: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&#{$sm}rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
$glide-class: 'glide' !default;
|
||||
$glide-element-separator: '__' !default;
|
||||
$glide-modifier-separator: '--' !default;
|
||||
Loading…
Reference in New Issue
Block a user