Version 2.1.0 (#474)

assets/css/404.css

@@ -1 +1 @@
-.l-fullscreen{display:flex;align-items:center;justify-content:center;height:100vh}.l-fullscreen__content{text-align:center;padding:0 20px}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}}@media only screen and (min-width:48rem){.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.m-404-title{color:var(--primary-foreground-color);letter-spacing:3px;line-height:1;font-size:9rem;font-weight:700;margin:0 0 10px}@media only screen and (min-width:48rem){.m-404-title{letter-spacing:4px;font-size:12rem;margin-bottom:5px}}.m-404-subtitle{color:var(--primary-foreground-color);letter-spacing:.4px;line-height:1;font-size:1.25rem;font-weight:600;margin-bottom:20px}@media only screen and (min-width:48rem){.m-404-subtitle{letter-spacing:.5px;font-size:1.5rem}}.m-404-text{letter-spacing:.3px;line-height:1.4;font-size:.875em;padding:0 20px;margin-bottom:25px}@media only screen and (min-width:48rem){.m-404-text{font-size:1rem;padding:0;margin-bottom:30px}}
+:root{--show-fade-animation:1}.l-fullscreen{align-items:center;display:flex;height:100vh;justify-content:center}.l-fullscreen__content{padding:0 20px;text-align:center}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.m-404-title{color:var(--primary-foreground-color);font-size:9rem;font-weight:700;letter-spacing:3px;line-height:1;margin:0 0 10px}@media only screen and (min-width:48rem){.m-404-title{font-size:12rem;letter-spacing:4px;margin-bottom:5px}}.m-404-subtitle{color:var(--primary-foreground-color);font-size:1.25rem;font-weight:600;letter-spacing:.4px;line-height:1;margin-bottom:20px}@media only screen and (min-width:48rem){.m-404-subtitle{font-size:1.5rem;letter-spacing:.5px}}.m-404-text{font-size:.875em;letter-spacing:.3px;line-height:1.4;margin-bottom:25px;padding:0 20px}@media only screen and (min-width:48rem){.m-404-text{font-size:1rem;margin-bottom:30px;padding:0}}

assets/css/home.css

@@ -1 +1 @@
-.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}
+:root{--show-fade-animation:1}.m-featured-slider.swiper{height:350px;margin:-40px -20px 40px;overflow:hidden!important;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider.swiper:hover{box-shadow:var(--article-shadow-hover),0 0 0 transparent;transform:translateY(-5px)}.m-featured-slider.swiper{border-radius:10px;height:420px;margin:-40px 10px 20px;width:100%}}@media only screen and (min-width:64rem){.m-featured-slider.swiper{margin:0 20px 40px;overflow:unset;width:calc(66.66667% - 40px)}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{height:100%;list-style-type:none;margin:0;padding:0}@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{background-color:var(--primary-subtle-color);height:100%;overflow:hidden;position:relative;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{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-featured-article__picture div{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;opacity:.7;width:100%}.m-featured-article__meta{left:20px;position:absolute;top:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{left:40px;top: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{background-color:#fff;border:2px solid #fff;border-radius:50%;display:block;height:35px;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:35px}.m-featured-article__author div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:100%;width:100%}.m-featured-article__tag{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.3px}.m-featured-article__ribbon{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:24px;justify-content:center;position:absolute;right:20px;top:26px;width:24px;z-index:2}@media only screen and (min-width:48rem){.m-featured-article__ribbon{border-radius:15px;font-size:.875rem;font-weight:600;height:22px;justify-content:flex-start;padding:0 7px;right:40px;top:47px;width:auto}}.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{left:20px;right:auto}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{left:40px;right:auto}.rtl .m-featured-article__ribbon span:first-of-type{margin-left:4px;margin-right:0}}.m-featured-article__content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:120px 20px 20px;position:relative;width:100%;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;font-size:1.625rem;font-weight:600;letter-spacing:.4px;line-height:1.3;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{font-size:2.25em;letter-spacing:.5px;max-width:80%}}.m-featured-article__timestamp{align-items:center;color:#fff;display:flex;font-size:.875rem;letter-spacing:.2px}.m-featured-article__timestamp span:nth-child(2){padding:0 10px}

assets/css/listing.css

@@ -1 +1 @@
-.l-grid{padding-bottom:20px}@media only screen and (min-width:48rem){.l-grid{display:flex;flex-wrap:wrap;margin:0 -10px}}@media only screen and (min-width:80rem){.l-grid{margin:0 -20px}}@media only screen and (min-width:48rem){.l-grid.centered{justify-content:center}}.m-pagination{display:flex;align-items:center;justify-content:center;margin:0 auto 40px}.m-pagination__text{display:inline-block;color:var(--titles-color);letter-spacing:.2px;text-align:center;font-size:.875rem}@media only screen and (min-width:48rem){.m-pagination__text{letter-spacing:.3px;font-size:1rem}}
+.l-grid{padding-bottom:20px}@media only screen and (min-width:48rem){.l-grid{display:flex;flex-wrap:wrap;margin:0 -10px}}@media only screen and (min-width:80rem){.l-grid{margin:0 -20px}}@media only screen and (min-width:48rem){.l-grid.centered{justify-content:center}}.m-pagination{align-items:center;display:flex;justify-content:center;margin:0 auto 40px}.m-pagination__text{color:var(--titles-color);display:inline-block;font-size:.875rem;letter-spacing:.2px;text-align:center}@media only screen and (min-width:48rem){.m-pagination__text{font-size:1rem;letter-spacing:.3px}}

assets/css/newsletter.css

@@ -1 +1 @@
-.l-fullscreen{display:flex;align-items:center;justify-content:center;height:100vh}.l-fullscreen__content{text-align:center;padding:0 20px}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}}@media only screen and (min-width:48rem){.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.m-back{display:flex;align-items:center;position:absolute;top:20px;left:20px;color:var(--titles-color);letter-spacing:.2px;font-size:.875rem;cursor:pointer;z-index:2}@media only screen and (min-width:48rem){.m-back{top:40px;letter-spacing:.3px;font-size:1rem}}.m-back span{color:inherit;display:inline-block}.rtl .m-back span:first-of-type{order:2}.m-back__icon{font-size:.75rem;margin-right:10px}@media only screen and (min-width:48rem){.m-back__icon{font-size:.875rem}}.rtl .m-back__icon{order:1}.m-subscribe-section{padding:50px 0;background-color:var(--secondary-subtle-color)}@media only screen and (min-width:48rem){.m-subscribe-section{padding:80px 0}}@media only screen and (min-width:48rem){.m-subscribe-section__content{display:flex;align-items:center;justify-content:space-between}}.m-subscribe-section__text{text-align:center;margin-bottom:30px}@media only screen and (min-width:48rem){.m-subscribe-section__text{flex:1;text-align:left;padding-right:75px;margin-bottom:0}}@media only screen and (min-width:48rem){.rtl .m-subscribe-section__text{text-align:right;padding-right:0;padding-left:75px}}.m-subscribe-section__title{color:var(--titles-color);letter-spacing:.3px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0 0 20px}@media only screen and (min-width:48rem){.m-subscribe-section__title{letter-spacing:.3px;font-size:1.5rem;margin-bottom:15px}}.m-subscribe-section__description{letter-spacing:.2px;line-height:1.4}@media only screen and (min-width:48rem){.m-subscribe-section__description{font-size:1.125rem}}@media only screen and (min-width:48rem){.m-subscribe-section__form{width:300px;margin:0 auto}}.m-subscribe-section__container.loading .m-button{pointer-events:none}.m-subscribe-section__container.success .m-subscribe__success{display:block}.m-subscribe-section__container.success .m-subscribe__error,.m-subscribe-section__container.success .m-subscribe__form,.m-subscribe-section__container.success .m-subscribe__invalid{display:none}.m-subscribe-section__container.error .m-subscribe__error,.m-subscribe-section__container.invalid .m-subscribe__invalid{display:block}.m-subscribe-section__container.error .m-subscribe__form{margin-bottom:20px}.m-subscribe-section__container .m-subscribe__error,.m-subscribe-section__container .m-subscribe__invalid,.m-subscribe-section__container .m-subscribe__success{display:none}.m-subscribe__success_icon{display:block;width:64px;height:64px;margin:0 auto 25px}.m-subscribe__error{text-align:center}
+:root{--show-fade-animation:1}.l-fullscreen{align-items:center;display:flex;height:100vh;justify-content:center}.l-fullscreen__content{padding:0 20px;text-align:center}@media only screen and (min-width:48rem){.l-fullscreen__content{max-width:500px}.l-fullscreen__content.in-subscribe-page{padding:0}}@media only screen and (min-width:64rem){.l-fullscreen__content.in-subscribe-page{max-width:820px}}.m-back{align-items:center;color:var(--titles-color);cursor:pointer;display:flex;font-size:.875rem;left:20px;letter-spacing:.2px;position:absolute;top:20px;z-index:2}@media only screen and (min-width:48rem){.m-back{font-size:1rem;letter-spacing:.3px;top:40px}}.m-back span{color:inherit;display:inline-block}.rtl .m-back span:first-of-type{order:2}.m-back__icon{font-size:.75rem;margin-right:10px}@media only screen and (min-width:48rem){.m-back__icon{font-size:.875rem}}.rtl .m-back__icon{order:1}.m-subscribe-section{background-color:var(--secondary-subtle-color);padding:50px 0}@media only screen and (min-width:48rem){.m-subscribe-section{padding:80px 0}.m-subscribe-section__content{align-items:center;display:flex;justify-content:space-between}}.m-subscribe-section__text{margin-bottom:30px;text-align:center}@media only screen and (min-width:48rem){.m-subscribe-section__text{flex:1;margin-bottom:0;padding-right:75px;text-align:left}.rtl .m-subscribe-section__text{padding-left:75px;padding-right:0;text-align:right}}.m-subscribe-section__title{color:var(--titles-color);font-size:1.25rem;font-weight:600;letter-spacing:.3px;line-height:1.3;margin:0 0 20px}@media only screen and (min-width:48rem){.m-subscribe-section__title{font-size:1.5rem;letter-spacing:.3px;margin-bottom:15px}}.m-subscribe-section__description{letter-spacing:.2px;line-height:1.4}@media only screen and (min-width:48rem){.m-subscribe-section__description{font-size:1.125rem}.m-subscribe-section__form{margin:0 auto;width:300px}}.m-subscribe-section__container.loading .m-button{pointer-events:none}.m-subscribe-section__container.success .m-subscribe__success{display:block}.m-subscribe-section__container.success .m-subscribe__error,.m-subscribe-section__container.success .m-subscribe__form,.m-subscribe-section__container.success .m-subscribe__invalid{display:none}.m-subscribe-section__container.error .m-subscribe__error,.m-subscribe-section__container.invalid .m-subscribe__invalid{display:block}.m-subscribe-section__container.error .m-subscribe__form{margin-bottom:20px}.m-subscribe-section__container .m-subscribe__error,.m-subscribe-section__container .m-subscribe__invalid,.m-subscribe-section__container .m-subscribe__success{display:none}.m-subscribe__success_icon{display:block;height:64px;margin:0 auto 25px;width:64px}.m-subscribe__error{text-align:center}

assets/css/tags.css

@@ -1 +1 @@
-@media only screen and (min-width:48rem){.l-tags-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:720px}}@media only screen and (min-width:64rem){.l-tags-container{max-width:1080px}}.m-tag-card{height:180px;margin:0 0 20px;position:relative;border-radius:10px;border:1px solid var(--secondary-border-color);transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-tag-card:hover{transform:translateY(-5px)}.m-tag-card:hover:before{box-shadow:var(--article-shadow-hover),0 0 0 transparent}@media only screen and (min-width:48rem){.m-tag-card{width:320px;margin:0 20px 40px}}.m-tag-card:before{content:"";position:absolute;top:10px;right:10px;bottom:0;left:10px;border-radius:10px;z-index:1;box-shadow:var(--article-shadow-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-tag-card__link{display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;background-color:#000;z-index:2}.m-tag-card__link.no-picture{background-color:var(--secondary-subtle-color)}.m-tag-card__picture{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover;opacity:.7;z-index:1}.m-tag-card__info{position:absolute;left:15px;bottom:15px;color:#fff;z-index:2}.m-tag-card__info.no-picture{color:var(--titles-color)}.m-tag-card__name{letter-spacing:.3px;line-height:1.3;font-size:1.25rem;font-weight:600;margin:0 0 5px}.m-tag-card__counter{display:block;letter-spacing:.2px;font-size:.875rem}
+:root{--show-fade-animation:1}@media only screen and (min-width:48rem){.l-tags-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:720px}}@media only screen and (min-width:64rem){.l-tags-container{max-width:1080px}}.m-tag-card{border:1px solid var(--secondary-border-color);border-radius:10px;height:180px;margin:0 0 20px;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-tag-card:hover{transform:translateY(-5px)}.m-tag-card:hover:before{box-shadow:var(--article-shadow-hover),0 0 0 transparent}@media only screen and (min-width:48rem){.m-tag-card{margin:0 20px 40px;width:320px}}.m-tag-card:before{border-radius:10px;bottom:0;box-shadow:var(--article-shadow-normal),0 0 0 transparent;content:"";left:10px;position:absolute;right:10px;top:10px;transition:all .25s cubic-bezier(.02,.01,.47,1);z-index:1}.m-tag-card__link{background-color:#000;border-radius:10px;display:block;height:100%;overflow:hidden;position:relative;width:100%;z-index:2}.m-tag-card__link.no-picture{background-color:var(--secondary-subtle-color)}.m-tag-card__picture{border-radius:10px;height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:.7;position:absolute;top:0;width:100%;z-index:1}.m-tag-card__info{bottom:15px;color:#fff;left:15px;position:absolute;z-index:2}.m-tag-card__info.no-picture{color:var(--titles-color)}.m-tag-card__name{font-size:1.25rem;font-weight:600;letter-spacing:.3px;line-height:1.3;margin:0 0 5px}.m-tag-card__counter{display:block;font-size:.875rem;letter-spacing:.2px}

assets/js/helpers.js

@@ -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)}))}},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]]]);
+"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[151],{769:(e,t,a)=>{a.d(t,{dZ:()=>n,e:()=>o,eS:()=>l,ej:()=>c,p6:()=>s,tq:()=>i});var n=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},s=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},o=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,a=e.length;t<a;t++){var n=e[t].closest(".kg-gallery-image"),i=e[t].attributes.width.value/e[t].attributes.height.value;n.style.flex="".concat(i," 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")}))},c=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)}))}},214:()=>{},550:()=>{},823:()=>{},140:()=>{},521:()=>{},305:()=>{},672:()=>{}},e=>{var t=t=>e(e.s=t);e.O(0,[459,698,724,449,170,87,882],(()=>(t(769),t(823),t(140),t(521),t(305),t(672),t(214),t(550))));e.O()}]);

