Version 2.1.0 (#474)
This commit is contained in:
Eduardo Gómez
GitHub
parent
bcac5606f7
commit
286a59bb67
@ -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}}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -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}
|
||||
|
||||
@ -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}}
|
||||
|
||||
@ -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}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -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}
|
||||
|
||||
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)}))}},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()}]);
|
||||
@ -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()}]);
|
||||
@ -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})();
|
||||
@ -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()}]);
|
||||
@ -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()}]);
|
||||
File diff suppressed because one or more lines are too long
1
assets/js/vendor/content-api.min.js
vendored
1
assets/js/vendor/content-api.min.js
vendored
File diff suppressed because one or more lines are too long
@ -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"}}
|
||||
|
||||
24
default.hbs
24
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>
|
||||
const disableFadeAnimation = {{@custom.disable_fade_animation}}
|
||||
</script>
|
||||
<style>
|
||||
:root {
|
||||
--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>
|
||||
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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}}
|
||||
|
||||
@ -87,5 +87,5 @@
|
||||
"desktop": "assets/screenshot-desktop.jpg",
|
||||
"mobile": "assets/screenshot-mobile.jpg"
|
||||
},
|
||||
"version": "2.0.1"
|
||||
"version": "2.1.0"
|
||||
}
|
||||
|
||||
@ -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}}
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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}}
|
||||
|
||||
4
page.hbs
4
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}}
|
||||
|
||||
@ -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"}}">
|
||||
|
||||
@ -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}}
|
||||
|
||||
29
post.hbs
29
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"
|
||||
data-aos-delay="300">
|
||||
<div class="l-wrapper in-post {{#unless feature_image}}no-image{{/unless}} js-animation-wrapper" data-animate="fade-up">
|
||||
<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 id="disqus_thread"></div>
|
||||
<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 class="l-wrapper in-comments js-third-party-comments">
|
||||
<!-- Paste here the provided code snippet -->
|
||||
</div>
|
||||
</section>
|
||||
--}}
|
||||
|
||||
@ -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 { isRTL, formatDate, isDarkMode, isMobile } from './helpers';
|
||||
import 'swiper/css';
|
||||
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);
|
||||
}
|
||||
} else {
|
||||
if (isDarkMode()) {
|
||||
$toggleDarkMode.attr('checked', true);
|
||||
$toggleDarkMode.each(function() {
|
||||
$(this).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');
|
||||
|
||||
|
||||
@ -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, {
|
||||
|
||||
@ -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');
|
||||
|
||||
@ -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');
|
||||
|
||||
|
||||
13413
src/package-lock.json
generated
13413
src/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -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": "NODE_ENV=development node node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
|
||||
"hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
|
||||
"watch": "npx mix watch",
|
||||
"hot": "npx mix watch --hot",
|
||||
"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",
|
||||
"husky": "^4.2.3",
|
||||
"laravel-mix": "^5.0.0",
|
||||
"ghost-cli": "^1.17.3",
|
||||
"husky": "^4.3.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-loader": "8.*",
|
||||
"sass": "^1.32.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"
|
||||
|
||||
@ -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";
|
||||
|
||||
46
src/sass/common/_animations.scss
Normal file
46
src/sass/common/_animations.scss
Normal file
@ -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));
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,3 +10,7 @@ $gray: #9b9b9b;
|
||||
$mobile-space: 20px;
|
||||
$mobile-bar-height: 50px;
|
||||
$desktop-bar-height: 64px;
|
||||
|
||||
:root {
|
||||
--show-fade-animation: 1;
|
||||
}
|
||||
|
||||
@ -31,6 +31,8 @@
|
||||
}
|
||||
|
||||
&.in-comments {
|
||||
color: var(--primary-foreground-color);
|
||||
|
||||
@include respond-to('medium') {
|
||||
max-width: 820px;
|
||||
}
|
||||
|
||||
@ -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);
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@import 'core';
|
||||
@import 'easing';
|
||||
@import 'animations';
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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({
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.jsx?$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'babel-loader',
|
||||
options: Config.babel()
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
|
||||
mix.js('js/helpers.js', 'js/')
|
||||
mix
|
||||
.setPublicPath('../assets')
|
||||
.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',
|
||||
'sass/**/*.scss',
|
||||
'../assets/js/**/*.js',
|
||||
'../assets/css/**/*.css',
|
||||
'../**/*.hbs'
|
||||
]
|
||||
});
|
||||
})
|
||||
.copyDirectory('sass/fonts/source-sans-pro/', '../assets/fonts/source-sans-pro/')
|
||||
.copy('sass/fonts/icomoon/*.*', '../assets/fonts/icomoon/');
|
||||
|
||||
@ -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">
|
||||
|
||||
4
tag.hbs
4
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"}}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user