From 83bcf454c6734d744126b6e45d213d96b54cd068 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Wed, 5 Jul 2023 23:58:12 +1000 Subject: [PATCH] build custom homepage + featured posts pages inc. wave separator on homepage + linking both layouts to render page content --- assets/css/app.css | 2 +- assets/js/app.js | 2 +- assets/js/post.js | 2 +- featured.hbs | 131 +++++++++++++++++++++++++++++++++++ index.hbs | 119 ++++++++++--------------------- package.json | 5 ++ post.hbs | 36 ++++++---- src/js/post.js | 19 +++++ src/sass/common/_themes.scss | 10 ++- src/sass/pyv.scss | 104 ++++++++++++++++++++++++++- 10 files changed, 326 insertions(+), 104 deletions(-) create mode 100644 featured.hbs diff --git a/assets/css/app.css b/assets/css/app.css index 460cce0..3e675a1 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1 +1 @@ -/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled],[disabled]{cursor:disabled}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}:root{--announcement-bar-height:0px;--show-fade-animation:1}[data-theme=light]{--background-color:#fff;--primary-foreground-color:#4a4a4a;--secondary-foreground-color:#000;--primary-subtle-color:#0470ee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#133467;--primary-border-color:#9b9b9b;--secondary-border-color:#f0f8ff;--article-shadow-normal:0 10px 10px rgba(0,0,0,.08);--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,.2);--transparent-background-color:hsla(0,0%,100%,.99);--footer-background-color:#133467;--submenu-shadow-color-opacity:0.25;--button-shadow-color-normal:hsla(0,0%,42%,.2);--button-shadow-color-hover:hsla(0,0%,42%,.3);--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2;--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none;--toggle-darkmode-background-color:rgba(0,0,0,.05);--header-menu-gradient-first-color:hsla(0,0%,100%,0);--header-menu-gradient-second-color:#fff;--kg-card-img-invert-color:0}[data-theme=dark]{--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,.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,.1);--transparent-background-color:rgba(0,0,0,.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:hsla(0,0%,4%,.5);--button-shadow-color-hover:hsla(0,0%,4%,.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,.5);--header-menu-gradient-first-color:hsla(0,0%,7%,0);--header-menu-gradient-second-color:hsla(0,0%,7%,.65);--kg-card-img-invert-color:1}.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered,.m-hero,.m-icon-button{align-items:center;display:flex;justify-content:center}.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}[class*=" icon-"],[class^=icon-]{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-moon:before{content:"\e90f"}.icon-sunny:before{content:"\e910"}.icon-chevron-down:before{content:"\e900"}.icon-star:before{content:"\e901"}.icon-arrow-left:before{content:"\e902"}.icon-arrow-right:before{content:"\e903"}.icon-arrow-top:before{content:"\e904"}.icon-close:before{content:"\e905"}.icon-comments:before{content:"\e906"}.icon-facebook:before{content:"\e907"}.icon-globe:before{content:"\e908"}.icon-menu:before{content:"\e909"}.icon-more:before{content:"\e90a"}.icon-search:before{content:"\e90b"}.icon-twitter:before{content:"\e90c"}.icon-imdb:before{content:"\e90d"}.icon-vk:before{content:"\e90e"}.icon-steam:before{content:"\e914"}.icon-twitch:before{content:"\e915"}.icon-youtube:before{content:"\e916"}.icon-vimeo:before{content:"\e917"}.icon-whatsapp:before{content:"\e918"}.icon-reddit:before{content:"\e919"}.icon-rss:before{content:"\e91a"}.icon-spotify:before{content:"\e91b"}.icon-telegram:before{content:"\e91c"}.icon-soundcloud:before{content:"\e91d"}.icon-flickr:before{content:"\e91e"}.icon-letterboxd:before{content:"\e91f"}.icon-odnoklassniki:before{content:"\e920"}.icon-pinterest:before{content:"\e921"}.icon-tiktok:before{content:"\e922"}.icon-tumblr:before{content:"\e923"}.icon-xing:before{content:"\e924"}.icon-mixcloud:before{content:"\e925"}.icon-mixer:before{content:"\e926"}.icon-wechat:before{content:"\e927"}.icon-deviantart:before{content:"\e928"}.icon-discord:before{content:"\e929"}.icon-instagram:before{content:"\e92a"}.icon-linkedin:before{content:"\e92b"}.icon-snapchat:before{content:"\e92c"}.icon-gitlab:before{content:"\e92d"}.icon-github:before{content:"\e930"}.icon-behance:before{content:"\e951"}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--primary-foreground-color);display:flex;flex-direction:column;font-display:swap;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-size:1rem;min-height:100vh;overflow-x:hidden;padding-top:var(--announcement-bar-height);transition:padding-top .2s linear;width:100%}body.share-menu-displayed{padding-bottom:45px}@media only screen and (min-width:48rem){body.share-menu-displayed{padding-bottom:0}}.main-wrap{display:flex;flex-direction:column;flex-grow:1}p{line-height:1.5;margin:0}a{color:inherit;text-decoration:none}fieldset{border:0;margin:0;padding:0;position:relative}.tippy-popper *{text-align:left!important}.medium-zoom-overlay{background-color:var(--background-color)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}[data-animate^=fade]{animation:fadeAnimation .5s linear forwards;opacity:calc((var(--show-fade-animation) - 1)*-1)}@keyframes fadeAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1)}to{opacity:1}}[data-animate=fade-up]{animation:fadeUpAnimation .5s cubic-bezier(.77,0,.18,1) .3s forwards}@keyframes fadeUpAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}[data-animate=fade-down]{animation:fadeDownAnimation .5s cubic-bezier(.77,0,.18,1) forwards}@keyframes fadeDownAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(-100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}.l-wrapper{margin:0 auto;padding:0 20px;position:relative;width:100%}@media only screen and (min-width:48rem){.l-wrapper{max-width:1200px}}@media only screen and (min-width:80rem){.l-wrapper{padding:0}}.l-wrapper.in-submenu{padding:0}@media only screen and (min-width:48rem){.l-wrapper.in-submenu{padding:0 20px}}@media only screen and (min-width:80rem){.l-wrapper.in-submenu{padding:0}}@media only screen and (min-width:48rem){.l-wrapper.in-post{max-width:960px}}.l-wrapper.in-comments{color:var(--primary-foreground-color)}@media only screen and (min-width:48rem){.l-wrapper.in-comments{max-width:820px}}@media only screen and (min-width:64rem){.l-wrapper.in-recommended{max-width:calc(100% - 60px);padding:0}}@media only screen and (min-width:90rem){.l-wrapper.in-recommended{max-width:1200px}}.l-wrapper.in-post.no-image{padding-top:40px}@media only screen and (min-width:48rem){.l-wrapper.in-post.no-image{padding-top:80px}}.l-wrapper.in-caption{padding-top:10px}.l-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.m-button{background-color:transparent;border:0;border-radius:5px;color:#333;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1;outline:0;padding:13px 25px;position:relative;text-align:center;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-button.outlined{border:1px solid var(--primary-foreground-color);color:var(--titles-color)}.m-button.filled,.m-button.primary{box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.m-button.filled:hover,.m-button.primary:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;transform:translateY(-2px)}.m-button.filled{background-color:#fff;border-radius:5px}.m-button.block{display:block;width:100%}.m-button.primary{background-color:var(--primary-subtle-color);color:#fff}.m-button.loading{cursor:default;overflow:hidden}.m-button.loading:after{animation:loading 1s infinite;background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;width:25%}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.m-icon-button{background-color:transparent;border:0;border-radius:50%;color:var(--titles-color);cursor:pointer;font-size:1.125rem;outline:0;padding:0}.m-icon-button.outlined{border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-icon-button.filled:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button:disabled{cursor:default;opacity:.5}.m-icon-button.in-mobile-topbar{height:50px;width:50px}.m-icon-button.as-close-menu{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-menu{display:none!important}}.m-icon-button.as-close-search{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-search{font-size:.875rem;height:42px;right:30px;top:30px;width:42px}}@media only screen and (min-width:80rem){.m-icon-button.as-close-search{height:50px;right:40px;top:40px;width:50px}}.m-icon-button.in-menu-main{display:none}@media only screen and (min-width:48rem){.m-icon-button.in-menu-main{display:flex;height:32px;width:32px}}.m-icon-button.more{font-size:1.25rem;position:relative;z-index:6}.m-icon-button.more.active{color:var(--primary-subtle-color)}.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.625rem;height:40px;width:40px}@media only screen and (min-width:48rem){.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.688rem;height:46px;width:46px}}.m-icon-button.in-pagination-left{margin-right:30px}.m-icon-button.in-pagination-right{margin-left:30px}.m-icon-button.in-featured-articles{bottom:5px;color:#fff;font-size:.875rem;height:40px;position:absolute;width:40px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles{bottom:26px}}.m-icon-button.in-featured-articles.swiper-button-prev{right:56px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-prev{right:76px}}.m-icon-button.in-featured-articles.swiper-button-next{right:16px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-next{right:36px}}.m-icon-button.in-recommended-articles{font-size:.625rem;height:40px;position:absolute;top:240px;transform:translateY(-50%);width:40px;z-index:2}@media only screen and (min-width:64rem){.m-icon-button.in-recommended-articles{display:none}}.m-icon-button.in-recommended-articles.swiper-button-prev{left:2px}.m-icon-button.in-recommended-articles.swiper-button-next{right:2px}.m-icon-button.as-load-comments{font-size:1.25rem;height:60px;margin:0 auto;position:relative;width:60px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-load-comments{font-size:1.625rem;height:80px;width:80px}}.m-icon-button.in-share{color:var(--titles-color);font-size:.75rem;height:31px;margin:0 25px;text-decoration:none;width:31px}@media only screen and (min-width:64rem){.m-icon-button.in-share{font-size:.875rem;height:40px;margin:0 0 20px;width:40px}}@media only screen and (min-width:80rem){.m-icon-button.in-share{font-size:1rem;height:50px;width:50px}}.m-icon-button.progress{position:relative}.m-icon-button.progress svg{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.m-icon-button.progress svg circle{stroke:var(--primary-subtle-color);transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s}.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:16px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:36px;right:auto}}.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:52px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:72px;right:auto}}.rtl .m-icon-button.in-recommended-articles.swiper-button-prev{left:auto;right:2px;transform:rotate(180deg)}.rtl .m-icon-button.in-recommended-articles.swiper-button-next{left:2px;right:auto;transform:rotate(180deg)}.m-input{background-color:var(--background-color);border:1px solid var(--primary-border-color);border-radius:5px;color:var(--primary-foreground-color);font-size:1rem;letter-spacing:.2px;line-height:1.3;outline:0;padding:11px 15px;width:100%}.m-input:focus{border-color:var(--primary-subtle-color)}.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.m-input.in-subscribe-section{margin-bottom:15px}.m-section-title{color:var(--primary-foreground-color);font-size:1.25rem;font-weight:400;letter-spacing:.3px;line-height:1.3;margin:0 0 30px;text-align:center}@media only screen and (min-width:48rem){.m-section-title{font-size:1.5rem;margin-bottom:40px}}.m-section-title.in-recommended{margin-bottom:0!important}.m-small-text{color:var(--titles-color);font-size:.875rem}.m-small-text.in-subscribe-page{font-weight:600;padding-top:30px}.m-small-text.in-author-along-with{margin-bottom:20px}.m-small-text.in-author-along-with a{text-decoration:underline}.m-not-found{color:var(--primary-foreground-color);font-size:.875rem;font-weight:600;line-height:1.3}.m-not-found.in-recent-articles{margin-left:20px}@media only screen and (min-width:48rem){.m-not-found.in-recent-articles{margin-left:0}}.m-header{background-color:var(--background-color);left:0;position:fixed;top:0;transition:transform .4s cubic-bezier(.165,.84,.44,1);width:100%;will-change:transform;z-index:4}@media only screen and (min-width:48rem){.m-header{padding:15px 0}.m-header.with-announcement-bar{padding:0}.m-header.with-announcement-bar .m-menu{padding:15px 0}}.m-header.mobile-menu-opened{height:100%}@media only screen and (min-width:48rem){.m-header.mobile-menu-opened{height:auto}}.m-header.headroom--pinned{box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;transform:translateY(0)}.m-header.headroom--pinned .m-header__shadow{display:none}.m-header.headroom--unpinned{transform:translateY(-100%)}.m-header.submenu-is-active{background-color:var(--background-color)}.m-header.submenu-is-active .m-header__shadow{display:none}.m-header.with-picture{background-color:var(--background-color)}.m-mobile-topbar{align-items:center;display:flex;height:50px;justify-content:space-between;position:relative;z-index:2}@media only screen and (min-width:48rem){.m-mobile-topbar{display:none!important}}.m-logo{display:inline-block;height:32px}.m-logo img{height:100%;max-width:150px;-o-object-fit:contain;object-fit:contain;width:auto}.m-logo img.m-logo__image-light{display:var(--toggle-darkmode-button-display-moon)}.m-logo img.m-logo__image-dark{display:var(--toggle-darkmode-button-display-sun)}.m-logo.in-mobile-topbar{margin:0 20px}.m-site-name.in-mobile-topbar{color:var(--titles-color);font-weight:600}.m-site-name.in-desktop-menu{font-weight:700}@media only screen and (min-width:48rem){.m-nav{align-items:center;display:flex;height:37px;justify-content:space-between;overflow-y:hidden}}@media only screen and (min-width:90rem){.m-nav{margin:0 -5px}}@media only screen and (min-width:48rem){.m-nav.toggle-overflow{overflow-y:initial}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1 auto;margin-bottom:0;overflow-x:auto;overflow-y:hidden;padding-bottom:40px;padding-left:5px;padding-top:40px;white-space:nowrap}.m-nav__left.toggle-overflow{overflow-x:hidden}}.m-nav__left ul:not(.m-secondary-menu){margin:0;padding:0}@media only screen and (min-width:48rem){.m-nav__left ul:not(.m-secondary-menu){align-items:center;display:flex}}.m-nav__left li{color:var(--titles-color);font-size:1.125rem;letter-spacing:.3px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-nav__left li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left li:last-of-type{margin-bottom:0}.m-nav__left li.nav-current{font-weight:600}.m-nav__left li a{color:inherit}.m-nav__left li.more a{align-items:center;display:inline-flex}@media only screen and (min-width:48rem){.m-nav__left li.more a{display:flex}}.m-nav__left li.more a span{color:inherit;display:inline-block;font-size:1rem;margin-left:8px;transform:translateY(1px)}@media only screen and (min-width:48rem){.m-nav__left li.submenu-option{z-index:2}}.m-nav__right{align-items:center;display:flex;justify-content:flex-end}@media only screen and (min-width:48rem){.m-nav__right{flex-shrink:0;padding-left:20px;padding-right:5px;position:relative}.m-nav__right:before{background:linear-gradient(90deg,var(--header-menu-gradient-first-color) 0,var(--header-menu-gradient-second-color));content:"";height:100%;left:-20px;pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.rtl .m-nav__left{padding-left:0;padding-right:5px}.rtl .m-nav__left li{margin-left:35px;margin-right:0}.rtl .m-nav__right{padding-left:5px;padding-right:20px}.rtl .m-nav__right:before{left:auto;right:-20px;transform:rotate(180deg)}}.m-menu{-webkit-overflow-scrolling:touch;background-color:var(--background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-menu.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}@media only screen and (min-width:48rem){.m-menu{background-color:transparent;height:auto;left:auto;opacity:1!important;overflow:initial;position:relative;top:auto;transform:translateZ(0)!important;visibility:visible!important}}.m-menu__main{min-height:100%;padding:50px 0 5px}@media only screen and (min-width:48rem){.m-menu__main{min-height:0;padding:0}}.rtl .m-menu__main{padding-top:75px}@media only screen and (min-width:48rem){.rtl .m-menu__main{padding:0}}.m-secondary-menu{list-style-type:none;margin:0;padding:0}.m-secondary-menu li{font-size:1rem}@media only screen and (min-width:48rem){.m-secondary-menu li{margin-left:0;margin-right:0}}.m-secondary-menu li.nav-current a{font-weight:600}.m-secondary-menu li a{border-radius:4px;display:block;padding:6px 10px;transition:background-color .1s linear}@media only screen and (min-width:48rem){.m-secondary-menu li a{padding:8px 10px}}.m-secondary-menu li a:hover{background-color:rgba(0,0,0,.1)}.rtl .m-secondary-menu .li,.rtl .m-secondary-menu .li a{text-align:right!important}.m-submenu{padding-top:25px}@media only screen and (min-width:48rem){.m-submenu{background-color:var(--background-color);border-top:1px solid var(--secondary-border-color);box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent;left:0;padding:30px 0 20px;position:fixed;top:67px;visibility:hidden;white-space:normal;width:100%;z-index:5}}@media only screen and (min-width:80rem){.m-submenu{padding:32px 0 23px}}@media only screen and (min-width:48rem){.m-submenu.opened{animation:openSubmenuAnimation .3s both;backface-visibility:visible!important;visibility:visible}@keyframes openSubmenuAnimation{0%{opacity:0;transform:translate3d(0,-5%,0)}to{opacity:1;transform:translateZ(0)}}}@media only screen and (min-width:48rem){.m-submenu.closed{animation:closeSubmenuAnimation .3s both;backface-visibility:visible!important}@keyframes closeSubmenuAnimation{0%{opacity:1;transform:translateZ(0);visibility:visible}to{opacity:0;transform:translate3d(0,-2.5%,0);visibility:hidden}}}@media only screen and (min-width:48rem){:root .m-submenu,_:-ms-fullscreen{top:65px}}.m-submenu-title{font-size:1.125rem;font-weight:400;letter-spacing:.3px;line-height:1.3;margin:0 0 25px}.m-submenu-title.in-recent-articles{padding:0 20px}@media only screen and (min-width:48rem){.m-submenu-title.in-recent-articles{padding:0}}.rtl .m-submenu-title{direction:rtl}.m-recent-articles{margin:0 -20px 40px;overflow:hidden}@media only screen and (min-width:48rem){.m-recent-articles{margin:0 0 40px}}.m-recent-articles ul{cursor:grab}.m-recent-articles .swiper-slide{width:auto}.m-recent-article{display:block;margin:0 20px;width:230px}@media only screen and (min-width:48rem){.m-recent-article{margin:0 60px 0 0}}.m-recent-article:hover .m-recent-article__picture img{transform:scale(1.1)}@media only screen and (min-width:48rem){.rtl .m-recent-article{margin:0 0 0 60px}}.m-recent-article__picture{background-color:var(--secondary-subtle-color);border-radius:5px;height:130px;margin-bottom:15px;overflow:hidden;position:relative;transform:translateZ(0)}.m-recent-article__picture.no-picture img{height:64px;left:50%;margin:-32px 0 0 -32px;position:absolute;top:50%;width:64px}.m-recent-article__picture img{backface-visibility:visible!important;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.165,.84,.44,1);width:100%}.m-recent-article__title{color:var(--titles-color);font-size:1rem;font-weight:400;letter-spacing:.2px;line-height:1.438rem;margin:0 0 10px}@media only screen and (min-width:48rem){.m-recent-article__title{font-size:1.125rem;letter-spacing:.25px}}.m-recent-article__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.15px}.m-tags.in-post{padding-top:25px}.m-tags.in-post ul{list-style-type:none;padding:0}.m-tags.in-post a{text-decoration:none}.m-tags ul{display:flex;flex-wrap:wrap}.m-tags li{font-size:.875rem;font-weight:600;letter-spacing:.2px;margin-bottom:10px!important;margin-right:30px}.m-tags li:last-of-type{margin-right:0}.m-tags li a{color:var(--link-color)!important}.m-toggle-darkmode{border-radius:50%;bottom:45px;height:28px;overflow:hidden;position:fixed;right:20px;width:28px;z-index:2}@media only screen and (min-width:48rem){.m-toggle-darkmode{bottom:auto;margin-left:20px;position:relative;right:auto;z-index:auto}}.m-toggle-darkmode input{border:0;cursor:pointer;height:100%;left:0;opacity:0;outline:0;position:absolute;top:0;width:100%;z-index:2}.m-toggle-darkmode input::-moz-focus-inner{border:0}.m-toggle-darkmode div{align-items:center;background-color:var(--toggle-darkmode-background-color);border-radius:50%;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.m-toggle-darkmode span{color:var(--titles-color);font-size:.9375rem}.m-toggle-darkmode span.moon{display:var(--toggle-darkmode-button-display-moon)}.m-toggle-darkmode span.sun{display:var(--toggle-darkmode-button-display-sun)}:root .m-toggle-darkmode,_:-ms-fullscreen{display:none}div.gh-announcement-bar{font-size:1rem;line-height:1.3;min-height:auto;padding:16px 48px;z-index:auto}@media only screen and (min-width:48rem){div.gh-announcement-bar{font-size:1.125rem}}.m-hero{background-color:var(--secondary-subtle-color);flex-direction:column;min-height:365px;overflow:hidden;padding:100px 0 75px;position:relative}@media only screen and (min-width:48rem){.m-hero{min-height:400px;padding:150px 0 75px}}.m-hero.with-picture{background-color:#000;color:#fff}@media only screen and (min-width:48rem){.m-hero.with-picture{min-height:450px}}@media only screen and (min-width:80rem){.m-hero.with-picture{min-height:565px}}.m-hero.with-picture .m-hero-title{color:#fff}.m-hero.no-picture.in-post{display:none}.m-hero__picture{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:1}.m-hero__picture.in-post{opacity:1}.m-hero__picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m-hero__content{padding:0 20px;position:relative;text-align:center;z-index:2}@media only screen and (min-width:48rem){.m-hero__content{max-width:700px}}@media only screen and (min-width:80rem){.m-hero__content{padding:0}}.m-hero__meta{margin:0 auto}@media only screen and (min-width:48rem){.m-hero__meta{align-items:center;display:flex;justify-content:center}}.rtl .m-hero__meta{direction:ltr}.m-hero-avatar{background-color:#5c697c;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent;height:80px;margin:0 auto 25px;width:80px}@media only screen and (min-width:48rem){.m-hero-avatar{height:100px;width:100px}}.m-hero-title{color:var(--titles-color);font-size:1.75rem;font-weight:700;letter-spacing:.4px;line-height:1.3;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-title{font-size:2.25rem;letter-spacing:.5px}}.m-hero-title.bigger{font-size:2rem;letter-spacing:.5px}@media only screen and (min-width:48rem){.m-hero-title.bigger{font-size:3.25rem;letter-spacing:.8px;margin-bottom:10px}}.m-hero-description{font-size:.938rem;letter-spacing:.2px;line-height:1.5;margin-bottom:20px}@media only screen and (min-width:48rem){.m-hero-description{font-size:1.125rem}}.m-hero-description.bigger{font-size:1.125rem;line-height:1.3;margin-bottom:25px}@media only screen and (min-width:48rem){.m-hero-description.bigger{font-size:1.375rem}}.m-hero-description.with-picture{color:#fff}.m-hero-social{list-style-type:none;margin:0 0 15px;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-social{margin-bottom:0;margin-right:7px}}.m-hero-social.with-picture{color:#fff}.m-hero-social li{display:inline-block;margin:0 11px}.m-hero-social li a{color:inherit;font-size:.938rem}.m-hero-social li a span{color:inherit}.rtl .m-hero-social{direction:ltr}.m-hero-stats{list-style-type:none;margin:0;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-stats{margin-left:7px}}.m-hero-stats.with-picture{color:#fff}.m-hero-stats li{color:inherit;display:inline-block;font-size:.813rem;letter-spacing:.2px;margin:0 4px}@media only screen and (min-width:48rem){.m-hero-stats li{font-size:1rem;letter-spacing:.3px}}.m-heading{margin:0 auto 40px;text-align:center}@media only screen and (min-width:48rem){.m-heading{margin-bottom:60px}.m-heading.in-subscribe-page{margin-bottom:50px}}.m-heading.no-margin{margin-bottom:0!important}.m-heading__title{color:var(--titles-color);font-size:1.75rem;letter-spacing:.4px;line-height:1.3;margin:0 0 10px}@media only screen and (min-width:48rem){.m-heading__title{font-size:2.25rem;letter-spacing:.5px;margin-bottom:15px}}.m-heading__title.in-post{font-size:2rem;letter-spacing:.5px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-heading__title.in-post{font-size:2.625rem;letter-spacing:.7px;margin-bottom:20px}}.m-heading__title.in-page{margin:0}.m-heading__description{font-size:.938rem;letter-spacing:.2px;line-height:1.3;margin:0 auto}@media only screen and (min-width:48rem){.m-heading__description{font-size:1.125rem}.m-heading__description.in-subscribe-page{font-size:1rem;max-width:420px}}.m-heading__description.in-newsletter-form{font-size:.875rem;max-width:80%}@media only screen and (min-width:48rem){.m-heading__description.in-newsletter-form{max-width:420px}}.m-heading__meta{align-items:center;display:flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.2px}@media only screen and (min-width:48rem){.m-heading__meta{font-size:1rem}}.m-heading__meta__tag,.m-heading__meta__time{color:var(--link-color)!important}.m-heading__meta__tag{text-decoration:none!important}.m-heading__meta__divider{color:var(--primary-border-color);display:inline-block;margin:0 10px}.m-article-card{background-color:var(--background-color);border:1px solid var(--secondary-border-color);border-radius:10px;display:flex;flex-direction:column;height:400px;margin-bottom:20px;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1);z-index:1}.m-article-card:hover{transform:translateY(-5px)}.m-article-card:hover:before{box-shadow:var(--article-shadow-hover),0 0 0 transparent}.m-article-card:hover .m-article-card__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}@media only screen and (min-width:48rem){.m-article-card{height:420px;margin-bottom:20px;margin-left:10px;margin-right:10px;width:calc(50% - 20px)}}@media only screen and (min-width:64rem){.m-article-card{margin-bottom:40px;margin-left:20px;margin-right:20px;width:calc(33.33333% - 40px)}}.m-article-card.no-picture .m-article-card__picture{height:85px!important}.m-article-card.no-picture .m-article-card__info{background-color:var(--secondary-subtle-color)}.m-article-card.no-picture .m-article-card__title{font-size:1.625rem;line-height:1.4}.m-article-card.as-author .m-article-card__picture{background-color:#000}.m-article-card.as-author .m-article-card__picture-link{z-index:2}.m-article-card.as-author .m-article-card__picture-background{opacity:.75}.m-article-card.as-author .m-article-card__info{padding:0}.m-article-card.as-author .m-article-card__info-link{padding:20px 20px 60px}.m-article-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)}.m-article-card__picture{background-color:var(--secondary-subtle-color);border-radius:10px 10px 0 0;height:200px;overflow:hidden;position:relative;transform:translateZ(0)}@media only screen and (min-width:48rem){.m-article-card__picture{height:220px}}.m-article-card__picture-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-article-card__picture-background{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.m-article-card__name{bottom:20px;color:#fff;font-size:1.25rem;font-weight:600;left:20px;letter-spacing:.4px;line-height:1.3;margin:0;position:absolute;right:20px;z-index:1}@media only screen and (min-width:48rem){.m-article-card__name{bottom:25px;left:25px}}.m-article-card__author{border-radius:50%;height:35px;left:20px;position:absolute;top:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:35px;z-index:2}@media only screen and (min-width:48rem){.m-article-card__author{left:25px;top:25px}}.m-article-card__author div{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:50%;height:100%;width:100%}.m-article-card__featured{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-article-card__featured{right:25px;top:31px}}.m-article-card__featured span{color:inherit;font-size:.75rem}.m-article-card__info{background-color:var(--background-color);border-radius:0 0 10px 10px;flex:1;height:200px;overflow:hidden;padding-top:48px;position:relative}@media only screen and (min-width:48rem){.m-article-card__info{padding-top:53px}}.m-article-card__info.no-tag{padding-top:0!important}.m-article-card__info.no-tag .m-article-card__info-link{padding-top:48px}@media only screen and (min-width:48rem){.m-article-card__info.no-tag .m-article-card__info-link{padding-top:53px}}.m-article-card__tag{color:var(--link-color);font-size:.875rem;font-weight:600;left:20px;letter-spacing:.2px;line-height:1.3;position:absolute;right:20px;top:20px}@media only screen and (min-width:48rem){.m-article-card__tag{left:25px;top:25px}}.m-article-card__info-link{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 20px 20px;width:100%}@media only screen and (min-width:48rem){.m-article-card__info-link{padding:0 25px 25px}}.m-article-card__title{color:var(--titles-color);font-size:1.25rem;font-weight:600;letter-spacing:.4px;line-height:1.3;margin:0}.m-article-card__excerpt{color:var(--titles-color);display:block;font-size:1rem;height:100%;letter-spacing:.3px;line-height:1.5;overflow:hidden;position:relative}.m-article-card__author-stats,.m-article-card__timestamp{align-items:center;color:var(--titles-color);display:flex;font-size:.875rem;letter-spacing:.2px}.m-article-card__author-stats span:nth-child(2),.m-article-card__timestamp span:nth-child(2){padding:0 10px}.m-article-card__author-stats{bottom:20px;justify-content:space-between;left:20px;position:absolute;right:20px}.m-article-card__author-stats span{padding:0!important}.m-article-card__social{align-items:center;display:flex;justify-content:flex-end;margin:0;padding:0}.m-article-card__social li{display:inline-block;margin-left:22px}.m-article-card__social li a{color:var(--primary-foreground-color);font-size:.938rem}.m-article-card__social li a span{color:inherit}.rtl .m-article-card__social{direction:ltr}.m-search{-webkit-overflow-scrolling:touch;background-color:var(--transparent-background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-search.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}.m-search__content{margin:0 auto;padding:80px 20px 40px}@media only screen and (min-width:48rem){.m-search__content{max-width:700px;padding-bottom:50px;padding-top:100px}}@media only screen and (min-width:80rem){.m-search__content{padding-left:0;padding-right:0}}@media only screen and (min-width:90rem){.m-search__content{max-width:800px}}.m-search__form{margin-bottom:30px}@media only screen and (min-width:48rem){.m-search__form{margin:0 auto 45px;max-width:500px}}.m-search-icon{color:#9b9b9b;font-size:1rem;font-weight:500;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-45%)}@media only screen and (min-width:48rem){.m-search-icon{font-size:1.25em;left:25px}}.m-result{border-bottom:1px solid var(--primary-border-color)}.m-result.last{border-bottom:0}.m-result__link{display:block;height:100%;padding:10px 0;width:100%}@media only screen and (min-width:48rem){.m-result__link{padding:15px 0}}.m-result__title{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;letter-spacing:.3px;line-height:1.4;margin:0 0 5px}@media only screen and (min-width:48rem){.m-result__title{font-size:1.25rem;letter-spacing:.4px;margin-bottom:10px}}@media only screen and (min-width:80rem){.m-result__title{font-size:1.375rem}}.m-result__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.2px}@media only screen and (min-width:48rem){.m-result__date{font-size:.938rem;letter-spacing:.3px}}.m-footer{background-color:var(--footer-background-color);flex-shrink:0}.m-footer__content{color:#fff;padding:50px 20px;text-align:center}@media only screen and (min-width:48rem){.m-footer__content{margin:0 auto;max-width:680px;padding:75px 0}}.m-footer__nav-secondary{margin-bottom:25px}.m-footer__nav-secondary .m-secondary-menu{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:48rem){.m-footer__nav-secondary .m-secondary-menu li{margin:0 5px}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.7;margin-bottom:20px}.m-footer-copyright span{display:block}@media only screen and (min-width:48rem){.m-footer-copyright span{display:inline}}.m-footer-copyright span:nth-child(2){display:none}@media only screen and (min-width:48rem){.m-footer-copyright span:nth-child(2){display:inline}}.m-footer-copyright a{text-decoration:underline}.m-footer-copyright.jslicense{margin-bottom:0;opacity:.7}.m-footer-social{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.m-footer-social a{color:#fff;display:inline-block;margin:0 15px}.m-footer-social a span{color:inherit;font-size:1rem}.rtl .m-footer-social{direction:ltr}@media only screen and (min-width:64rem){.columns{grid-gap:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.columns>:empty{display:contents}.columns>*>.kg-image-card:first-child,.columns>.kg-image-card:first-child{padding-top:0}}@media only screen and (min-width:48rem){.columns .kg-image-card img{margin:0!important;width:100%!important}}.columns>*>.kg-audio-card+h3,.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3,.columns>*>h3:first-child{margin-bottom:0}.columns>*>.kg-audio-card+h3~p,.columns>*>.kg-embed-card+h3~p,.columns>*>.kg-image-card+h3~p,.columns>*>h3:first-child~p{margin-bottom:1em}.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3{margin-top:-40px}.columns>*>.kg-embed-card+.kg-embed-card{margin-top:-50px}html:not([data-theme]){--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none}@media only screen and (min-width:48rem){.m-nav__left .m-secondary-menu{display:none}}@media only screen and (max-width:48rem){.m-nav__left .m-secondary-menu+.more{display:none}.m-nav__left .m-secondary-menu li{font-size:1.125rem}.m-nav__left .m-secondary-menu li a{padding:0}.m-nav__right{justify-content:flex-start}.m-nav__right .m-icon-button:first-child{margin-left:-6px}}.m-nav__right .m-icon-button:not([data-ghost-search]){display:flex;height:32px;width:32px}.m-nav__right .m-icon-button:not(:first-child){margin-left:4px}.kg-button-card a .paypal-btn{background-color:#fff;background-image:url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png);background-origin:content-box;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:5px;border-top-right-radius:5px;display:inline-block;height:42px;margin:-13px -26px -15px 13px;padding:11px 23px 11px 13px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:115.94px}.kg-button-card a:focus .paypal-btn{box-shadow:2px 0 0 2px #fff;margin-right:-24px;padding-right:21px;width:113.94px}.m-hero__picture img{filter:blur(2px)}.js-submenu-option{display:none}.js-main-nav-left::-webkit-scrollbar{display:none}.kg-audio-card,.m-header{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.kg-audio-card{box-shadow:inset 0 0 0 1px rgba(124,139,154,.25),0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;margin-bottom:20px!important;min-height:64px;position:relative}.kg-audio-title{margin:0!important;min-height:58px;padding:8px 12px 8px 56px!important}.kg-audio-title a{text-decoration:none!important}.kg-audio-player{padding-bottom:12px;padding-right:14px}.kg-audio-seek-slider{width:100%}.kg-audio-thumbnail{left:0;min-width:42px!important;position:absolute;top:0;width:42px!important}.kg-audio-thumbnail.placeholder{background:transparent!important}.kg-audio-thumbnail.placeholder:before,.kg-file-card-icon:before{background:currentColor;border-radius:5px;bottom:0;content:"";display:block;left:0;opacity:.06;position:absolute;right:0;top:0;transition:opacity .35s ease-in-out}.kg-audio-thumbnail.placeholder svg,.kg-file-card-icon svg{fill:currentColor!important;color:currentColor!important} +/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled],[disabled]{cursor:disabled}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}:root{--announcement-bar-height:0px;--show-fade-animation:1}[data-theme=light]{--background-color:#fff;--primary-foreground-color:#4a4a4a;--secondary-foreground-color:#000;--primary-subtle-color:#0470ee;--secondary-subtle-color:#f4f8fd;--titles-color:#333;--link-color:#1d3c85;--primary-border-color:#9b9b9b;--secondary-border-color:#f0f8ff;--article-shadow-normal:0 10px 10px rgba(0,0,0,.08);--article-shadow-hover:0 4px 60px 0 rgba(0,0,0,.2);--transparent-background-color:hsla(0,0%,100%,.99);--footer-background-color:#133467;--submenu-shadow-color-opacity:0.25;--button-shadow-color-normal:hsla(0,0%,42%,.2);--button-shadow-color-hover:hsla(0,0%,42%,.3);--table-background-color-odd:#fafafa;--table-head-border-bottom:#e2e2e2;--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none;--toggle-darkmode-background-color:rgba(0,0,0,.05);--header-menu-gradient-first-color:hsla(0,0%,100%,0);--header-menu-gradient-second-color:#fff;--kg-card-img-invert-color:0}[data-theme=dark]{--background-color:#111;--primary-foreground-color:#ccc;--secondary-foreground-color:#fff;--primary-subtle-color:#2c2fe6;--secondary-subtle-color:#141920;--titles-color:#b4b4b4;--link-color:#5bbaeb;--primary-border-color:#1d1d1d;--secondary-border-color:#0f0f0f;--article-shadow-normal:0 4px 5px 5px rgba(0,0,0,.1);--article-shadow-hover:0 4px 5px 10px rgba(0,0,0,.1);--transparent-background-color:rgba(0,0,0,.99);--footer-background-color:#080808;--submenu-shadow-color-opacity:0.55;--button-shadow-color-normal:hsla(0,0%,4%,.5);--button-shadow-color-hover:hsla(0,0%,4%,.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,.5);--header-menu-gradient-first-color:hsla(0,0%,7%,0);--header-menu-gradient-second-color:hsla(0,0%,7%,.65);--kg-card-img-invert-color:1}.hide{display:none}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.focusable:focus,.m-button:focus,.m-icon-button:focus,.m-toggle-darkmode input:focus{box-shadow:0 0 0 2px var(--primary-subtle-color)!important}.content-centered,.m-hero,.m-icon-button{align-items:center;display:flex;justify-content:center}.m-button,.m-icon-button,.m-input,.m-toggle-darkmode input,.no-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.no-padding{padding:0}.no-margin{margin:0}.no-scroll-y{overflow-y:hidden}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.pos-relative{position:relative}.pos-absolute{position:absolute}.bold{font-weight:700}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}.pointer{cursor:pointer}.only-desktop{display:none}@media only screen and (min-width:48rem){.only-desktop{display:block}}[class*=" icon-"],[class^=icon-]{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-moon:before{content:"\e90f"}.icon-sunny:before{content:"\e910"}.icon-chevron-down:before{content:"\e900"}.icon-star:before{content:"\e901"}.icon-arrow-left:before{content:"\e902"}.icon-arrow-right:before{content:"\e903"}.icon-arrow-top:before{content:"\e904"}.icon-close:before{content:"\e905"}.icon-comments:before{content:"\e906"}.icon-facebook:before{content:"\e907"}.icon-globe:before{content:"\e908"}.icon-menu:before{content:"\e909"}.icon-more:before{content:"\e90a"}.icon-search:before{content:"\e90b"}.icon-twitter:before{content:"\e90c"}.icon-imdb:before{content:"\e90d"}.icon-vk:before{content:"\e90e"}.icon-steam:before{content:"\e914"}.icon-twitch:before{content:"\e915"}.icon-youtube:before{content:"\e916"}.icon-vimeo:before{content:"\e917"}.icon-whatsapp:before{content:"\e918"}.icon-reddit:before{content:"\e919"}.icon-rss:before{content:"\e91a"}.icon-spotify:before{content:"\e91b"}.icon-telegram:before{content:"\e91c"}.icon-soundcloud:before{content:"\e91d"}.icon-flickr:before{content:"\e91e"}.icon-letterboxd:before{content:"\e91f"}.icon-odnoklassniki:before{content:"\e920"}.icon-pinterest:before{content:"\e921"}.icon-tiktok:before{content:"\e922"}.icon-tumblr:before{content:"\e923"}.icon-xing:before{content:"\e924"}.icon-mixcloud:before{content:"\e925"}.icon-mixer:before{content:"\e926"}.icon-wechat:before{content:"\e927"}.icon-deviantart:before{content:"\e928"}.icon-discord:before{content:"\e929"}.icon-instagram:before{content:"\e92a"}.icon-linkedin:before{content:"\e92b"}.icon-snapchat:before{content:"\e92c"}.icon-gitlab:before{content:"\e92d"}.icon-github:before{content:"\e930"}.icon-behance:before{content:"\e951"}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--primary-foreground-color);display:flex;flex-direction:column;font-display:swap;font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-size:1rem;min-height:100vh;overflow-x:hidden;padding-top:var(--announcement-bar-height);transition:padding-top .2s linear;width:100%}body.share-menu-displayed{padding-bottom:45px}@media only screen and (min-width:48rem){body.share-menu-displayed{padding-bottom:0}}.main-wrap{display:flex;flex-direction:column;flex-grow:1}p{line-height:1.5;margin:0}a{color:inherit;text-decoration:none}fieldset{border:0;margin:0;padding:0;position:relative}.tippy-popper *{text-align:left!important}.medium-zoom-overlay{background-color:var(--background-color)!important}.medium-zoom-image,.medium-zoom-overlay{z-index:5}[data-animate^=fade]{animation:fadeAnimation .5s linear forwards;opacity:calc((var(--show-fade-animation) - 1)*-1)}@keyframes fadeAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1)}to{opacity:1}}[data-animate=fade-up]{animation:fadeUpAnimation .5s cubic-bezier(.77,0,.18,1) .3s forwards}@keyframes fadeUpAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}[data-animate=fade-down]{animation:fadeDownAnimation .5s cubic-bezier(.77,0,.18,1) forwards}@keyframes fadeDownAnimation{0%{opacity:calc((var(--show-fade-animation) - 1)*-1);transform:translateY(calc(-100px*var(--show-fade-animation)))}to{opacity:1;transform:translateY(0)}}.l-wrapper{margin:0 auto;padding:0 20px;position:relative;width:100%}@media only screen and (min-width:48rem){.l-wrapper{max-width:1200px}}@media only screen and (min-width:80rem){.l-wrapper{padding:0}}.l-wrapper.in-submenu{padding:0}@media only screen and (min-width:48rem){.l-wrapper.in-submenu{padding:0 20px}}@media only screen and (min-width:80rem){.l-wrapper.in-submenu{padding:0}}@media only screen and (min-width:48rem){.l-wrapper.in-post{max-width:960px}}.l-wrapper.in-comments{color:var(--primary-foreground-color)}@media only screen and (min-width:48rem){.l-wrapper.in-comments{max-width:820px}}@media only screen and (min-width:64rem){.l-wrapper.in-recommended{max-width:calc(100% - 60px);padding:0}}@media only screen and (min-width:90rem){.l-wrapper.in-recommended{max-width:1200px}}.l-wrapper.in-post.no-image{padding-top:40px}@media only screen and (min-width:48rem){.l-wrapper.in-post.no-image{padding-top:80px}}.l-wrapper.in-caption{padding-top:10px}.l-content{padding:40px 0 20px}@media only screen and (min-width:48rem){.l-content{padding:60px 0 40px}}.m-button{background-color:transparent;border:0;border-radius:5px;color:#333;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1;outline:0;padding:13px 25px;position:relative;text-align:center;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-button.outlined{border:1px solid var(--primary-foreground-color);color:var(--titles-color)}.m-button.filled,.m-button.primary{box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent}.m-button.filled:hover,.m-button.primary:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;transform:translateY(-2px)}.m-button.filled{background-color:#fff;border-radius:5px}.m-button.block{display:block;width:100%}.m-button.primary{background-color:var(--primary-subtle-color);color:#fff}.m-button.loading{cursor:default;overflow:hidden}.m-button.loading:after{animation:loading 1s infinite;background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;width:25%}@keyframes loading{0%{transform:translatex(0)}50%{transform:translatex(300%)}to{transform:translatex(0)}}.m-icon-button{background-color:transparent;border:0;border-radius:50%;color:var(--titles-color);cursor:pointer;font-size:1.125rem;outline:0;padding:0}.m-icon-button.outlined{border:1px solid var(--primary-foreground-color)}.m-icon-button.filled{background-color:var(--background-color);box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(.02,.01,.47,1)}.m-icon-button.filled:hover{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.m-icon-button:disabled{cursor:default;opacity:.5}.m-icon-button.in-mobile-topbar{height:50px;width:50px}.m-icon-button.as-close-menu{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-menu{display:none!important}}.m-icon-button.as-close-search{font-size:.625rem;height:32px;position:absolute;right:20px;top:20px;width:32px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-close-search{font-size:.875rem;height:42px;right:30px;top:30px;width:42px}}@media only screen and (min-width:80rem){.m-icon-button.as-close-search{height:50px;right:40px;top:40px;width:50px}}.m-icon-button.in-menu-main{display:none}@media only screen and (min-width:48rem){.m-icon-button.in-menu-main{display:flex;height:32px;width:32px}}.m-icon-button.more{font-size:1.25rem;position:relative;z-index:6}.m-icon-button.more.active{color:var(--primary-subtle-color)}.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.625rem;height:40px;width:40px}@media only screen and (min-width:48rem){.m-icon-button.in-pagination-left,.m-icon-button.in-pagination-right{font-size:.688rem;height:46px;width:46px}}.m-icon-button.in-pagination-left{margin-right:30px}.m-icon-button.in-pagination-right{margin-left:30px}.m-icon-button.in-featured-articles{bottom:5px;color:#fff;font-size:.875rem;height:40px;position:absolute;width:40px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles{bottom:26px}}.m-icon-button.in-featured-articles.swiper-button-prev{right:56px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-prev{right:76px}}.m-icon-button.in-featured-articles.swiper-button-next{right:16px}@media only screen and (min-width:48rem){.m-icon-button.in-featured-articles.swiper-button-next{right:36px}}.m-icon-button.in-recommended-articles{font-size:.625rem;height:40px;position:absolute;top:240px;transform:translateY(-50%);width:40px;z-index:2}@media only screen and (min-width:64rem){.m-icon-button.in-recommended-articles{display:none}}.m-icon-button.in-recommended-articles.swiper-button-prev{left:2px}.m-icon-button.in-recommended-articles.swiper-button-next{right:2px}.m-icon-button.as-load-comments{font-size:1.25rem;height:60px;margin:0 auto;position:relative;width:60px;z-index:2}@media only screen and (min-width:48rem){.m-icon-button.as-load-comments{font-size:1.625rem;height:80px;width:80px}}.m-icon-button.in-share{color:var(--titles-color);font-size:.75rem;height:31px;margin:0 25px;text-decoration:none;width:31px}@media only screen and (min-width:64rem){.m-icon-button.in-share{font-size:.875rem;height:40px;margin:0 0 20px;width:40px}}@media only screen and (min-width:80rem){.m-icon-button.in-share{font-size:1rem;height:50px;width:50px}}.m-icon-button.progress{position:relative}.m-icon-button.progress svg{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.m-icon-button.progress svg circle{stroke:var(--primary-subtle-color);transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s}.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:16px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-prev{left:36px;right:auto}}.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:52px;right:auto}@media only screen and (min-width:48rem){.rtl .m-icon-button.in-featured-articles.swiper-button-next{left:72px;right:auto}}.rtl .m-icon-button.in-recommended-articles.swiper-button-prev{left:auto;right:2px;transform:rotate(180deg)}.rtl .m-icon-button.in-recommended-articles.swiper-button-next{left:2px;right:auto;transform:rotate(180deg)}.m-input{background-color:var(--background-color);border:1px solid var(--primary-border-color);border-radius:5px;color:var(--primary-foreground-color);font-size:1rem;letter-spacing:.2px;line-height:1.3;outline:0;padding:11px 15px;width:100%}.m-input:focus{border-color:var(--primary-subtle-color)}.m-input.in-search{font-weight:600;padding-left:40px}@media only screen and (min-width:48rem){.m-input.in-search{font-size:1.25rem;padding:15px 30px 15px 60px}}.m-input.in-subscribe-section{margin-bottom:15px}.m-section-title{color:var(--primary-foreground-color);font-size:1.25rem;font-weight:400;letter-spacing:.3px;line-height:1.3;margin:0 0 30px;text-align:center}@media only screen and (min-width:48rem){.m-section-title{font-size:1.5rem;margin-bottom:40px}}.m-section-title.in-recommended{margin-bottom:0!important}.m-small-text{color:var(--titles-color);font-size:.875rem}.m-small-text.in-subscribe-page{font-weight:600;padding-top:30px}.m-small-text.in-author-along-with{margin-bottom:20px}.m-small-text.in-author-along-with a{text-decoration:underline}.m-not-found{color:var(--primary-foreground-color);font-size:.875rem;font-weight:600;line-height:1.3}.m-not-found.in-recent-articles{margin-left:20px}@media only screen and (min-width:48rem){.m-not-found.in-recent-articles{margin-left:0}}.m-header{background-color:var(--background-color);left:0;position:fixed;top:0;transition:transform .4s cubic-bezier(.165,.84,.44,1);width:100%;will-change:transform;z-index:4}@media only screen and (min-width:48rem){.m-header{padding:15px 0}.m-header.with-announcement-bar{padding:0}.m-header.with-announcement-bar .m-menu{padding:15px 0}}.m-header.mobile-menu-opened{height:100%}@media only screen and (min-width:48rem){.m-header.mobile-menu-opened{height:auto}}.m-header.headroom--pinned{box-shadow:0 4px 8px rgba(0,0,0,.05),0 0 0 transparent;transform:translateY(0)}.m-header.headroom--pinned .m-header__shadow{display:none}.m-header.headroom--unpinned{transform:translateY(-100%)}.m-header.submenu-is-active{background-color:var(--background-color)}.m-header.submenu-is-active .m-header__shadow{display:none}.m-header.with-picture{background-color:var(--background-color)}.m-mobile-topbar{align-items:center;display:flex;height:50px;justify-content:space-between;position:relative;z-index:2}@media only screen and (min-width:48rem){.m-mobile-topbar{display:none!important}}.m-logo{display:inline-block;height:32px}.m-logo img{height:100%;max-width:150px;-o-object-fit:contain;object-fit:contain;width:auto}.m-logo img.m-logo__image-light{display:var(--toggle-darkmode-button-display-moon)}.m-logo img.m-logo__image-dark{display:var(--toggle-darkmode-button-display-sun)}.m-logo.in-mobile-topbar{margin:0 20px}.m-site-name.in-mobile-topbar{color:var(--titles-color);font-weight:600}.m-site-name.in-desktop-menu{font-weight:700}@media only screen and (min-width:48rem){.m-nav{align-items:center;display:flex;height:37px;justify-content:space-between;overflow-y:hidden}}@media only screen and (min-width:90rem){.m-nav{margin:0 -5px}}@media only screen and (min-width:48rem){.m-nav.toggle-overflow{overflow-y:initial}}.m-nav__left{margin-bottom:30px}@media only screen and (min-width:48rem){.m-nav__left{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1 auto;margin-bottom:0;overflow-x:auto;overflow-y:hidden;padding-bottom:40px;padding-left:5px;padding-top:40px;white-space:nowrap}.m-nav__left.toggle-overflow{overflow-x:hidden}}.m-nav__left ul:not(.m-secondary-menu){margin:0;padding:0}@media only screen and (min-width:48rem){.m-nav__left ul:not(.m-secondary-menu){align-items:center;display:flex}}.m-nav__left li{color:var(--titles-color);font-size:1.125rem;letter-spacing:.3px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-nav__left li{margin-bottom:0;margin-right:35px;position:relative}}.m-nav__left li:last-of-type{margin-bottom:0}.m-nav__left li.nav-current{font-weight:600}.m-nav__left li a{color:inherit}.m-nav__left li.more a{align-items:center;display:inline-flex}@media only screen and (min-width:48rem){.m-nav__left li.more a{display:flex}}.m-nav__left li.more a span{color:inherit;display:inline-block;font-size:1rem;margin-left:8px;transform:translateY(1px)}@media only screen and (min-width:48rem){.m-nav__left li.submenu-option{z-index:2}}.m-nav__right{align-items:center;display:flex;justify-content:flex-end}@media only screen and (min-width:48rem){.m-nav__right{flex-shrink:0;padding-left:20px;padding-right:5px;position:relative}.m-nav__right:before{background:linear-gradient(90deg,var(--header-menu-gradient-first-color) 0,var(--header-menu-gradient-second-color));content:"";height:100%;left:-20px;pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.rtl .m-nav__left{padding-left:0;padding-right:5px}.rtl .m-nav__left li{margin-left:35px;margin-right:0}.rtl .m-nav__right{padding-left:5px;padding-right:20px}.rtl .m-nav__right:before{left:auto;right:-20px;transform:rotate(180deg)}}.m-menu{-webkit-overflow-scrolling:touch;background-color:var(--background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-menu.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}@media only screen and (min-width:48rem){.m-menu{background-color:transparent;height:auto;left:auto;opacity:1!important;overflow:initial;position:relative;top:auto;transform:translateZ(0)!important;visibility:visible!important}}.m-menu__main{min-height:100%;padding:50px 0 5px}@media only screen and (min-width:48rem){.m-menu__main{min-height:0;padding:0}}.rtl .m-menu__main{padding-top:75px}@media only screen and (min-width:48rem){.rtl .m-menu__main{padding:0}}.m-secondary-menu{list-style-type:none;margin:0;padding:0}.m-secondary-menu li{font-size:1rem}@media only screen and (min-width:48rem){.m-secondary-menu li{margin-left:0;margin-right:0}}.m-secondary-menu li.nav-current a{font-weight:600}.m-secondary-menu li a{border-radius:4px;display:block;padding:6px 10px;transition:background-color .1s linear}@media only screen and (min-width:48rem){.m-secondary-menu li a{padding:8px 10px}}.m-secondary-menu li a:hover{background-color:rgba(0,0,0,.1)}.rtl .m-secondary-menu .li,.rtl .m-secondary-menu .li a{text-align:right!important}.m-submenu{padding-top:25px}@media only screen and (min-width:48rem){.m-submenu{background-color:var(--background-color);border-top:1px solid var(--secondary-border-color);box-shadow:0 60px 60px rgba(0,0,0,var(--submenu-shadow-color-opacity)),0 0 0 transparent;left:0;padding:30px 0 20px;position:fixed;top:67px;visibility:hidden;white-space:normal;width:100%;z-index:5}}@media only screen and (min-width:80rem){.m-submenu{padding:32px 0 23px}}@media only screen and (min-width:48rem){.m-submenu.opened{animation:openSubmenuAnimation .3s both;backface-visibility:visible!important;visibility:visible}@keyframes openSubmenuAnimation{0%{opacity:0;transform:translate3d(0,-5%,0)}to{opacity:1;transform:translateZ(0)}}}@media only screen and (min-width:48rem){.m-submenu.closed{animation:closeSubmenuAnimation .3s both;backface-visibility:visible!important}@keyframes closeSubmenuAnimation{0%{opacity:1;transform:translateZ(0);visibility:visible}to{opacity:0;transform:translate3d(0,-2.5%,0);visibility:hidden}}}@media only screen and (min-width:48rem){:root .m-submenu,_:-ms-fullscreen{top:65px}}.m-submenu-title{font-size:1.125rem;font-weight:400;letter-spacing:.3px;line-height:1.3;margin:0 0 25px}.m-submenu-title.in-recent-articles{padding:0 20px}@media only screen and (min-width:48rem){.m-submenu-title.in-recent-articles{padding:0}}.rtl .m-submenu-title{direction:rtl}.m-recent-articles{margin:0 -20px 40px;overflow:hidden}@media only screen and (min-width:48rem){.m-recent-articles{margin:0 0 40px}}.m-recent-articles ul{cursor:grab}.m-recent-articles .swiper-slide{width:auto}.m-recent-article{display:block;margin:0 20px;width:230px}@media only screen and (min-width:48rem){.m-recent-article{margin:0 60px 0 0}}.m-recent-article:hover .m-recent-article__picture img{transform:scale(1.1)}@media only screen and (min-width:48rem){.rtl .m-recent-article{margin:0 0 0 60px}}.m-recent-article__picture{background-color:var(--secondary-subtle-color);border-radius:5px;height:130px;margin-bottom:15px;overflow:hidden;position:relative;transform:translateZ(0)}.m-recent-article__picture.no-picture img{height:64px;left:50%;margin:-32px 0 0 -32px;position:absolute;top:50%;width:64px}.m-recent-article__picture img{backface-visibility:visible!important;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.165,.84,.44,1);width:100%}.m-recent-article__title{color:var(--titles-color);font-size:1rem;font-weight:400;letter-spacing:.2px;line-height:1.438rem;margin:0 0 10px}@media only screen and (min-width:48rem){.m-recent-article__title{font-size:1.125rem;letter-spacing:.25px}}.m-recent-article__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.15px}.m-tags.in-post{padding-top:25px}.m-tags.in-post ul{list-style-type:none;padding:0}.m-tags.in-post a{text-decoration:none}.m-tags ul{display:flex;flex-wrap:wrap}.m-tags li{font-size:.875rem;font-weight:600;letter-spacing:.2px;margin-bottom:10px!important;margin-right:30px}.m-tags li:last-of-type{margin-right:0}.m-tags li a{color:var(--link-color)!important}.m-toggle-darkmode{border-radius:50%;bottom:45px;height:28px;overflow:hidden;position:fixed;right:20px;width:28px;z-index:2}@media only screen and (min-width:48rem){.m-toggle-darkmode{bottom:auto;margin-left:20px;position:relative;right:auto;z-index:auto}}.m-toggle-darkmode input{border:0;cursor:pointer;height:100%;left:0;opacity:0;outline:0;position:absolute;top:0;width:100%;z-index:2}.m-toggle-darkmode input::-moz-focus-inner{border:0}.m-toggle-darkmode div{align-items:center;background-color:var(--toggle-darkmode-background-color);border-radius:50%;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.m-toggle-darkmode span{color:var(--titles-color);font-size:.9375rem}.m-toggle-darkmode span.moon{display:var(--toggle-darkmode-button-display-moon)}.m-toggle-darkmode span.sun{display:var(--toggle-darkmode-button-display-sun)}:root .m-toggle-darkmode,_:-ms-fullscreen{display:none}div.gh-announcement-bar{font-size:1rem;line-height:1.3;min-height:auto;padding:16px 48px;z-index:auto}@media only screen and (min-width:48rem){div.gh-announcement-bar{font-size:1.125rem}}.m-hero{background-color:var(--secondary-subtle-color);flex-direction:column;min-height:365px;overflow:hidden;padding:100px 0 75px;position:relative}@media only screen and (min-width:48rem){.m-hero{min-height:400px;padding:150px 0 75px}}.m-hero.with-picture{background-color:#000;color:#fff}@media only screen and (min-width:48rem){.m-hero.with-picture{min-height:450px}}@media only screen and (min-width:80rem){.m-hero.with-picture{min-height:565px}}.m-hero.with-picture .m-hero-title{color:#fff}.m-hero.no-picture.in-post{display:none}.m-hero__picture{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:1}.m-hero__picture.in-post{opacity:1}.m-hero__picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m-hero__content{padding:0 20px;position:relative;text-align:center;z-index:2}@media only screen and (min-width:48rem){.m-hero__content{max-width:700px}}@media only screen and (min-width:80rem){.m-hero__content{padding:0}}.m-hero__meta{margin:0 auto}@media only screen and (min-width:48rem){.m-hero__meta{align-items:center;display:flex;justify-content:center}}.rtl .m-hero__meta{direction:ltr}.m-hero-avatar{background-color:#5c697c;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 transparent;height:80px;margin:0 auto 25px;width:80px}@media only screen and (min-width:48rem){.m-hero-avatar{height:100px;width:100px}}.m-hero-title{color:var(--titles-color);font-size:1.75rem;font-weight:700;letter-spacing:.4px;line-height:1.3;margin:0 0 15px}@media only screen and (min-width:48rem){.m-hero-title{font-size:2.25rem;letter-spacing:.5px}}.m-hero-title.bigger{font-size:2rem;letter-spacing:.5px}@media only screen and (min-width:48rem){.m-hero-title.bigger{font-size:3.25rem;letter-spacing:.8px;margin-bottom:10px}}.m-hero-description{font-size:.938rem;letter-spacing:.2px;line-height:1.5;margin-bottom:20px}@media only screen and (min-width:48rem){.m-hero-description{font-size:1.125rem}}.m-hero-description.bigger{font-size:1.125rem;line-height:1.3;margin-bottom:25px}@media only screen and (min-width:48rem){.m-hero-description.bigger{font-size:1.375rem}}.m-hero-description.with-picture{color:#fff}.m-hero-social{list-style-type:none;margin:0 0 15px;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-social{margin-bottom:0;margin-right:7px}}.m-hero-social.with-picture{color:#fff}.m-hero-social li{display:inline-block;margin:0 11px}.m-hero-social li a{color:inherit;font-size:.938rem}.m-hero-social li a span{color:inherit}.rtl .m-hero-social{direction:ltr}.m-hero-stats{list-style-type:none;margin:0;padding:0;text-align:center}@media only screen and (min-width:48rem){.m-hero-stats{margin-left:7px}}.m-hero-stats.with-picture{color:#fff}.m-hero-stats li{color:inherit;display:inline-block;font-size:.813rem;letter-spacing:.2px;margin:0 4px}@media only screen and (min-width:48rem){.m-hero-stats li{font-size:1rem;letter-spacing:.3px}}.m-heading{margin:0 auto 40px;text-align:center}@media only screen and (min-width:48rem){.m-heading{margin-bottom:60px}.m-heading.in-subscribe-page{margin-bottom:50px}}.m-heading.no-margin{margin-bottom:0!important}.m-heading__title{color:var(--titles-color);font-size:1.75rem;letter-spacing:.4px;line-height:1.3;margin:0 0 10px}@media only screen and (min-width:48rem){.m-heading__title{font-size:2.25rem;letter-spacing:.5px;margin-bottom:15px}}.m-heading__title.in-post{font-size:2rem;letter-spacing:.5px;margin-bottom:15px}@media only screen and (min-width:48rem){.m-heading__title.in-post{font-size:2.625rem;letter-spacing:.7px;margin-bottom:20px}}.m-heading__title.in-page{margin:0}.m-heading__description{font-size:.938rem;letter-spacing:.2px;line-height:1.3;margin:0 auto}@media only screen and (min-width:48rem){.m-heading__description{font-size:1.125rem}.m-heading__description.in-subscribe-page{font-size:1rem;max-width:420px}}.m-heading__description.in-newsletter-form{font-size:.875rem;max-width:80%}@media only screen and (min-width:48rem){.m-heading__description.in-newsletter-form{max-width:420px}}.m-heading__meta{align-items:center;display:flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.2px}@media only screen and (min-width:48rem){.m-heading__meta{font-size:1rem}}.m-heading__meta__tag,.m-heading__meta__time{color:var(--link-color)!important}.m-heading__meta__tag{text-decoration:none!important}.m-heading__meta__divider{color:var(--primary-border-color);display:inline-block;margin:0 10px}.m-article-card{background-color:var(--background-color);border:1px solid var(--secondary-border-color);border-radius:10px;display:flex;flex-direction:column;height:400px;margin-bottom:20px;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1);z-index:1}.m-article-card:hover{transform:translateY(-5px)}.m-article-card:hover:before{box-shadow:var(--article-shadow-hover),0 0 0 transparent}.m-article-card:hover .m-article-card__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}@media only screen and (min-width:48rem){.m-article-card{height:420px;margin-bottom:20px;margin-left:10px;margin-right:10px;width:calc(50% - 20px)}}@media only screen and (min-width:64rem){.m-article-card{margin-bottom:40px;margin-left:20px;margin-right:20px;width:calc(33.33333% - 40px)}}.m-article-card.no-picture .m-article-card__picture{height:85px!important}.m-article-card.no-picture .m-article-card__info{background-color:var(--secondary-subtle-color)}.m-article-card.no-picture .m-article-card__title{font-size:1.625rem;line-height:1.4}.m-article-card.as-author .m-article-card__picture{background-color:#000}.m-article-card.as-author .m-article-card__picture-link{z-index:2}.m-article-card.as-author .m-article-card__picture-background{opacity:.75}.m-article-card.as-author .m-article-card__info{padding:0}.m-article-card.as-author .m-article-card__info-link{padding:20px 20px 60px}.m-article-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)}.m-article-card__picture{background-color:var(--secondary-subtle-color);border-radius:10px 10px 0 0;height:200px;overflow:hidden;position:relative;transform:translateZ(0)}@media only screen and (min-width:48rem){.m-article-card__picture{height:220px}}.m-article-card__picture-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-article-card__picture-background{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.m-article-card__name{bottom:20px;color:#fff;font-size:1.25rem;font-weight:600;left:20px;letter-spacing:.4px;line-height:1.3;margin:0;position:absolute;right:20px;z-index:1}@media only screen and (min-width:48rem){.m-article-card__name{bottom:25px;left:25px}}.m-article-card__author{border-radius:50%;height:35px;left:20px;position:absolute;top:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:35px;z-index:2}@media only screen and (min-width:48rem){.m-article-card__author{left:25px;top:25px}}.m-article-card__author div{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:50%;height:100%;width:100%}.m-article-card__featured{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-article-card__featured{right:25px;top:31px}}.m-article-card__featured span{color:inherit;font-size:.75rem}.m-article-card__info{background-color:var(--background-color);border-radius:0 0 10px 10px;flex:1;height:200px;overflow:hidden;padding-top:48px;position:relative}@media only screen and (min-width:48rem){.m-article-card__info{padding-top:53px}}.m-article-card__info.no-tag{padding-top:0!important}.m-article-card__info.no-tag .m-article-card__info-link{padding-top:48px}@media only screen and (min-width:48rem){.m-article-card__info.no-tag .m-article-card__info-link{padding-top:53px}}.m-article-card__tag{color:var(--link-color);font-size:.875rem;font-weight:600;left:20px;letter-spacing:.2px;line-height:1.3;position:absolute;right:20px;top:20px}@media only screen and (min-width:48rem){.m-article-card__tag{left:25px;top:25px}}.m-article-card__info-link{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 20px 20px;width:100%}@media only screen and (min-width:48rem){.m-article-card__info-link{padding:0 25px 25px}}.m-article-card__title{color:var(--titles-color);font-size:1.25rem;font-weight:600;letter-spacing:.4px;line-height:1.3;margin:0}.m-article-card__excerpt{color:var(--titles-color);display:block;font-size:1rem;height:100%;letter-spacing:.3px;line-height:1.5;overflow:hidden;position:relative}.m-article-card__author-stats,.m-article-card__timestamp{align-items:center;color:var(--titles-color);display:flex;font-size:.875rem;letter-spacing:.2px}.m-article-card__author-stats span:nth-child(2),.m-article-card__timestamp span:nth-child(2){padding:0 10px}.m-article-card__author-stats{bottom:20px;justify-content:space-between;left:20px;position:absolute;right:20px}.m-article-card__author-stats span{padding:0!important}.m-article-card__social{align-items:center;display:flex;justify-content:flex-end;margin:0;padding:0}.m-article-card__social li{display:inline-block;margin-left:22px}.m-article-card__social li a{color:var(--primary-foreground-color);font-size:.938rem}.m-article-card__social li a span{color:inherit}.rtl .m-article-card__social{direction:ltr}.m-search{-webkit-overflow-scrolling:touch;background-color:var(--transparent-background-color);height:100%;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transform:scale(1.2);transition:all .4s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:2}.m-search.opened{opacity:1;transform:scale(1);visibility:visible;z-index:10}.m-search__content{margin:0 auto;padding:80px 20px 40px}@media only screen and (min-width:48rem){.m-search__content{max-width:700px;padding-bottom:50px;padding-top:100px}}@media only screen and (min-width:80rem){.m-search__content{padding-left:0;padding-right:0}}@media only screen and (min-width:90rem){.m-search__content{max-width:800px}}.m-search__form{margin-bottom:30px}@media only screen and (min-width:48rem){.m-search__form{margin:0 auto 45px;max-width:500px}}.m-search-icon{color:#9b9b9b;font-size:1rem;font-weight:500;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-45%)}@media only screen and (min-width:48rem){.m-search-icon{font-size:1.25em;left:25px}}.m-result{border-bottom:1px solid var(--primary-border-color)}.m-result.last{border-bottom:0}.m-result__link{display:block;height:100%;padding:10px 0;width:100%}@media only screen and (min-width:48rem){.m-result__link{padding:15px 0}}.m-result__title{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;letter-spacing:.3px;line-height:1.4;margin:0 0 5px}@media only screen and (min-width:48rem){.m-result__title{font-size:1.25rem;letter-spacing:.4px;margin-bottom:10px}}@media only screen and (min-width:80rem){.m-result__title{font-size:1.375rem}}.m-result__date{color:var(--titles-color);font-size:.813rem;letter-spacing:.2px}@media only screen and (min-width:48rem){.m-result__date{font-size:.938rem;letter-spacing:.3px}}.m-footer{background-color:var(--footer-background-color);flex-shrink:0}.m-footer__content{color:#fff;padding:50px 20px;text-align:center}@media only screen and (min-width:48rem){.m-footer__content{margin:0 auto;max-width:680px;padding:75px 0}}.m-footer__nav-secondary{margin-bottom:25px}.m-footer__nav-secondary .m-secondary-menu{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:48rem){.m-footer__nav-secondary .m-secondary-menu li{margin:0 5px}}.m-footer-copyright{font-size:.875rem;letter-spacing:.3px;line-height:1.7;margin-bottom:20px}.m-footer-copyright span{display:block}@media only screen and (min-width:48rem){.m-footer-copyright span{display:inline}}.m-footer-copyright span:nth-child(2){display:none}@media only screen and (min-width:48rem){.m-footer-copyright span:nth-child(2){display:inline}}.m-footer-copyright a{text-decoration:underline}.m-footer-copyright.jslicense{margin-bottom:0;opacity:.7}.m-footer-social{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.m-footer-social a{color:#fff;display:inline-block;margin:0 15px}.m-footer-social a span{color:inherit;font-size:1rem}.rtl .m-footer-social{direction:ltr}@media only screen and (min-width:64rem){.columns{grid-gap:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.columns>:empty{display:contents}.columns>.kg-image-card:first-child{padding-top:0}.columns>.kg-image-card:first-child+*>p:first-child,.columns>.kg-image-card:first-child+p{margin-top:-8px}}@media only screen and (min-width:48rem){.columns .kg-image-card img{margin:0!important;width:100%!important}}.columns>*>.kg-audio-card+h3,.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3,.columns>*>h3:first-child{margin-bottom:0}.columns>*>.kg-audio-card+h3~p,.columns>*>.kg-embed-card+h3~p,.columns>*>.kg-image-card+h3~p,.columns>*>h3:first-child~p{margin-bottom:1em}.columns>*>.kg-embed-card+h3,.columns>*>.kg-image-card+h3{margin-top:-40px}.columns>*>.kg-embed-card+.kg-embed-card{margin-top:-50px}html:not([data-theme]){--toggle-darkmode-button-display-moon:block;--toggle-darkmode-button-display-sun:none}@media only screen and (min-width:48rem){.m-nav__left .m-secondary-menu{display:none}}@media only screen and (max-width:48rem){.m-nav__left .m-secondary-menu+.more{display:none}.m-nav__left .m-secondary-menu li{font-size:1.125rem}.m-nav__left .m-secondary-menu li a{padding:0}.m-nav__right{justify-content:flex-start}.m-nav__right .m-icon-button:first-child{margin-left:-6px}}.m-hero__waves{bottom:-2px;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.m-hero__waves svg{display:block;height:100px;position:relative;transform:rotateY(180deg);width:calc(100% + 1.3px)}.m-hero__waves path{fill:var(--background-color)}@media only screen and (min-width:48rem){.with-wave-separator .m-hero.with-picture{height:500px}.with-wave-separator .m-hero__content{margin-bottom:80px}.with-wave-separator.with-custom-cta .m-hero__content{margin-bottom:100px}}@media only screen and (max-width:48rem){.m-hero__waves{width:200%}.m-hero__waves svg{height:50px}.with-wave-separator.with-custom-cta .m-hero__content{margin-bottom:25px}}.l-post-content{min-height:auto!important}.m-article-card,.m-article-card__info,.m-featured-slider.swiper{height:auto!important}.m-article-card__info .m-article-card__info-link{padding-top:25px!important}@media only screen and (min-width:48rem){.l-grid>:nth-child(3n of .m-article-card):last-child{width:calc(66.66666% - 40px)}.l-grid>:nth-child(3n-1 of .m-article-card):last-child{width:100%}.l-post-content+.l-grid.centered{margin:0 calc(50% - 430px)}}@media only screen and (min-width:35.5rem) and (max-width:48rem){.l-grid>:nth-child(2n+1 of .m-article-card):last-child{width:100%}}@media only screen and (max-width:48rem){.l-post-content+.l-grid.centered{margin-top:40px}}.m-article-card__featured,.m-featured-article__ribbon{border-radius:15px!important;font-size:.875rem;font-weight:600;height:22px!important;padding:0 7px;right:25px!important;top:31px!important;width:auto!important}.m-article-card__featured span,.m-featured-article__ribbon span{color:var(--primary-subtle-color);display:block!important;margin:0 4px}.m-nav__right .m-icon-button:not([data-ghost-search]){display:flex;height:32px;width:32px}.m-nav__right .m-icon-button:not(:first-child){margin-left:4px}.kg-button-card a .paypal-btn{background-color:#fff;background-image:url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png);background-origin:content-box;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:5px;border-top-right-radius:5px;display:inline-block;height:42px;margin:-13px -26px -15px 13px;padding:11px 23px 11px 13px;transition:all .25s cubic-bezier(.02,.01,.47,1);width:115.94px}.kg-button-card a:focus .paypal-btn{box-shadow:2px 0 0 2px #fff;margin-right:-24px;padding-right:21px;width:113.94px}.m-hero__picture img{filter:blur(2px)}.js-submenu-option{display:none}.js-main-nav-left::-webkit-scrollbar{display:none}.kg-audio-card,.m-header{box-shadow:0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent}.kg-audio-card{box-shadow:inset 0 0 0 1px rgba(124,139,154,.25),0 4px 8px var(--button-shadow-color-hover),0 0 0 transparent;margin-bottom:20px!important;min-height:64px;position:relative}.kg-audio-title{margin:0!important;min-height:58px;padding:8px 12px 8px 56px!important}.kg-audio-title a{text-decoration:none!important}.kg-audio-player{padding-bottom:12px;padding-right:14px}.kg-audio-seek-slider{width:100%}.kg-audio-thumbnail{left:0;min-width:42px!important;position:absolute;top:0;width:42px!important}.kg-audio-thumbnail.placeholder{background:transparent!important}.kg-audio-thumbnail.placeholder:before,.kg-file-card-icon:before{background:currentColor;border-radius:5px;bottom:0;content:"";display:block;left:0;opacity:.06;position:absolute;right:0;top:0;transition:opacity .35s ease-in-out}.kg-audio-thumbnail.placeholder svg,.kg-file-card-icon svg{fill:currentColor!important;color:currentColor!important} diff --git a/assets/js/app.js b/assets/js/app.js index 280a858..1009cd4 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1 +1 @@ -"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[773],{480:(t,e,n)=>{var r=n(755),o=n.n(r),i=n(631),a=n.n(i),c=n(488),l=(n(418),n(433)),s=n(414),u=n(360),h=n.n(u),f=n(911),d=(n(350),n(769));function m(t){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(t)}function p(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */p=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,r=Object.defineProperty||function(t,e,n){t[e]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function l(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,n){return t[e]=n}}function s(t,e,n,o){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),c=new S(o||[]);return r(a,"_invoke",{value:k(t,n,c)}),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var h={};function f(){}function d(){}function v(){}var g={};l(g,i,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(_([])));b&&b!==e&&n.call(b,i)&&(g=b);var w=v.prototype=f.prototype=Object.create(g);function j(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function o(r,i,a,c){var l=u(t[r],t,i);if("throw"!==l.type){var s=l.arg,h=s.value;return h&&"object"==m(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){o("next",t,a,c)}),(function(t){o("throw",t,a,c)})):e.resolve(h).then((function(t){s.value=t,a(s)}),(function(t){return o("throw",t,a,c)}))}c(l.arg)}var i;r(this,"_invoke",{value:function(t,n){function r(){return new e((function(e,r){o(t,n,e,r)}))}return i=i?i.then(r,r):r()}})}function k(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return O()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=L(a,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=u(t,e,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===h)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}function L(t,e){var n=e.method,r=t.iterator[n];if(void 0===r)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,L(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),h;var o=u(r,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,h;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,h):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function _(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,o=function e(){for(;++r=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),E(n),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:_(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),h}},t}function v(t){return function(t){if(Array.isArray(t))return g(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return g(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n div > iframe")[0],N=localStorage.getItem("theme"),I=null,Z=!1,G=null,M=function(){e.removeClass("submenu-is-active"),m.removeClass("active"),b.removeClass("opened").addClass("closed")},q=function(){t.toggleClass("no-scroll-y")},F=function(){var t,e=(t=p().mark((function t(e,n){var r,o,i;return p().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return r=new s.Z({url:e,key:n,version:"v5.0"}),t.prev=2,t.next=5,r.posts.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 5:return o=t.sent,t.next=8,r.pages.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 8:i=t.sent,I=[].concat(v(i),v(o)),t.next=15;break;case 12:t.prev=12,t.t0=t.catch(2),console.log(t.t0);case 15:case"end":return t.stop()}}),t,null,[[2,12]])})),function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(t){y(i,r,o,a,c,"next",t)}function c(t){y(i,r,o,a,c,"throw",t)}a(void 0)}))});return function(t,n){return e.apply(this,arguments)}}(),H=function(t){(0,d.tq)()||(t?(O.addClass("toggle-overflow"),P.addClass("toggle-overflow")):(O.removeClass("toggle-overflow"),P.removeClass("toggle-overflow")))};(r.on("click",(function(){e.addClass("mobile-menu-opened"),u.addClass("opened"),q()})),i.on("click",(function(){e.removeClass("mobile-menu-opened"),u.removeClass("opened"),q()})),m.on("click",(function(){(Z=!Z)?(e.addClass("submenu-is-active"),m.addClass("active"),b.removeClass("closed").addClass("opened")):M()})),x.on("click",(function(){L.addClass("opened"),setTimeout((function(){C.trigger("focus")}),400),q()})),k.on("click",(function(){C.trigger("blur"),L.removeClass("opened"),q()})),C.on("keyup",(function(){if(C.val().length>0&&I){var t=h().go(C.val(),I,{keys:["title","plaintext"],limit:4}),e="";if(t.length>0){for(var n=0,r=t.length;n")-48;u>0&&(l="..."+l.slice(u)),l.length>c&&(l=l.slice(0,c),s=!0)}else l=t[n].obj.plaintext.slice(0,c),t[n].obj.plaintext.length>c&&(l=l.split(" ").slice(0,-1).join(" "),s=!0);(null===(o=l.match(//g))||void 0===o?void 0:o.length)>(null===(i=l.match(/<\/b>/g))||void 0===i?void 0:i.length)&&(l+=""),s&&(l+="..."),e+='\n ")}S.hide(),E.html(e),E.show()}else E.html(""),E.hide(),S.show()}else E.html(""),E.hide(),S.hide()})),_.on("change",(function(){_.is(":checked")?(o()("html").attr("data-theme","dark"),localStorage.setItem("theme","dark")):(o()("html").attr("data-theme","light"),localStorage.setItem("theme","light")),T&&T.contentDocument.location.reload(!0)})),_.on("mouseenter",(function(){H(!0)})),_.on("mouseleave",(function(){H(!1)})),o()(window).on("click",(function(t){Z&&g&&!g.contains(t.target)&&(Z=!1,M())})),o()(document).on("keyup",(function(t){"Escape"===t.key&&L.hasClass("opened")&&k.trigger("click")})),N&&"dark"===N&&_.each((function(){o()(this).attr("checked",!0)})),e.length>0)&&new(a())(e[0],{tolerance:{down:10,up:20},offset:15,onUnpin:function(){if(!(0,d.tq)()&&G){var t=G[0];t&&t.state.isVisible&&t.hide()}}}).init();if(n.length>0){e.addClass("with-announcement-bar"),setTimeout((function(){e.removeAttr("data-animate")}),500);var z=new MutationObserver((function(t){if(t[0].addedNodes.length){n.detach().prependTo(e);var r=n.height();document.documentElement.style.setProperty("--announcement-bar-height","".concat(r,"px"))}t[0].removedNodes.length&&document.documentElement.style.setProperty("--announcement-bar-height","0px")})),R=new ResizeObserver((function(t){t.forEach((function(t){var e=t.contentRect.height;document.documentElement.style.setProperty("--announcement-bar-height","".concat(e,"px"))}))}));z.observe(n[0],{childList:!0}),R.observe(n[0])}else setTimeout((function(){e.removeAttr("data-animate")}),500);if(w.length>0)new f.ZP(".js-recent-slider",{modules:[f.Rv,f.s5],freeMode:!0,slidesPerView:"auto",a11y:!0,on:{init:function(){(0,l.Z)(".js-recent-article-title",50)}}});if(j.length>0){var K=document.getElementById("secondary-navigation-template");G=(0,c.ZP)(".js-open-secondary-menu",{appendTo:document.body,content:K.innerHTML,allowHTML:!0,arrow:!0,trigger:"click",interactive:!0,onShow:function(){H(!0)},onHidden:function(){H(!1)}})}(0,c.ZP)(".js-tooltip",{allowHTML:!0}),(0,l.Z)(".js-article-card-title",100),(0,l.Z)(".js-article-card-title-no-image",250),"undefined"!=typeof disableNewsletter&&disableNewsletter&&A.remove(),"undefined"!=typeof ghostSearchApiKey&&"undefined"==typeof nativeSearchEnabled?F(ghostHost,ghostSearchApiKey):(x.css("visibility","hidden"),k.remove(),L.remove())}))},769:(t,e,n)=>{n.d(e,{dZ:()=>r,e:()=>i,eS:()=>a,ej:()=>c,tq:()=>o});var r=function(){var t=document.querySelector("html");return["ar","he","fa"].includes(t.getAttribute("lang"))},o=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(t,")")).matches},i=function(){for(var t=document.querySelectorAll(".kg-gallery-image img"),e=0,n=t.length;e1&&e.last().hide()}),10)}))}}},t=>{t.O(0,[898],(()=>{return e=480,t(t.s=e);var e}));t.O()}]); \ No newline at end of file +"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[773],{480:(t,e,n)=>{var r=n(755),o=n.n(r),i=n(631),a=n.n(i),c=n(488),l=(n(418),n(433)),s=n(414),u=n(360),h=n.n(u),f=n(911),d=(n(350),n(769));function m(t){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(t)}function p(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */p=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,r=Object.defineProperty||function(t,e,n){t[e]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function l(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,n){return t[e]=n}}function s(t,e,n,o){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),c=new S(o||[]);return r(a,"_invoke",{value:k(t,n,c)}),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var h={};function f(){}function d(){}function v(){}var g={};l(g,i,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(_([])));b&&b!==e&&n.call(b,i)&&(g=b);var w=v.prototype=f.prototype=Object.create(g);function j(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function o(r,i,a,c){var l=u(t[r],t,i);if("throw"!==l.type){var s=l.arg,h=s.value;return h&&"object"==m(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){o("next",t,a,c)}),(function(t){o("throw",t,a,c)})):e.resolve(h).then((function(t){s.value=t,a(s)}),(function(t){return o("throw",t,a,c)}))}c(l.arg)}var i;r(this,"_invoke",{value:function(t,n){function r(){return new e((function(e,r){o(t,n,e,r)}))}return i=i?i.then(r,r):r()}})}function k(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return O()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=L(a,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=u(t,e,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===h)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}function L(t,e){var n=e.method,r=t.iterator[n];if(void 0===r)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,L(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),h;var o=u(r,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,h;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,h):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function _(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,o=function e(){for(;++r=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),E(n),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:_(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),h}},t}function v(t){return function(t){if(Array.isArray(t))return g(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return g(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n div > iframe")[0],N=localStorage.getItem("theme"),I=null,Z=!1,G=null,M=function(){e.removeClass("submenu-is-active"),m.removeClass("active"),b.removeClass("opened").addClass("closed")},q=function(){t.toggleClass("no-scroll-y")},F=function(){var t,e=(t=p().mark((function t(e,n){var r,o,i;return p().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return r=new s.Z({url:e,key:n,version:"v5.0"}),t.prev=1,t.next=4,r.posts.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 4:return o=t.sent,t.next=7,r.pages.browse({limit:"all",include:"tags",fields:"id, title, url, published_at, plaintext"});case 7:i=t.sent,I=[].concat(v(i),v(o)),t.next=14;break;case 11:t.prev=11,t.t0=t.catch(1),console.log(t.t0);case 14:case"end":return t.stop()}}),t,null,[[1,11]])})),function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(t){y(i,r,o,a,c,"next",t)}function c(t){y(i,r,o,a,c,"throw",t)}a(void 0)}))});return function(t,n){return e.apply(this,arguments)}}(),H=function(t){(0,d.tq)()||(t?(O.addClass("toggle-overflow"),P.addClass("toggle-overflow")):(O.removeClass("toggle-overflow"),P.removeClass("toggle-overflow")))};(r.on("click",(function(){e.addClass("mobile-menu-opened"),u.addClass("opened"),q()})),i.on("click",(function(){e.removeClass("mobile-menu-opened"),u.removeClass("opened"),q()})),m.on("click",(function(){(Z=!Z)?(e.addClass("submenu-is-active"),m.addClass("active"),b.removeClass("closed").addClass("opened")):M()})),x.on("click",(function(){L.addClass("opened"),setTimeout((function(){C.trigger("focus")}),400),q()})),k.on("click",(function(){C.trigger("blur"),L.removeClass("opened"),q()})),C.on("keyup",(function(){if(C.val().length>0&&I){var t=h().go(C.val(),I,{keys:["title","plaintext"],limit:4}),e="";if(t.length>0){for(var n=0,r=t.length;n")-48;u>0&&(l="..."+l.slice(u)),l.length>c&&(l=l.slice(0,c),s=!0)}else l=t[n].obj.plaintext.slice(0,c),t[n].obj.plaintext.length>c&&(l=l.split(" ").slice(0,-1).join(" "),s=!0);(null===(o=l.match(//g))||void 0===o?void 0:o.length)>(null===(i=l.match(/<\/b>/g))||void 0===i?void 0:i.length)&&(l+=""),s&&(l+="..."),e+='\n ")}S.hide(),E.html(e),E.show()}else E.html(""),E.hide(),S.show()}else E.html(""),E.hide(),S.hide()})),_.on("change",(function(){_.is(":checked")?(o()("html").attr("data-theme","dark"),localStorage.setItem("theme","dark")):(o()("html").attr("data-theme","light"),localStorage.setItem("theme","light")),T&&T.contentDocument.location.reload(!0)})),_.on("mouseenter",(function(){H(!0)})),_.on("mouseleave",(function(){H(!1)})),o()(window).on("click",(function(t){Z&&g&&!g.contains(t.target)&&(Z=!1,M())})),o()(document).on("keyup",(function(t){"Escape"===t.key&&L.hasClass("opened")&&k.trigger("click")})),N&&"dark"===N&&_.each((function(){o()(this).attr("checked",!0)})),e.length>0)&&new(a())(e[0],{tolerance:{down:10,up:20},offset:15,onUnpin:function(){if(!(0,d.tq)()&&G){var t=G[0];t&&t.state.isVisible&&t.hide()}}}).init();if(n.length>0){e.addClass("with-announcement-bar"),setTimeout((function(){e.removeAttr("data-animate")}),500);var z=new MutationObserver((function(t){if(t[0].addedNodes.length){n.detach().prependTo(e);var r=n.height();document.documentElement.style.setProperty("--announcement-bar-height","".concat(r,"px"))}t[0].removedNodes.length&&document.documentElement.style.setProperty("--announcement-bar-height","0px")})),R=new ResizeObserver((function(t){t.forEach((function(t){var e=t.contentRect.height;document.documentElement.style.setProperty("--announcement-bar-height","".concat(e,"px"))}))}));z.observe(n[0],{childList:!0}),R.observe(n[0])}else setTimeout((function(){e.removeAttr("data-animate")}),500);if(w.length>0)new f.ZP(".js-recent-slider",{modules:[f.Rv,f.s5],freeMode:!0,slidesPerView:"auto",a11y:!0,on:{init:function(){(0,l.Z)(".js-recent-article-title",50)}}});if(j.length>0){var K=document.getElementById("secondary-navigation-template");G=(0,c.ZP)(".js-open-secondary-menu",{appendTo:document.body,content:K.innerHTML,allowHTML:!0,arrow:!0,trigger:"click",interactive:!0,onShow:function(){H(!0)},onHidden:function(){H(!1)}})}(0,c.ZP)(".js-tooltip",{allowHTML:!0}),(0,l.Z)(".js-article-card-title",100),(0,l.Z)(".js-article-card-title-no-image",250),"undefined"!=typeof disableNewsletter&&disableNewsletter&&A.remove(),"undefined"!=typeof ghostSearchApiKey&&"undefined"==typeof nativeSearchEnabled?F(ghostHost,ghostSearchApiKey):(x.css("visibility","hidden"),k.remove(),L.remove())}))},769:(t,e,n)=>{n.d(e,{dZ:()=>r,e:()=>i,eS:()=>a,ej:()=>c,tq:()=>o});var r=function(){var t=document.querySelector("html");return["ar","he","fa"].includes(t.getAttribute("lang"))},o=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(t,")")).matches},i=function(){for(var t=document.querySelectorAll(".kg-gallery-image img"),e=0,n=t.length;e1&&e.last().hide()}),10)}))}}},t=>{t.O(0,[898],(()=>{return e=480,t(t.s=e);var e}));t.O()}]); \ No newline at end of file diff --git a/assets/js/post.js b/assets/js/post.js index 60a4887..f6afac7 100644 --- a/assets/js/post.js +++ b/assets/js/post.js @@ -1 +1 @@ -"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[571],{769:(e,t,n)=>{n.d(t,{dZ:()=>a,e:()=>o,eS:()=>s,ej:()=>r,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(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},717:(e,t,n)=>{var a=n(755),i=n.n(a),o=n(557),s=n(729),r=n.n(s),l=n(433),c=n(911),u=(n(350),n(769)),d=null,h=null,f=window.pageYOffset,m=0,p=0,g=0,w=!1,v=function(){f=window.pageYOffset,y()},k=function(e){(0,u.tq)("1023px")?(i()("body").addClass("share-menu-displayed"),setTimeout((function(){d.removeAttr("data-animate")}),e)):i()("body").removeClass("share-menu-displayed")},b=function(){C(),k(100),setTimeout((function(){x(),y()}),200)},y=function(){w||requestAnimationFrame(j),w=!0},j=function(){var e=p-m,t=Math.ceil(f/e*100);t<=100&&T(t),w=!1},C=function(){m=window.innerHeight,p=i()(document).height()},x=function(){var e=h.parent().width(),t=e/2,n=(0,u.tq)()?2:3;h.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),h.attr("stroke-width",n),h.attr("r",t-(n-1)),h.attr("cx",t),h.attr("cy",t),g=2*t*Math.PI,h[0].style.strokeDasharray="".concat(g," ").concat(g),h[0].style.strokeDashoffset=g},T=function(e){if(e<=100){var t=g-e/100*g;h[0].style.strokeDashoffset=t}};i()((function(){d=i()(".js-animation-wrapper");var e=i()(".js-scrolltop"),t=i()(".js-recommended-slider");if(r()(".js-post-content"),(0,u.e)(),k(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(){i()("html, body").animate({scrollTop:0},500)})),(0,u.eS)(i()),(0,u.ej)(i(),o.Z),window.addEventListener("scroll",v,{passive:!0}),window.addEventListener("resize",b,{passive:!0})})),i()(window).on("load",(function(){h=i()(".js-progress"),C(),x(),j(),setTimeout((function(){h.parent().css("opacity",1)}),300)}))}},e=>{e.O(0,[898],(()=>{return t=717,e(e.s=t);var t}));e.O()}]); \ No newline at end of file +"use strict";(self.webpackChunkliebling=self.webpackChunkliebling||[]).push([[571],{769:(e,t,n)=>{n.d(t,{dZ:()=>i,e:()=>a,eS:()=>s,ej:()=>l,tq:()=>o});var i=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},a=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t1&&t.last().hide()}),10)}))}},717:(e,t,n)=>{var i=n(755),o=n.n(i),a=n(557),s=n(729),l=n.n(s),r=n(433),c=n(911),u=(n(350),n(769)),d=null,h=null,f=window.pageYOffset,m=0,p=0,v=0,g=!1,w=function(){f=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(){g||requestAnimationFrame(j),g=!0},j=function(){var e=p-m,t=Math.ceil(f/e*100);t<=100&&T(t),g=!1},C=function(){m=window.innerHeight,p=o()(document).height()},x=function(){var e,t;if(null!==(e=h)&&void 0!==e&&null!==(t=e[0])&&void 0!==t&&t.style){var n=h.parent().width(),i=n/2,o=(0,u.tq)()?2:3;h.parent().attr("viewBox","0 0 ".concat(n," ").concat(n)),h.attr("stroke-width",o),h.attr("r",i-(o-1)),h.attr("cx",i),h.attr("cy",i),v=2*i*Math.PI,h[0].style.strokeDasharray="".concat(v," ").concat(v),h[0].style.strokeDashoffset=v}},T=function(e){var t,n;if(null!==(t=h)&&void 0!==t&&null!==(n=t[0])&&void 0!==n&&n.style&&e<=100){var i=v-e/100*v;h[0].style.strokeDashoffset=i}};o()((function(){d=o()(".js-animation-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-recommended-slider");if(l()(".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,r.Z)(".js-article-card-title",100),(0,r.Z)(".js-article-card-title-no-image",250)}}});(0,r.Z)(".js-article-card-title",100),(0,r.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(),a.Z),window.addEventListener("scroll",w,{passive:!0}),window.addEventListener("resize",k,{passive:!0})})),o()(window).on("load",(function(){(h=o()(".js-progress"))&&(C(),x(),j(),setTimeout((function(){h.parent().css("opacity",1)}),300))}))}},e=>{e.O(0,[898],(()=>{return t=717,e(e.s=t);var t}));e.O()}]); \ No newline at end of file diff --git a/featured.hbs b/featured.hbs new file mode 100644 index 0000000..30fb94c --- /dev/null +++ b/featured.hbs @@ -0,0 +1,131 @@ +{{!-- +This template is used for the posts that are marked as pages. +--}} + +{{#contentFor "preload"}} + {{!-- This block preloads specific assets for the post page --}} + + + {{!-- This block preloads specific assets for the index page --}} + + + +{{/contentFor}} + +{{#contentFor "styles"}} + {{!-- This block loads specific styles for the post page --}} + + {{!-- This block loads specific styles for the index page --}} + + +{{/contentFor}} + +{{!-- The tag below means: insert everything in this file +into the {body} of the default.hbs template --}} +{{!< default}} + +{{!-- Special header.hbs partial to generate the
tag --}} +{{#post}} + {{> header background=feature_image}} +{{/post}} + +
+ {{!-- Everything inside the #post tags pulls data from the post --}} + {{#post}} + {{!-- Inject styles of the hero image to make it responsive --}} + {{> hero background=feature_image}} +
+

{{title}}

+ {{#if custom_excerpt}} +

{{custom_excerpt}}

+ {{/if}} +
+ + {{/post}} +
+
+
+
+
+ {{#post}} + {{content}} + {{/post}} +
+
+ {{!-- pyv --}} +
+ {{#get "posts" filter="featured:true" include="authors,tags" as |featured|}} + {{#if featured}} +
+
+ {{#foreach featured to="1"}} +
+
+
+ {{#if feature_image}} + + + {{/if}} +
+ {{#if primary_tag}} +
+ {{primary_tag.name}} +
+ {{/if}} + +

+ {{title}} +

+ +
+
+ {{/foreach}} +
+
+ {{#foreach featured from="2"}} +
+
+ + {{#if feature_image}} + + {{/if}} + {{#if primary_tag}} +
+ {{primary_tag.name}} +
+ {{/if}} +
+
+ +
+

+ {{title}} +

+
+ +
+
+ {{/foreach}} + {{/if}} + {{/get}} +
+ {{!-- /pyv --}} +
+
+
+
+ +{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} +{{#contentFor "scripts"}} + + +{{/contentFor}} diff --git a/index.hbs b/index.hbs index 997549f..d9cd694 100644 --- a/index.hbs +++ b/index.hbs @@ -1,19 +1,16 @@ {{!-- -This template is used for the index page. -It can be used also as the home page or the default page. +This template is used for the posts that are marked as pages. --}} -{{!-- This block preloads specific assets for the index page --}} +{{!-- This block preloads specific assets for the post page --}} {{#contentFor "preload"}} - - - + + {{/contentFor}} -{{!-- This block loads specific styles for the index page --}} +{{!-- This block loads specific styles for the post page --}} {{#contentFor "styles"}} - - + {{/contentFor}} {{!-- The tag below means: insert everything in this file @@ -21,10 +18,13 @@ into the {body} of the default.hbs template --}} {{!< default}} {{!-- Special header.hbs partial to generate the
tag --}} -{{> header background=@site.cover_image}} +{{#post}} + {{> header background=@site.cover_image}} +{{/post}} -
- {{!-- Inject styles of the hero image to make it responsive --}} +
+ {{!-- Everything inside the #post tags pulls data from the post --}} + {{!-- Inject styles of the hero image to make it responsive --}} {{> hero background=@site.cover_image}}

{{@site.title}}

@@ -39,81 +39,32 @@ into the {body} of the default.hbs template --}} {{/if}} {{/if}}
- -
-
-
- {{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}} - {{#if featured}} -
-
- {{#foreach featured}} -
-
-
- {{#if feature_image}} - - - {{/if}} -
-
- - {{#if primary_author.profile_image}} -
- {{else}} -
- {{/if}} - - {{#if primary_tag}} - {{primary_tag.name}} - {{/if}} -
-
- - {{t "Featured"}} -
- -

- {{title}} -

-
- {{date published_at timeago="true"}} - • - {{reading_time minute=(t "1 min read") minutes=(t "% min read")}} -
- -
-
- {{/foreach}} -
- - -
- {{/if}} - {{/get}} - {{!-- The tag below iterates over all the posts --}} - {{> "loop"}} -
+ {{!-- pyv --}} + {{#if @custom.use_wave_separator}} +
+ + +
- {{!-- Links to Previous/Next posts --}} - {{pagination}} -
+ {{/if}} + + {{#post}} +
+
+
+
+
+ {{content}} +
+
+
+
+
+ {{/post}} + {{!-- /pyv --}}
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}} {{#contentFor "scripts"}} - + {{/contentFor}} diff --git a/package.json b/package.json index 3e94490..a9d014c 100644 --- a/package.json +++ b/package.json @@ -59,6 +59,11 @@ "default": "/newsletter", "group": "homepage" }, + "use_wave_separator": { + "type": "boolean", + "default": true, + "group": "homepage" + }, "youtube_url": { "type": "text" }, diff --git a/post.hbs b/post.hbs index f19e429..10cc8cf 100644 --- a/post.hbs +++ b/post.hbs @@ -48,15 +48,19 @@ into the {body} of the default.hbs template --}}

{{title}}

+ {{!-- pyv --}} {{#if primary_tag}} - {{primary_tag.name}} - + {{primary_tag.name}} + {{!-- {{primary_tag.name}} --}} + {{!-- --}} {{/if}} - {{date published_at}} + {{!-- {{date published_at}} --}} + {{!-- /pyv --}}
- --}} {{content}} {{!-- List of tags --}} - {{#if tags}} + {{!-- {{#if tags}}

{{t "Tags"}}

    @@ -87,7 +95,8 @@ into the {body} of the default.hbs template --}} {{/foreach}}
- {{/if}} + {{/if}} --}} + {{!-- /pyv --}}
@@ -109,7 +118,8 @@ into the {body} of the default.hbs template --}} {{/if}} -
+ {{!-- pyv --}} + {{!--
@@ -157,7 +167,8 @@ into the {body} of the default.hbs template --}}
-
+
--}} + {{!-- /pyv --}} {{!-- Native comments --}} {{#if comments}}
@@ -176,7 +187,8 @@ into the {body} of the default.hbs template --}} --}} {{/post}} {{!-- Related posts --}} - {{#if post.tags.length}} + {{!-- pyv --}} + {{!-- {{#if post.tags.length}} {{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" order="published_at desc" as |related|}} {{#if related}}
@@ -185,7 +197,6 @@ into the {body} of the default.hbs template --}}
- {{!-- The tag below iterates over all the related posts --}} {{> "loop"}}
{{/if}} {{/get}} - {{/if}} + {{/if}} --}} + {{!-- /pyv --}}
diff --git a/src/js/post.js b/src/js/post.js index b475501..4037036 100644 --- a/src/js/post.js +++ b/src/js/post.js @@ -70,6 +70,7 @@ const setHeights = () => { }; const setCircleStyles = () => { + /* pyv */if (!$progressCircle?.[0]?.style) return;/* /pyv */ const svgWidth = $progressCircle.parent().width(); const radiusCircle = svgWidth / 2; const borderWidth = isMobile() ? 2 : 3; @@ -87,6 +88,7 @@ const setCircleStyles = () => { }; const setProgress = percent => { + /* pyv */if (!$progressCircle?.[0]?.style) return;/* /pyv */ if (percent <= 100) { const offset = circumference - (percent / 100) * circumference; $progressCircle[0].style.strokeDashoffset = offset; @@ -95,6 +97,7 @@ const setProgress = percent => { const prepareProgressCircle = () => { $progressCircle = $('.js-progress'); + /* pyv */if (!$progressCircle) return;/* /pyv */ setHeights(); setCircleStyles(); @@ -168,4 +171,20 @@ $(() => { $(window).on('load', () => { prepareProgressCircle(); + /* pyv */ + // const $openShareMenu = $('#open-share-menu'); + // if ($openShareMenu) { + // if (navigator?.share) { + // $openShareMenu.on('click', () => { + // navigator.share({ + // title: document.title, + // text: $('.js-post-content') + // .text().split(' ').slice(0, 42) + // .join(' ') + '...', + // url: location.href, + // }); + // }); + // } else $openShareMenu.remove(); + // } + /* /pyv */ }); diff --git a/src/sass/common/_themes.scss b/src/sass/common/_themes.scss index 7c0b26e..e0ec236 100644 --- a/src/sass/common/_themes.scss +++ b/src/sass/common/_themes.scss @@ -5,7 +5,10 @@ --primary-subtle-color: #0470ee; --secondary-subtle-color: #f4f8fd; --titles-color: #333; - --link-color: #133467; + /* pyv */ + // --link-color: #133467; + --link-color: #1d3c85; + /* /pyv */ --primary-border-color: #9b9b9b; --secondary-border-color: aliceblue; --article-shadow-normal: 0 10px 10px rgba(0, 0, 0, 0.08); @@ -32,7 +35,10 @@ --primary-subtle-color: #2c2fe6; --secondary-subtle-color: #141920; --titles-color: #b4b4b4; - --link-color: #b6b7f6; + /* pyv */ + // --link-color: #b6b7f6; + --link-color: #5bbaeb; + /* /pyv */ --primary-border-color: #1d1d1d; --secondary-border-color: #0f0f0f; --article-shadow-normal: 0 4px 5px 5px rgba(0, 0, 0, 0.1); diff --git a/src/sass/pyv.scss b/src/sass/pyv.scss index dde1a43..de524bf 100644 --- a/src/sass/pyv.scss +++ b/src/sass/pyv.scss @@ -8,9 +8,12 @@ .columns > *:empty { display: contents; } - .columns > .kg-image-card:first-child, - .columns > * > .kg-image-card:first-child { + .columns > .kg-image-card:first-child { padding-top: 0; + & + p, + & + * > p:first-child { + margin-top: -8px; + } } } @media only screen and (min-width: 48rem) { @@ -66,6 +69,101 @@ html:not([data-theme]) { } } +/* add wave shape divider to homepage */ +.m-hero__waves { + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + overflow: hidden; + z-index: 1; + & svg { + position: relative; + display: block; + width: calc(100% + 1.3px); + height: 100px; + transform: rotateY(180deg); + } + & path { + fill: var(--background-color); + } +} +@media only screen and (min-width: 48rem) { + .with-wave-separator .m-hero.with-picture { + height: 500px; + } + .with-wave-separator .m-hero__content { + margin-bottom: 80px; + } + .with-wave-separator.with-custom-cta .m-hero__content { + margin-bottom: 100px; + } +} +@media only screen and (max-width: 48rem) { + .m-hero__waves { + width: 200%; + & svg { + height: 50px; + } + } + .with-wave-separator.with-custom-cta .m-hero__content { + margin-bottom: 25px; + } +} + +/* expand + shrink post cards to fill space */ +.l-post-content { + min-height: auto !important; +} +.m-article-card, +.m-article-card__info, +.m-featured-slider.swiper { + height: auto !important; +} +.m-article-card__info .m-article-card__info-link { + padding-top: 25px !important; +} +@media only screen and (min-width: 48rem) { + .l-grid > :nth-child(3n of .m-article-card):last-child { + width: calc(66.66666% - 40px); + } + .l-grid > :nth-child(3n - 1 of .m-article-card):last-child { + width: 100%; + } + .l-post-content + .l-grid.centered { + margin: 0 calc(50% - 430px); + } +} +@media only screen and (min-width: 35.5rem) and (max-width: 48rem) { + .l-grid > :nth-child(2n + 1 of .m-article-card):last-child { + width: 100%; + } +} +@media only screen and (max-width: 48rem) { + .l-post-content + .l-grid.centered { + margin-top: 40px; + } +} + +/* use featured ribbon as year tag */ +.m-article-card__featured, +.m-featured-article__ribbon { + border-radius: 15px !important; + font-size: 0.875rem; + font-weight: 600; + height: 22px !important; + padding: 0 7px; + width: auto !important; + right: 25px !important; + top: 31px !important; +} +.m-article-card__featured span, +.m-featured-article__ribbon span { + margin: 0 4px; + color: var(--primary-subtle-color); + display: block !important; +} + /* social media icons */ .m-nav__right .m-icon-button:not([data-ghost-search]) { display: flex; @@ -112,7 +210,7 @@ html:not([data-theme]) { display: none; } -/* restyle audio cards: make them rounder + more compact */ +/* restyle audio cards: rounder + more compact */ .m-header, .kg-audio-card { box-shadow: 0 4px 8px var(--button-shadow-color-hover), 0 0 0 transparent;