assets/js/home.js

@@ -1 +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]]]);
+"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[621],{906:(e,t,i)=>{var n=i(755),r=i.n(n),s=i(433),l=i(911);i(350);r()((function(){var e=r()(".js-featured-slider");if(e.length>0){var t=e.find(".swiper-slide").length;new l.ZP(".js-featured-slider",{modules:[l.W_,l.s5],navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},a11y:!0,on:{init:function(){(0,s.Z)(".js-featured-article-title",200)}}});1===t&&e.find(".js-featured-slider-button").remove()}(0,s.Z)(".js-featured-article-title",200)}))}},e=>{e.O(0,[898],(()=>{return t=906,e(e.s=t);var t}));e.O()}]);

assets/js/manifest.js

@@ -1 +1 @@
-!function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={0:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=window.webpackJsonp=window.webpackJsonp||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([]);
+(()=>{"use strict";var r,e={},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.m=e,r=[],n.O=(e,t,o,i)=>{if(!t){var l=1/0;for(s=0;s<r.length;s++){for(var[t,o,i]=r[s],a=!0,f=0;f<t.length;f++)(!1&i||l>=i)&&Object.keys(n.O).every((r=>n.O[r](t[f])))?t.splice(f--,1):(a=!1,i<l&&(l=i));if(a){r.splice(s--,1);var u=o();void 0!==u&&(e=u)}}return e}i=i||0;for(var s=r.length;s>0&&r[s-1][2]>i;s--)r[s]=r[s-1];r[s]=[t,o,i]},n.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return n.d(e,{a:e}),e},n.d=(r,e)=>{for(var t in e)n.o(e,t)&&!n.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:e[t]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(r){if("object"==typeof window)return window}}(),n.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={929:0,459:0,698:0,724:0,449:0,170:0,87:0,882:0};n.O.j=e=>0===r[e];var e=(e,t)=>{var o,i,[l,a,f]=t,u=0;if(l.some((e=>0!==r[e]))){for(o in a)n.o(a,o)&&(n.m[o]=a[o]);if(f)var s=f(n)}for(e&&e(t);u<l.length;u++)i=l[u],n.o(r,i)&&r[i]&&r[i][0](),r[i]=0;return n.O(s)},t=self.webpackChunkliebling=self.webpackChunkliebling||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})(),n.nc=void 0})();

assets/js/page.js

@@ -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)}))}},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]]]);
+"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[321],{769:(e,t,n)=>{n.d(t,{dZ:()=>a,e:()=>s,eS:()=>l,ej:()=>r,p6:()=>o,tq:()=>i});var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},o=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=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"),i=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(i," 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")}))},r=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)}))}},209:(e,t,n)=>{var a=n(755),i=n.n(a),o=n(729),s=n.n(o),l=n(557),r=n(769);i()((function(){s()(".js-post-content"),(0,r.e)(),(0,r.eS)(i()),(0,r.ej)(i(),l.Z)}))}},e=>{e.O(0,[898],(()=>{return t=209,e(e.s=t);var t}));e.O()}]);

assets/js/post.js

@@ -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 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]]]);
+"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[571],{769:(e,t,n)=>{n.d(t,{dZ:()=>a,e:()=>s,eS:()=>r,ej:()=>l,p6:()=>i,tq:()=>o});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(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=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%")}},r=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)}))}},717:(e,t,n)=>{var a=n(755),o=n.n(a),i=n(557),s=n(729),r=n.n(s),l=n(433),c=n(911),u=(n(350),n(769)),d=null,m=null,h=window.pageYOffset,f=0,g=0,p=0,w=!1,v=function(){h=window.pageYOffset,b()},y=function(e){(0,u.tq)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){d.removeAttr("data-animate")}),e)):o()("body").removeClass("share-menu-displayed")},k=function(){C(),y(100),setTimeout((function(){x(),b()}),200)},b=function(){w||requestAnimationFrame(j),w=!0},j=function(){var e=g-f,t=Math.ceil(h/e*100);t<=100&&T(t),w=!1},C=function(){f=window.innerHeight,g=o()(document).height()},x=function(){var e=m.parent().width(),t=e/2,n=(0,u.tq)()?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},T=function(e){if(e<=100){var t=p-e/100*p;m[0].style.strokeDashoffset=t}};o()((function(){d=o()(".js-animation-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-recommended-slider");if(r()(".js-post-content"),(0,u.e)(),y(1e3),t.length>0)new c.ZP(".js-recommended-slider",{modules:[c.W_,c.s5],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(){(0,l.Z)(".js-article-card-title",100),(0,l.Z)(".js-article-card-title-no-image",250)}}});(0,l.Z)(".js-article-card-title",100),(0,l.Z)(".js-article-card-title-no-image",250),e.on("click",(function(){o()("html, body").animate({scrollTop:0},500)})),(0,u.eS)(o()),(0,u.ej)(o(),i.Z),window.addEventListener("scroll",v,{passive:!0}),window.addEventListener("resize",k,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),C(),x(),j(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},e=>{e.O(0,[898],(()=>{return t=717,e(e.s=t);var t}));e.O()}]);

author.hbs

@@ -26,7 +26,7 @@ into the {body} of the default.hbs template --}}
   {{#author}}
     {{!-- Inject styles of the hero image to make it responsive --}}
     {{> hero background=cover_image}}
-      <div class="m-hero__content" data-aos="fade-down">
+      <div class="m-hero__content" data-animate="fade-down">
         {{#if profile_image}}
           <div class="m-hero-avatar" style="background-image: url({{profile_image}});"></div>
         {{else}}
@@ -77,7 +77,7 @@ into the {body} of the default.hbs template --}}
   {{/author}}
   
   <div class="l-content">
-    <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+    <div class="l-wrapper" data-animate="fade-up">
       <div class="l-grid centered">
         {{!-- The tag below iterates over all the posts --}}
         {{> "loop"}}

default.hbs

@@ -13,7 +13,6 @@
     {{!-- Preload assets --}}
     <link rel="preload" href="{{asset "css/app.css"}}" as="style" />
     <link rel="preload" href="{{asset "js/manifest.js"}}" as="script" />
-    <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" />
 
@@ -96,6 +95,7 @@
       const ghostHost = "{{@site.url}}"
       // @license-end
     </script>
+
     {{#if @custom.search_api_key}}
       <script>
         const ghostSearchApiKey = "{{@custom.search_api_key}}"
@@ -104,10 +104,25 @@
 
     {{!-- This variable disbale the fade animation when it's enabled --}}
     {{#if @custom.disable_fade_animation}}
-      <script>
+      <style>
-        const disableFadeAnimation = {{@custom.disable_fade_animation}}
+        :root {
-      </script>
+          --show-fade-animation: 0;
+        }
+      </style>
     {{/if}}
+
+    {{!-- This script sets the correct theme mode (light or dark) --}}
+    <script>
+      if (typeof Storage !== 'undefined') {
+        const currentSavedTheme = localStorage.getItem('theme')
+
+        if (currentSavedTheme && currentSavedTheme === 'dark') {
+          document.documentElement.setAttribute('data-theme', 'dark')
+        } else {
+          document.documentElement.setAttribute('data-theme', 'light')
+        }
+      }
+    </script>
   </head>
   <body class="{{body_class}}">
     {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
@@ -121,7 +136,6 @@
 
     {{!-- Common scripts shared between pages --}}
     <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>
     <script defer src="{{asset "js/app.js"}}"></script>
 

error-404.hbs

@@ -20,7 +20,7 @@ into the {body} of the default.hbs template --}}
 {{> header}}
 
 <main class="l-fullscreen">
-  <section class="l-fullscreen__content" data-aos="fade-up" data-aos-delay="300">
+  <section class="l-fullscreen__content" data-animate="fade-up">
     <h1 class="m-404-title">404</h1>
     <p class="m-404-subtitle">{{t "Page not found"}}</p>
     <p class="m-404-text">

index.hbs

@@ -26,7 +26,7 @@ into the {body} of the default.hbs template --}}
 <main class="main-wrap">
   {{!-- Inject styles of the hero image to make it responsive --}}
   {{> hero background=@site.cover_image}}
-  <div class="m-hero__content" data-aos="fade-down">
+  <div class="m-hero__content" data-animate="fade-down">
     <h1 class="m-hero-title bigger">{{@site.title}}</h1>
     {{#if @site.description}}
       <p class="m-hero-description bigger">{{@site.description}}</p>
@@ -41,7 +41,7 @@ into the {body} of the default.hbs template --}}
   </div>
   </section>
   <div class="l-content">
-    <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+    <div class="l-wrapper" data-animate="fade-up">
       <div class="l-grid centered">
         {{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}}
           {{#if featured}}

package.json

@@ -87,5 +87,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "2.0.1"
+  "version": "2.1.0"
 }

page-authors.hbs

@@ -26,7 +26,7 @@ into the {body} of the default.hbs template --}}
   <main class="main-wrap">
     {{!-- Inject styles of the hero image to make it responsive --}}
     {{> hero background=feature_image}}
-    <div class="m-hero__content" data-aos="fade-down">
+    <div class="m-hero__content" data-animate="fade-down">
       <h1 class="m-hero-title bigger">{{title}}</h1>
       {{#if custom_excerpt}}
         <p class="m-hero-description">{{custom_excerpt}}</p>
@@ -34,7 +34,7 @@ into the {body} of the default.hbs template --}}
     </div>
     </section>
     <div class="l-content">
-      <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+      <div class="l-wrapper" data-animate="fade-up">
         {{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}}
           <div class="l-grid centered">
             {{#foreach authors}}

page-newsletter.hbs

@@ -17,7 +17,7 @@ into the {body} of the default.hbs template --}}
 {{!< default}}
 
 <main>
-  <div class="l-wrapper" data-aos="fade-down">
+  <div class="l-wrapper" data-animate="fade-down">
     <a href="{{@site.url}}" class="m-back">
       <span class="m-back__icon icon-arrow-left"></span>
       <span>{{t "Back to home"}}</span>
@@ -25,7 +25,7 @@ into the {body} of the default.hbs template --}}
   </div>
   
   <div class="l-fullscreen">
-    <section class="l-fullscreen__content in-subscribe-page" data-aos="fade-up" data-aos-delay="300">
+    <section class="l-fullscreen__content in-subscribe-page" data-animate="fade-up">
       <div>
         <header class="m-heading in-subscribe-page">
           <h1 class="m-heading__title">

page-tags.hbs

@@ -26,7 +26,7 @@ into the {body} of the default.hbs template --}}
   {{#post}}
     {{!-- Inject styles of the hero image to make it responsive --}}
     {{> hero background=feature_image}}
-    <div class="m-hero__content" data-aos="fade-down">
+    <div class="m-hero__content" data-animate="fade-down">
       <h1 class="m-hero-title bigger">{{title}}</h1>
       {{#if custom_excerpt}}
         <p class="m-hero-description">{{custom_excerpt}}</p>
@@ -35,7 +35,7 @@ into the {body} of the default.hbs template --}}
     </section>
   {{/post}}
   <div class="l-content">
-    <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+    <div class="l-wrapper" data-animate="fade-up">
       <div class="l-tags-container">
         {{#get 'tags' limit='all' include='count.posts'}}
           {{#foreach tags}}

page.hbs

@@ -27,7 +27,7 @@ into the {body} of the default.hbs template --}}
   {{#post}}
     {{!-- Inject styles of the hero image to make it responsive --}}
     {{> hero background=feature_image}}
-    <div class="m-hero__content" data-aos="fade-down">
+    <div class="m-hero__content" data-animate="fade-down">
       <h1 class="m-hero-title bigger">{{title}}</h1>
       {{#if custom_excerpt}}
         <p class="m-hero-description">{{custom_excerpt}}</p>
@@ -36,7 +36,7 @@ into the {body} of the default.hbs template --}}
     </section>
     <article>
       <div class="l-content">
-        <div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
+        <div class="l-wrapper in-post" data-animate="fade-up">
           <div class="l-post-content">
             <div class="pos-relative js-post-content">
               {{content}}

partials/header.hbs

@@ -3,7 +3,7 @@ This header template is shared across all the pages.
 --}}
 
 <header class="m-header {{#if background}}with-picture{{/if}} js-header">
-  <div class="m-mobile-topbar" data-aos="fade-down">
+  <div class="m-mobile-topbar" data-animate="fade-down">
     <button class="m-icon-button in-mobile-topbar js-open-menu" aria-label="{{t "Open menu"}}">
       <span class="icon-menu" aria-hidden="true"></span>
     </button>
@@ -28,7 +28,7 @@ This header template is shared across all the pages.
     <button class="m-icon-button outlined as-close-menu js-close-menu" aria-label="{{t "Close menu"}}">
       <span class="icon-close"></span>
     </button>
-    <div class="m-menu__main" data-aos="fade-down">
+    <div class="m-menu__main" data-animate="fade-down">
       <div class="l-wrapper">
         <div class="m-nav js-main-nav">
           <nav class="m-nav__left js-main-nav-left" role="navigation" aria-label="{{t "Main menu"}}">

partials/hero.hbs

@@ -4,7 +4,7 @@ for it, and apply those styles to the <header> tag.
 --}}
 
 {{#if background}}
-  <section class="m-hero with-picture" data-aos="fade">
+  <section class="m-hero with-picture" data-animate="fade">
     <div class="m-hero__picture {{#is "post"}}in-post{{/is}}">
       <img
         srcset="
@@ -19,5 +19,5 @@ for it, and apply those styles to the <header> tag.
       />
     </div>
 {{else}}
-  <section class="m-hero no-picture {{#is "post"}}in-post{{/is}}" data-aos="fade">
+  <section class="m-hero no-picture {{#is "post"}}in-post{{/is}}" data-animate="fade">
 {{/if}}

post.hbs

@@ -42,8 +42,7 @@ into the {body} of the default.hbs template --}}
     <div class="l-content in-post">
       {{!-- Everything inside the #post tags pulls data from the post --}}
       {{#post}}
-        <div class="l-wrapper in-post {{#unless feature_image}}no-image{{/unless}} js-aos-wrapper" data-aos="fade-up"
+        <div class="l-wrapper in-post {{#unless feature_image}}no-image{{/unless}} js-animation-wrapper" data-animate="fade-up">
-          data-aos-delay="300">
           <div
             class="l-post-content js-progress-content">
             <header class="m-heading">
@@ -159,23 +158,19 @@ into the {body} of the default.hbs template --}}
             </div>
           </div>
         </section>
-        {{!-- If you want to embed comments, this is a good place to do it! --}}
+        {{!-- Native comments --}}
+        {{#if comments}}
+          <div class="m-comments">
+            <div class="l-wrapper in-comments js-native-comments">
+              {{comments}}
+            </div>
+          </div>
+        {{/if}}
+        {{!-- Third-party comments --}}
         {{!--
           <section class="m-comments">
-            <div class="m-load-comments__iframe l-wrapper in-comments js-comments-iframe">
+            <div class="l-wrapper in-comments js-third-party-comments">
-              <div id="disqus_thread"></div>
+              <!-- Paste here the provided code snippet -->
-              <script>
-                var disqus_config = function () {
-                  this.page.url = "{{url absolute="true"}}";
-                  this.page.identifier = "ghost-{{comment_id}}"
-                };
-                (function () {
-                  var d = document, s = d.createElement('script');
-                  s.src = 'https://CHANGETHIS.disqus.com/embed.js';
-                  s.setAttribute('data-timestamp', +new Date());
-                  (d.head || d.body).appendChild(s);
-                })();
-              </script>
             </div>
           </section>
         --}}

src/js/app.js

@@ -3,11 +3,11 @@ import Headroom from 'headroom.js';
 import tippy from 'tippy.js';
 import 'tippy.js/dist/tippy.css';
 import shave from 'shave';
-import AOS from 'aos';
+import GhostContentAPI from '@tryghost/content-api';
 import Fuse from 'fuse.js/dist/fuse.basic.esm.min.js';
 import Swiper, { FreeMode, A11y } from 'swiper';
-import 'swiper/swiper.min.css';
+import 'swiper/css';
-import { isRTL, formatDate, isDarkMode, isMobile } from './helpers';
+import { isRTL, formatDate, isMobile } from './helpers';
 
 $(() => {
   if (isRTL()) {
@@ -36,6 +36,7 @@ $(() => {
   const $mainNav = $('.js-main-nav');
   const $mainNavLeft = $('.js-main-nav-left');
   const $newsletterElements = $('.js-newsletter');
+  const $nativeComments = $('.js-native-comments > div > iframe')[0];
   const currentSavedTheme = localStorage.getItem('theme');
 
   let fuse = null;
@@ -203,6 +204,10 @@ $(() => {
       $('html').attr('data-theme', 'light');
       localStorage.setItem('theme', 'light');
     }
+
+    if ($nativeComments) {
+      $nativeComments.contentDocument.location.reload(true);
+    }
   });
 
   $toggleDarkMode.on('mouseenter', () => {
@@ -229,14 +234,10 @@ $(() => {
   });
 
   if (currentSavedTheme) {
-    $('html').attr('data-theme', currentSavedTheme);
-
     if (currentSavedTheme === 'dark') {
-      $toggleDarkMode.attr('checked', true);
+      $toggleDarkMode.each(function() {
-    }
+        $(this).attr('checked', true);
-  } else {
+      });
-    if (isDarkMode()) {
-      $toggleDarkMode.attr('checked', true);
     }
   }
 
@@ -277,15 +278,6 @@ $(() => {
     });
   }
 
-  if (typeof disableFadeAnimation === 'undefined' || !disableFadeAnimation) {
-    AOS.init({
-      once: true,
-      startEvent: 'DOMContentLoaded'
-    });
-  } else {
-    $('[data-aos]').addClass('no-aos-animation');
-  }
-
   if ($openSecondaryMenu.length > 0) {
     const template = document.getElementById('secondary-navigation-template');
 

src/js/helpers.js

@@ -7,13 +7,6 @@ export const isMobile = (width = '768px') => {
   return window.matchMedia(`(max-width: ${width})`).matches;
 };
 
-export const isDarkMode = () => {
-  const darkModeMatcher =
-    window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
-
-  return darkModeMatcher && darkModeMatcher.matches;
-};
-
 export const formatDate = date => {
   if (date) {
     return new Date(date).toLocaleDateString(document.documentElement.lang, {

src/js/home.js

@@ -1,6 +1,7 @@
 import $ from 'jquery';
 import shave from 'shave';
 import Swiper, { Navigation, A11y } from 'swiper';
+import 'swiper/css';
 
 $(() => {
   const $featuredSlider = $('.js-featured-slider');

src/js/post.js

@@ -3,6 +3,7 @@ import mediumZoom from 'medium-zoom';
 import fitvids from 'fitvids';
 import shave from 'shave';
 import Swiper, { Navigation, A11y } from 'swiper';
+import 'swiper/css';
 import {
   isMobile,
   adjustImageGallery,
@@ -10,7 +11,7 @@ import {
   makeImagesZoomable
 } from './helpers';
 
-let $aosWrapper = null;
+let $animationWrapper = null;
 let $progressCircle = null;
 let lastScrollingY = window.pageYOffset;
 let lastWindowHeight = 0;
@@ -23,13 +24,13 @@ const onScrolling = () => {
   requestTicking();
 };
 
-const adjustShare = timeout => {
+const adjustShare = (timeout) => {
   if (!isMobile('1023px')) {
     $('body').removeClass('share-menu-displayed');
   } else {
     $('body').addClass('share-menu-displayed');
     setTimeout(() => {
-      $aosWrapper.removeAttr('data-aos');
+      $animationWrapper.removeAttr('data-animate');
     }, timeout);
   }
 };
@@ -105,7 +106,7 @@ const prepareProgressCircle = () => {
 };
 
 $(() => {
-  $aosWrapper = $('.js-aos-wrapper');
+  $animationWrapper = $('.js-animation-wrapper');
   const $scrollButton = $('.js-scrolltop');
   const $recommendedSlider = $('.js-recommended-slider');
 

src/package.json

@@ -6,14 +6,13 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "get-database": "curl https://raw.githubusercontent.com/eddiesigner/ghost-db/ghost5.9.4/ghost.db -o ghost.db",
-    "dev": "NODE_ENV=development node node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "npx mix watch",
-    "watch": "NODE_ENV=development node node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "hot": "npx mix watch --hot",
-    "hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
     "docker-watch": "concurrently --names 'DOCKER,WEBPACK' --prefix-colors 'yellow,magenta' --kill-others \"docker-compose up\" \"npm run watch\"",
-    "podman-watch": "podman-compose up -d && node node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "podman-watch": "podman-compose up -d && npm run watch",
     "deploy": "npm run production && node deploy/index.js",
     "production": "npm run build && npm run zip",
-    "build": "NODE_ENV=production node node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "build": "npx mix --production",
     "zip": "run-script-os",
     "zip:win32": "cd .. && 7z a -r -x!.git -x!src -x!liebling.zip liebling.zip *",
     "zip:default": "cd .. && zip -r liebling.zip ./* -x '*.git*' -x '*src*' -x 'liebling.zip'",
@@ -29,24 +28,26 @@
   "license": "ISC",
   "devDependencies": {
     "7zip": "0.0.6",
+    "@babel/preset-react": "^7.14.5",
     "@tryghost/admin-api": "^1.4.0",
     "browser-sync": "^2.26.14",
     "browser-sync-webpack-plugin": "^2.3.0",
     "concurrently": "^6.0.0",
     "dotenv": "^8.2.0",
     "fs": "0.0.1-security",
-    "ghost-cli": "^1.16.3",
+    "ghost-cli": "^1.17.3",
-    "husky": "^4.2.3",
+    "husky": "^4.3.0",
-    "laravel-mix": "^5.0.0",
+    "laravel-mix": "^6.0.49",
     "path": "^0.12.7",
+    "postcss": "^8.2.8",
     "resolve-url-loader": "3.1.2",
     "run-script-os": "^1.1.5",
-    "sass": "^1.22.9",
+    "sass": "^1.32.8",
-    "sass-loader": "8.*",
+    "sass-loader": "^10.1.1",
     "vue-template-compiler": "^2.6.10"
   },
   "dependencies": {
-    "aos": "2.3.4",
+    "@tryghost/content-api": "^1.11.1",
     "fitvids": "^2.0.0",
     "fuse.js": "^6.4.6",
     "headroom.js": "^0.12.0",
@@ -54,7 +55,7 @@
     "medium-zoom": "^1.0.6",
     "shave": "^2.5.10",
     "swiper": "^8.0.3",
-    "tippy.js": "^5.2.1"
+    "tippy.js": "^6.2.4"
   },
   "optionalDependencies": {
     "win-node-env": "^0.4.0"

src/sass/app.scss

@@ -5,6 +5,7 @@
 @import "common/helpers";
 @import "common/icons";
 @import "common/global";
+@import "common/animations";
 
 @import "layouts/wrapper";
 @import "layouts/content";
@@ -43,5 +44,3 @@
 @import "components/search/icon";
 @import "components/search/result";
 @import "components/footer";
-
-@import "libs/aos/aos";

src/sass/common/_animations.scss

@@ -0,0 +1,46 @@
+$animation-distance: 100px !default;
+
+[data-animate^='fade'] {
+  opacity: calc((var(--show-fade-animation) + (-1)) * -1);
+
+  @include animation('fadeAnimation 500ms linear forwards');
+  @include keyframes(fadeAnimation) {
+    0% {
+      opacity: calc((var(--show-fade-animation) + (-1)) * -1);
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+}
+
+[data-animate='fade-up'] {
+  @include animation('fadeUpAnimation 500ms cubic-bezier(0.77,0,0.18,1) 300ms forwards');
+  @include keyframes(fadeUpAnimation) {
+    0% {
+      opacity: calc((var(--show-fade-animation) + (-1)) * -1);
+      @include transform(translateY(calc(#{$animation-distance} * var(--show-fade-animation))));
+    }
+
+    100% {
+      opacity: 1;
+      @include transform(translateY(0));
+    }
+  }
+}
+
+[data-animate='fade-down'] {
+  @include animation('fadeDownAnimation 500ms cubic-bezier(0.77,0,0.18,1) forwards');
+  @include keyframes(fadeDownAnimation) {
+    0% {
+      opacity: calc((var(--show-fade-animation) + (-1)) * -1);
+      @include transform(translateY(calc((#{$animation-distance} * -1) * var(--show-fade-animation))));
+    }
+
+    100% {
+      opacity: 1;
+      @include transform(translateY(0));
+    }
+  }
+}

src/sass/common/_themes.scss

@@ -1,4 +1,3 @@
-:root,
 [data-theme="light"] {
   --background-color: #fff;
   --primary-foreground-color: #4a4a4a;
@@ -52,32 +51,3 @@
   --header-menu-gradient-second-color: rgba(17, 17, 17, 0.65);
   --kg-card-img-invert-color: 1;
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --background-color: #111;
-    --primary-foreground-color: #ccc;
-    --secondary-foreground-color: #fff;
-    --primary-subtle-color: #2c2fe6;
-    --secondary-subtle-color: #141920;
-    --titles-color: #b4b4b4;
-    --link-color: #b6b7f6;
-    --primary-border-color: #1d1d1d;
-    --secondary-border-color: #0f0f0f;
-    --article-shadow-normal: 0 4px 5px 5px rgba(0, 0, 0, 0.1);
-    --article-shadow-hover: 0 4px 5px 10px rgba(0, 0, 0, 0.1);
-    --transparent-background-color: rgba(0, 0, 0, 0.99);
-    --footer-background-color: #080808;
-    --submenu-shadow-color-opacity: 0.55;
-    --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
-    --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
-    --table-background-color-odd: #050505;
-    --table-head-border-bottom: #1d1d1d;
-    --toggle-darkmode-button-display-moon: none;
-    --toggle-darkmode-button-display-sun: block;
-    --toggle-darkmode-background-color: rgba(0, 0, 0, 0.5);
-    --header-menu-gradient-first-color: rgba(17, 17, 17, 0);
-    --header-menu-gradient-second-color: rgba(17, 17, 17, 0.65);
-    --kg-card-img-invert-color: 1;
-  }
-}

src/sass/common/_variables.scss

@@ -10,3 +10,7 @@ $gray: #9b9b9b;
 $mobile-space: 20px;
 $mobile-bar-height: 50px;
 $desktop-bar-height: 64px;
+
+:root {
+  --show-fade-animation: 1;
+}

src/sass/layouts/_wrapper.scss

@@ -31,6 +31,8 @@
   }
 
   &.in-comments {
+    color: var(--primary-foreground-color);
+
     @include respond-to('medium') {
       max-width: 820px;
     }

src/sass/libs/aos/_animations.scss

@@ -1,26 +0,0 @@
-// Animations variables
-$aos-distance: 100px !default;
-
-/**
- * Fade animations:
- * fade
- * fade-up, fade-down
- */
-
-[data-aos^='fade'][data-aos^='fade']:not(.no-aos-animation) {
-  opacity: 0;
-  transition-property: opacity, transform;
-
-  &.aos-animate {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-[data-aos='fade-up']:not(.no-aos-animation) {
-  transform: translate3d(0, $aos-distance, 0);
-}
-
-[data-aos='fade-down']:not(.no-aos-animation) {
-  transform: translate3d(0, -$aos-distance, 0);
-}

src/sass/libs/aos/_aos.scss

@@ -1,3 +0,0 @@
-@import 'core';
-@import 'easing';
-@import 'animations';

src/sass/libs/aos/_core.scss

@@ -1,18 +0,0 @@
-// Generate Duration && Delay
-[data-aos] {
-  @for $i from 1 through 60 {
-    [data-aos-duration='#{$i * 50}'] &,
-    &[data-aos][data-aos-duration='#{$i * 50}'] {
-      transition-duration: #{$i * 50}ms;
-    }
-
-    [data-aos-delay='#{$i * 50}'] &,
-    &[data-aos][data-aos-delay='#{$i * 50}'] {
-      transition-delay: 0;
-
-      &.aos-animate {
-        transition-delay: #{$i * 50}ms;
-      }
-    }
-  }
-}

src/sass/libs/aos/_easing.scss

@@ -1,34 +0,0 @@
-$aos-easing: (
-  linear: cubic-bezier(0.25, 0.25, 0.75, 0.75),
-  ease: cubic-bezier(0.25, 0.1, 0.25, 1),
-  ease-in: cubic-bezier(0.42, 0, 1, 1),
-  ease-out: cubic-bezier(0, 0, 0.58, 1),
-  ease-in-out: cubic-bezier(0.42, 0, 0.58, 1),
-  ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045),
-  ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 10.275),
-  ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 10.55),
-  ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715),
-  ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1),
-  ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95),
-  ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53),
-  ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94),
-  ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955),
-  ease-in-cubic: cubic-bezier(0.55, 0.085, 0.68, 0.53),
-  ease-out-cubic: cubic-bezier(0.25, 0.46, 0.45, 0.94),
-  ease-in-out-cubic: cubic-bezier(0.455, 0.03, 0.515, 0.955),
-  ease-in-quart: cubic-bezier(0.55, 0.085, 0.68, 0.53),
-  ease-out-quart: cubic-bezier(0.25, 0.46, 0.45, 0.94),
-  ease-in-out-quart: cubic-bezier(0.455, 0.03, 0.515, 0.955)
-);
-
-// Easings implementations
-// Default timing function: 'ease'
-
-[data-aos] {
-  @each $key, $val in $aos-easing {
-    [data-aos-easing="#{$key}"] &,
-    &[data-aos][data-aos-easing="#{$key}"] {
-      transition-timing-function: $val;
-    }
-  }
-}

src/webpack.mix.js

@@ -1,4 +1,4 @@
-let mix = require('laravel-mix');
+const mix = require('laravel-mix');
 
 mix.options({
   terser: {
@@ -6,30 +6,14 @@ mix.options({
   }
 });
 
-mix.webpackConfig({
+mix
-  module: {
+  .setPublicPath('../assets')
-    rules: [
+  .js('js/helpers.js', 'js/')
-      {
-        test: /\.jsx?$/,
-        use: [
-          {
-            loader: 'babel-loader',
-            options: Config.babel()
-          }
-        ]
-      }
-    ]
-  }
-});
-
-mix.js('js/helpers.js', 'js/')
   .js('js/app.js', 'js/')
   .js('js/home.js', 'js/')
   .js('js/post.js', 'js/')
   .js('js/page.js', 'js/')
   .extract()
-  .setResourceRoot('/assets')
-  .setPublicPath('../assets')
   .sass('sass/app.scss', 'css/')
   .sass('sass/home.scss', 'css/')
   .sass('sass/listing.scss', 'css/')
@@ -40,14 +24,13 @@ mix.js('js/helpers.js', 'js/')
   .options({
     processCssUrls: false
   })
-  .copy('sass/fonts/icomoon/*.*', '../assets/fonts/icomoon/')
-  .copyDirectory('sass/fonts/source-sans-pro/', '../assets/fonts/source-sans-pro/')
-  .copy('js/vendor/content-api.min.js', '../assets/js/vendor/')
   .browserSync({
-    proxy: "localhost:2368",
+    proxy: 'localhost:2368',
     files: [
-      'js/**/*.js',
+      '../assets/js/**/*.js',
-      'sass/**/*.scss',
+      '../assets/css/**/*.css',
       '../**/*.hbs'
     ]
-  });
+  })
+  .copyDirectory('sass/fonts/source-sans-pro/', '../assets/fonts/source-sans-pro/')
+  .copy('sass/fonts/icomoon/*.*', '../assets/fonts/icomoon/');

subscribe.hbs

@@ -17,7 +17,7 @@ into the {body} of the default.hbs template --}}
 {{!< default}}
 
 <main>
-  <div class="l-wrapper" data-aos="fade-down">
+  <div class="l-wrapper" data-animate="fade-down">
     <a href="{{@site.url}}" class="m-back">
       <span class="m-back__icon icon-arrow-left"></span>
       <span>{{t "Back to home"}}</span>
@@ -25,7 +25,7 @@ into the {body} of the default.hbs template --}}
   </div>
   
   <div class="l-fullscreen">
-    <section class="l-fullscreen__content in-subscribe-page" data-aos="fade-up" data-aos-delay="300">
+    <section class="l-fullscreen__content in-subscribe-page" data-animate="fade-up">
       {{^if success}}
         <div>
           <header class="m-heading in-subscribe-page">

tag.hbs

@@ -26,7 +26,7 @@ into the {body} of the default.hbs template --}}
   {{#tag}}
     {{!-- Inject styles of the hero image to make it responsive --}}
     {{> hero background=feature_image}}
-    <div class="m-hero__content" data-aos="fade-down">
+    <div class="m-hero__content" data-animate="fade-down">
       <h1 class="m-hero-title bigger">{{name}}</h1>
       {{#if description}}
         <p class="m-hero-description">
@@ -45,7 +45,7 @@ into the {body} of the default.hbs template --}}
   {{/tag}}
   
   <div class="l-content">
-    <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+    <div class="l-wrapper" data-animate="fade-up">
       <div class="l-grid centered">
         {{!-- The tag below iterates over all the posts --}}
         {{> "loop"}}