Merge pull request #1 from eddiesigner/master

bump
This commit is contained in:
Yann Verry 2021-04-14 23:11:25 +02:00 committed by GitHub
commit 608e678fed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
34 changed files with 5736 additions and 31295 deletions

View file

@ -6,6 +6,10 @@ If you find this theme useful, please consider to make a donation to support its
<a href="https://ko-fi.com/eddiesigner" target="_blank"><img src="https://res.cloudinary.com/edev/image/upload/v1583011476/button_y8hgt8.png" alt="Donate" style="width: 250px !important; height: 60px !important;" width="250" height="60"></a> <a href="https://ko-fi.com/eddiesigner" target="_blank"><img src="https://res.cloudinary.com/edev/image/upload/v1583011476/button_y8hgt8.png" alt="Donate" style="width: 250px !important; height: 60px !important;" width="250" height="60"></a>
## Ghost 4
This theme has been optimized for Ghost 4, if you are looking for a Ghost 3 compatible version please refer to [this link](https://github.com/eddiesigner/liebling/releases/tag/v.0.9.4).
## Preview ## Preview
You can see a live demo here: [https://liebling.eduardogomez.io](https://liebling.eduardogomez.io) You can see a live demo here: [https://liebling.eduardogomez.io](https://liebling.eduardogomez.io)
@ -18,9 +22,9 @@ You can see a live demo here: [https://liebling.eduardogomez.io](https://lieblin
To get the latest version please head over the [releases page](https://github.com/eddiesigner/liebling/releases) and download the file `liebling.zip` of the latest release. To get the latest version please head over the [releases page](https://github.com/eddiesigner/liebling/releases) and download the file `liebling.zip` of the latest release.
**IMPORTANT: To know how to enable the search, comments, newsletter and more, please head to the [Wiki](https://github.com/eddiesigner/liebling/wiki).** ## Documentation
From now on, this theme is only compatible with Ghost 3 To know how to enable the search, comments, newsletter and more, please head to the [Wiki](https://github.com/eddiesigner/liebling/wiki).
## Features ## Features
@ -94,6 +98,8 @@ From now on, this theme is only compatible with Ghost 3
* Persian (Farsi) by [Aminoiz](https://github.com/Aminoiz) * Persian (Farsi) by [Aminoiz](https://github.com/Aminoiz)
* Ukrainian by [partizan007](https://github.com/partizan007) * Ukrainian by [partizan007](https://github.com/partizan007)
* Kazakh by [arshyn-t](https://github.com/arshyn-t) * Kazakh by [arshyn-t](https://github.com/arshyn-t)
* Korean by [chocosobo](https://github.com/chocosobo)
* Japanese by [ViaSnake](https://github.com/ViaSnake)
## Tests performed ## Tests performed
@ -121,7 +127,7 @@ Contributions are very welcome. First, please read the [Pull Request Guidelines]
* [Firma](https://gum.co/ZXLha) - Ghost theme that can be used by startups to large companies to publish any kind of articles related to their business. It stands out for its clean design and is able to adapt to any company's identity. * [Firma](https://gum.co/ZXLha) - Ghost theme that can be used by startups to large companies to publish any kind of articles related to their business. It stands out for its clean design and is able to adapt to any company's identity.
* [Weiss Pro](https://eduardogomez.io/weiss-pro/) - Modern and beautiful Ghost theme ready to make your content shine. * [Weiss Pro](https://gum.co/pzvDn) - Modern and beautiful Ghost theme ready to make your content shine.
## License ## License

View file

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

File diff suppressed because one or more lines are too long

View file

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

View file

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

View file

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

File diff suppressed because one or more lines are too long

View file

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

File diff suppressed because one or more lines are too long

View file

@ -1,189 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/helpers"],{ (window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1:function(t,n,e){"use strict";e.r(n),e.d(n,"isRTL",(function(){return o})),e.d(n,"isMobile",(function(){return a})),e.d(n,"isDarkMode",(function(){return i})),e.d(n,"formatDate",(function(){return r})),e.d(n,"getParameterByName",(function(){return c})),e.d(n,"adjustImageGallery",(function(){return u})),e.d(n,"managePostImages",(function(){return s})),e.d(n,"makeImagesZoomable",(function(){return l}));var o=function(){var t=document.querySelector("html");return["ar","he","fa"].includes(t.getAttribute("lang"))},a=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(t,")")).matches},i=function(){var t=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return t&&t.matches},r=function(t){return t?new Date(t).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(t,n){n||(n=window.location.href),t=t.replace(/[\[\]]/g,"\\$&");var e=new RegExp("[?&]".concat(t,"(=([^&#]*)|&|#|$)")).exec(n);return e?e[2]?decodeURIComponent(e[2].replace(/\+/g," ")):"":null},u=function(){for(var t=document.querySelectorAll(".kg-gallery-image img"),n=0,e=t.length;n<e;n++){var o=t[n].closest(".kg-gallery-image"),a=t[n].attributes.width.value/t[n].attributes.height.value;o.style.flex="".concat(a," 1 0%")}},s=function(t){t(".js-post-content").find("img").each((function(){t(this).closest("figure").hasClass("kg-bookmark-card")||t(this).parent().is("a")||t(this).addClass("js-zoomable");var n=t(this).parent().find("figcaption");n?t(this).attr("alt",n.text()):t(this).attr("alt","")}))},l=function(t,n){n(".js-zoomable").on("opened",(function(){setTimeout((function(){var n=t(".medium-zoom-image--opened");n.length>1&&n.last().hide()}),10)}))}},12:function(t,n,e){e(1),e(28),e(30),e(32),e(34),e(36),e(38),t.exports=e(40)},28:function(t,n){},30:function(t,n){},32:function(t,n){},34:function(t,n){},36:function(t,n){},38:function(t,n){},40:function(t,n){}},[[12,0,1]]]);
/***/ "./js/helpers.js":
/*!***********************!*\
!*** ./js/helpers.js ***!
\***********************/
/*! exports provided: isRTL, isMobile, isDarkMode, formatDate, getParameterByName, adjustImageGallery, managePostImages, makeImagesZoomable */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isRTL", function() { return isRTL; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMobile", function() { return isMobile; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isDarkMode", function() { return isDarkMode; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatDate", function() { return formatDate; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getParameterByName", function() { return getParameterByName; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "adjustImageGallery", function() { return adjustImageGallery; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "managePostImages", function() { return managePostImages; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "makeImagesZoomable", function() { return makeImagesZoomable; });
var isRTL = function isRTL() {
var $html = document.querySelector('html');
return ['ar', 'he', 'fa'].includes($html.getAttribute('lang'));
};
var isMobile = function isMobile() {
var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '768px';
return window.matchMedia("(max-width: ".concat(width, ")")).matches;
};
var isDarkMode = function isDarkMode() {
var darkModeMatcher = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
return darkModeMatcher && darkModeMatcher.matches;
};
var formatDate = function formatDate(date) {
if (date) {
return new Date(date).toLocaleDateString(document.documentElement.lang, {
year: 'numeric',
month: 'long',
day: 'numeric'
});
}
return '';
};
var getParameterByName = function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp("[?&]".concat(name, "(=([^&#]*)|&|#|$)"));
var results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
};
var adjustImageGallery = function adjustImageGallery() {
var images = document.querySelectorAll('.kg-gallery-image img');
for (var i = 0, len = images.length; i < len; i++) {
var container = images[i].closest('.kg-gallery-image');
var width = images[i].attributes.width.value;
var height = images[i].attributes.height.value;
var ratio = width / height;
container.style.flex = "".concat(ratio, " 1 0%");
}
};
var managePostImages = function managePostImages($) {
$('.js-post-content').find('img').each(function () {
if (!$(this).closest('figure').hasClass('kg-bookmark-card') && !$(this).parent().is('a')) {
$(this).addClass('js-zoomable');
}
var $figcaption = $(this).parent().find('figcaption');
if ($figcaption) {
$(this).attr('alt', $figcaption.text());
} else {
$(this).attr('alt', '');
}
});
};
var makeImagesZoomable = function makeImagesZoomable($, mediumZoom) {
var zoom = mediumZoom('.js-zoomable');
zoom.on('opened', function () {
setTimeout(function () {
var $mediumZoomImages = $('.medium-zoom-image--opened');
if ($mediumZoomImages.length > 1) {
$mediumZoomImages.last().hide();
}
}, 10);
});
};
/***/ }),
/***/ "./sass/404.scss":
/*!***********************!*\
!*** ./sass/404.scss ***!
\***********************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ "./sass/app.scss":
/*!***********************!*\
!*** ./sass/app.scss ***!
\***********************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ "./sass/home.scss":
/*!************************!*\
!*** ./sass/home.scss ***!
\************************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ "./sass/listing.scss":
/*!***************************!*\
!*** ./sass/listing.scss ***!
\***************************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ "./sass/newsletter.scss":
/*!******************************!*\
!*** ./sass/newsletter.scss ***!
\******************************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ "./sass/post.scss":
/*!************************!*\
!*** ./sass/post.scss ***!
\************************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ "./sass/tags.scss":
/*!************************!*\
!*** ./sass/tags.scss ***!
\************************/
/*! no static exports found */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 0:
/*!***********************************************************************************************************************************************************!*\
!*** multi ./js/helpers.js ./sass/app.scss ./sass/home.scss ./sass/listing.scss ./sass/post.scss ./sass/newsletter.scss ./sass/tags.scss ./sass/404.scss ***!
\***********************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/js/helpers.js */"./js/helpers.js");
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/app.scss */"./sass/app.scss");
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/home.scss */"./sass/home.scss");
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/listing.scss */"./sass/listing.scss");
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/post.scss */"./sass/post.scss");
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/newsletter.scss */"./sass/newsletter.scss");
__webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/tags.scss */"./sass/tags.scss");
module.exports = __webpack_require__(/*! /Users/eddie/Code/own/liebling/src/sass/404.scss */"./sass/404.scss");
/***/ })
},[[0,"/js/manifest"]]]);

View file

@ -1,232 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/home"],{ (window.webpackJsonp=window.webpackJsonp||[]).push([[4],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return r})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return i})),n.d(t,"formatDate",(function(){return a})),n.d(t,"getParameterByName",(function(){return u})),n.d(t,"adjustImageGallery",(function(){return s})),n.d(t,"managePostImages",(function(){return c})),n.d(t,"makeImagesZoomable",(function(){return l}));var r=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},i=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},a=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},u=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},s=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var r=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;r.style.flex="".concat(o," 1 0%")}},c=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).parent().is("a")||e(this).addClass("js-zoomable");var t=e(this).parent().find("figcaption");t?e(this).attr("alt",t.text()):e(this).attr("alt","")}))},l=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},21:function(e,t,n){e.exports=n(22)},22:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(3),a=n(2),u=n(1);function s(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}o()((function(){var e=o()(".js-featured-slider");if(e.length>0){var t=e.find(".js-featured-slide").length,n=new a.d(".js-featured-slider",{type:"slider",rewind:!1,gap:0,swipeThreshold:!1,dragThreshold:!1,direction:Object(u.isRTL)()?"rtl":"ltr",breakpoints:{768:{swipeThreshold:1!==t&&80,dragThreshold:1!==t&&120}}});1===t&&e.find(".js-featured-slider-controls").remove(),n.on("mount.after",(function(){Object(i.a)(".js-featured-article-title",200)})),n.mount({Controls:a.b,Swipe:a.c,Breakpoints:a.a,ArrowDisabler:function(e,n){var r="js-featured-slider-controls",o="js-featured-slider-previous",i="js-featured-slider-next";return{mount:function(){e.settings.rewind||1===t||e.on(["mount.after","run"],(function(){var t,a=s(n.Controls.items);try{for(a.s();!(t=a.n()).done;){var u=t.value;if(u.className.includes(r)){var c=u.querySelector(".".concat(o));c&&(0===e.index?c.setAttribute("disabled",""):c.removeAttribute("disabled"));var l=u.querySelector(".".concat(i));if(l)(e.settings.bound?e.index+(e.settings.perView-1):e.index)===n.Sizes.length-1?l.setAttribute("disabled",""):l.removeAttribute("disabled")}}}catch(e){a.e(e)}finally{a.f()}}))}}}}),setTimeout((function(){window.dispatchEvent(new Event("resize"))}),350)}Object(i.a)(".js-featured-article-title",200)}))}},[[21,0,1]]]);
/***/ "./js/helpers.js":
/*!***********************!*\
!*** ./js/helpers.js ***!
\***********************/
/*! exports provided: isRTL, isMobile, isDarkMode, formatDate, getParameterByName, adjustImageGallery, managePostImages, makeImagesZoomable */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isRTL", function() { return isRTL; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMobile", function() { return isMobile; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isDarkMode", function() { return isDarkMode; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatDate", function() { return formatDate; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getParameterByName", function() { return getParameterByName; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "adjustImageGallery", function() { return adjustImageGallery; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "managePostImages", function() { return managePostImages; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "makeImagesZoomable", function() { return makeImagesZoomable; });
var isRTL = function isRTL() {
var $html = document.querySelector('html');
return ['ar', 'he', 'fa'].includes($html.getAttribute('lang'));
};
var isMobile = function isMobile() {
var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '768px';
return window.matchMedia("(max-width: ".concat(width, ")")).matches;
};
var isDarkMode = function isDarkMode() {
var darkModeMatcher = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
return darkModeMatcher && darkModeMatcher.matches;
};
var formatDate = function formatDate(date) {
if (date) {
return new Date(date).toLocaleDateString(document.documentElement.lang, {
year: 'numeric',
month: 'long',
day: 'numeric'
});
}
return '';
};
var getParameterByName = function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp("[?&]".concat(name, "(=([^&#]*)|&|#|$)"));
var results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
};
var adjustImageGallery = function adjustImageGallery() {
var images = document.querySelectorAll('.kg-gallery-image img');
for (var i = 0, len = images.length; i < len; i++) {
var container = images[i].closest('.kg-gallery-image');
var width = images[i].attributes.width.value;
var height = images[i].attributes.height.value;
var ratio = width / height;
container.style.flex = "".concat(ratio, " 1 0%");
}
};
var managePostImages = function managePostImages($) {
$('.js-post-content').find('img').each(function () {
if (!$(this).closest('figure').hasClass('kg-bookmark-card') && !$(this).parent().is('a')) {
$(this).addClass('js-zoomable');
}
var $figcaption = $(this).parent().find('figcaption');
if ($figcaption) {
$(this).attr('alt', $figcaption.text());
} else {
$(this).attr('alt', '');
}
});
};
var makeImagesZoomable = function makeImagesZoomable($, mediumZoom) {
var zoom = mediumZoom('.js-zoomable');
zoom.on('opened', function () {
setTimeout(function () {
var $mediumZoomImages = $('.medium-zoom-image--opened');
if ($mediumZoomImages.length > 1) {
$mediumZoomImages.last().hide();
}
}, 10);
});
};
/***/ }),
/***/ "./js/home.js":
/*!********************!*\
!*** ./js/home.js ***!
\********************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var shave__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shave */ "./node_modules/shave/dist/shave.es.js");
/* harmony import */ var _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @glidejs/glide/dist/glide.modular.esm */ "./node_modules/@glidejs/glide/dist/glide.modular.esm.js");
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./js/helpers.js");
jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(function () {
var $featuredSlider = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-featured-slider');
if ($featuredSlider.length > 0) {
var numSlides = $featuredSlider.find('.js-featured-slide').length;
var featuredSlider = new _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_2__["default"]('.js-featured-slider', {
type: 'slider',
rewind: false,
gap: 0,
swipeThreshold: false,
dragThreshold: false,
direction: Object(_helpers__WEBPACK_IMPORTED_MODULE_3__["isRTL"])() ? 'rtl' : 'ltr',
breakpoints: {
768: {
swipeThreshold: numSlides === 1 ? false : 80,
dragThreshold: numSlides === 1 ? false : 120
}
}
});
var ArrowDisabler = function ArrowDisabler(Glide, Components) {
var controlClasses = {
'controls': 'js-featured-slider-controls',
'backArrow': 'js-featured-slider-previous',
'nextArrow': 'js-featured-slider-next'
};
return {
mount: function mount() {
if (Glide.settings.rewind || numSlides === 1) {
return;
}
Glide.on(['mount.after', 'run'], function () {
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = Components.Controls.items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var controlItem = _step.value;
if (!controlItem.className.includes(controlClasses.controls)) {
continue;
}
var left = controlItem.querySelector(".".concat(controlClasses.backArrow));
if (left) {
if (Glide.index === 0) {
left.setAttribute('disabled', '');
} else {
left.removeAttribute('disabled');
}
}
var right = controlItem.querySelector(".".concat(controlClasses.nextArrow));
if (right) {
var lastSlideIndex = Glide.settings.bound ? Glide.index + (Glide.settings.perView - 1) : Glide.index;
if (lastSlideIndex === Components.Sizes.length - 1) {
right.setAttribute('disabled', '');
} else {
right.removeAttribute('disabled');
}
}
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
_iterator["return"]();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
});
}
};
};
if (numSlides === 1) {
$featuredSlider.find('.js-featured-slider-controls').remove();
}
featuredSlider.on('mount.after', function () {
Object(shave__WEBPACK_IMPORTED_MODULE_1__["default"])('.js-featured-article-title', 200);
});
featuredSlider.mount({
Controls: _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_2__["Controls"],
Swipe: _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_2__["Swipe"],
Breakpoints: _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_2__["Breakpoints"],
ArrowDisabler: ArrowDisabler
});
setTimeout(function () {
window.dispatchEvent(new Event('resize'));
}, 350);
}
Object(shave__WEBPACK_IMPORTED_MODULE_1__["default"])('.js-featured-article-title', 200);
});
/***/ }),
/***/ 2:
/*!**************************!*\
!*** multi ./js/home.js ***!
\**************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! /Users/eddie/Code/own/liebling/src/js/home.js */"./js/home.js");
/***/ })
},[[2,"/js/manifest","/js/vendor"]]]);

View file

@ -1,154 +1 @@
/******/ (function(modules) { // webpackBootstrap !function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={0:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=window.webpackJsonp=window.webpackJsonp||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([]);
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
/******/ var chunkIds = data[0];
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ modules[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
/******/
/******/ // add entry modules from loaded chunk to deferred list
/******/ deferredModules.push.apply(deferredModules, executeModules || []);
/******/
/******/ // run deferred modules when all chunks ready
/******/ return checkDeferredModules();
/******/ };
/******/ function checkDeferredModules() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/
/******/ return result;
/******/ }
/******/
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ "/js/manifest": 0
/******/ };
/******/
/******/ var deferredModules = [];
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/
/******/
/******/ // run deferred modules from other chunks
/******/ checkDeferredModules();
/******/ })
/************************************************************************/
/******/ ([]);

View file

@ -1,133 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/page"],{ (window.webpackJsonp=window.webpackJsonp||[]).push([[5],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return c})),n.d(t,"adjustImageGallery",(function(){return u})),n.d(t,"managePostImages",(function(){return s})),n.d(t,"makeImagesZoomable",(function(){return l}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},c=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},u=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},s=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).parent().is("a")||e(this).addClass("js-zoomable");var t=e(this).parent().find("figcaption");t?e(this).attr("alt",t.text()):e(this).attr("alt","")}))},l=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},25:function(e,t,n){e.exports=n(26)},26:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),i=n.n(r),c=n(5),u=n(1);o()((function(){i()(".js-post-content"),Object(u.adjustImageGallery)(),Object(u.managePostImages)(o.a),Object(u.makeImagesZoomable)(o.a,c.a)}))}},[[25,0,1]]]);
/***/ "./js/helpers.js":
/*!***********************!*\
!*** ./js/helpers.js ***!
\***********************/
/*! exports provided: isRTL, isMobile, isDarkMode, formatDate, getParameterByName, adjustImageGallery, managePostImages, makeImagesZoomable */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isRTL", function() { return isRTL; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMobile", function() { return isMobile; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isDarkMode", function() { return isDarkMode; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatDate", function() { return formatDate; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getParameterByName", function() { return getParameterByName; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "adjustImageGallery", function() { return adjustImageGallery; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "managePostImages", function() { return managePostImages; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "makeImagesZoomable", function() { return makeImagesZoomable; });
var isRTL = function isRTL() {
var $html = document.querySelector('html');
return ['ar', 'he', 'fa'].includes($html.getAttribute('lang'));
};
var isMobile = function isMobile() {
var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '768px';
return window.matchMedia("(max-width: ".concat(width, ")")).matches;
};
var isDarkMode = function isDarkMode() {
var darkModeMatcher = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
return darkModeMatcher && darkModeMatcher.matches;
};
var formatDate = function formatDate(date) {
if (date) {
return new Date(date).toLocaleDateString(document.documentElement.lang, {
year: 'numeric',
month: 'long',
day: 'numeric'
});
}
return '';
};
var getParameterByName = function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp("[?&]".concat(name, "(=([^&#]*)|&|#|$)"));
var results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
};
var adjustImageGallery = function adjustImageGallery() {
var images = document.querySelectorAll('.kg-gallery-image img');
for (var i = 0, len = images.length; i < len; i++) {
var container = images[i].closest('.kg-gallery-image');
var width = images[i].attributes.width.value;
var height = images[i].attributes.height.value;
var ratio = width / height;
container.style.flex = "".concat(ratio, " 1 0%");
}
};
var managePostImages = function managePostImages($) {
$('.js-post-content').find('img').each(function () {
if (!$(this).closest('figure').hasClass('kg-bookmark-card') && !$(this).parent().is('a')) {
$(this).addClass('js-zoomable');
}
var $figcaption = $(this).parent().find('figcaption');
if ($figcaption) {
$(this).attr('alt', $figcaption.text());
} else {
$(this).attr('alt', '');
}
});
};
var makeImagesZoomable = function makeImagesZoomable($, mediumZoom) {
var zoom = mediumZoom('.js-zoomable');
zoom.on('opened', function () {
setTimeout(function () {
var $mediumZoomImages = $('.medium-zoom-image--opened');
if ($mediumZoomImages.length > 1) {
$mediumZoomImages.last().hide();
}
}, 10);
});
};
/***/ }),
/***/ "./js/page.js":
/*!********************!*\
!*** ./js/page.js ***!
\********************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var fitvids__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! fitvids */ "./node_modules/fitvids/index.js");
/* harmony import */ var fitvids__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fitvids__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var medium_zoom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! medium-zoom */ "./node_modules/medium-zoom/dist/medium-zoom.esm.js");
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./js/helpers.js");
jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(function () {
fitvids__WEBPACK_IMPORTED_MODULE_1___default()('.js-post-content');
Object(_helpers__WEBPACK_IMPORTED_MODULE_3__["adjustImageGallery"])();
Object(_helpers__WEBPACK_IMPORTED_MODULE_3__["managePostImages"])(jquery__WEBPACK_IMPORTED_MODULE_0___default.a);
Object(_helpers__WEBPACK_IMPORTED_MODULE_3__["makeImagesZoomable"])(jquery__WEBPACK_IMPORTED_MODULE_0___default.a, medium_zoom__WEBPACK_IMPORTED_MODULE_2__["default"]);
});
/***/ }),
/***/ 4:
/*!**************************!*\
!*** multi ./js/page.js ***!
\**************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! /Users/eddie/Code/own/liebling/src/js/page.js */"./js/page.js");
/***/ })
},[[4,"/js/manifest","/js/vendor"]]]);

View file

@ -1,305 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/post"],{ (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},l=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).parent().is("a")||e(this).addClass("js-zoomable");var t=e(this).parent().find("figcaption");t?e(this).attr("alt",t.text()):e(this).attr("alt","")}))},d=function(e,t){t(".js-zoomable").on("opened",(function(){setTimeout((function(){var t=e(".medium-zoom-image--opened");t.length>1&&t.last().hide()}),10)}))}},23:function(e,t,n){e.exports=n(24)},24:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(5),i=n(4),s=n.n(i),c=n(3),l=n(2),d=n(1),u=null,m=null,h=window.pageYOffset,f=0,p=0,g=0,w=!1,b=function(){h=window.pageYOffset,y()},j=function(e){Object(d.isMobile)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){u.removeAttr("data-aos")}),e)):o()("body").removeClass("share-menu-displayed")},v=function(){T(),j(100),setTimeout((function(){O(),y()}),200)},y=function(){w||requestAnimationFrame(k),w=!0},k=function(){var e=p-f,t=Math.ceil(h/e*100);t<=100&&x(t),w=!1},T=function(){f=window.innerHeight,p=o()(document).height()},O=function(){var e=m.parent().width(),t=e/2,n=Object(d.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),g=2*t*Math.PI,m[0].style.strokeDasharray="".concat(g," ").concat(g),m[0].style.strokeDashoffset=g},x=function(e){if(e<=100){var t=g-e/100*g;m[0].style.strokeDashoffset=t}};o()((function(){u=o()(".js-aos-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-recommended-slider");if(s()(".js-post-content"),Object(d.adjustImageGallery)(),j(1e3),t.length>0){var n=new l.d(".js-recommended-slider",{type:"slider",rewind:!1,perView:3,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(d.isRTL)()?"rtl":"ltr",breakpoints:{1023:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},720:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},568:{type:"carousel",perView:1,swipeThreshold:80,dragThreshold:120}}});n.on("mount.after",(function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)})),n.on("length.change",(function(e){1===e&&(n.update({type:"slider"}),t.find(".js-controls").remove())})),n.mount({Controls:l.b,Swipe:l.c,Breakpoints:l.a,Length:function(e,t,n){return{mount:function(){n.emit("length.change",t.Sizes.length)}}}})}Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.on("click",(function(){o()("html, body").animate({scrollTop:0},500)})),Object(d.managePostImages)(o.a),Object(d.makeImagesZoomable)(o.a,r.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",v,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),T(),O(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[23,0,1]]]);
/***/ "./js/helpers.js":
/*!***********************!*\
!*** ./js/helpers.js ***!
\***********************/
/*! exports provided: isRTL, isMobile, isDarkMode, formatDate, getParameterByName, adjustImageGallery, managePostImages, makeImagesZoomable */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isRTL", function() { return isRTL; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMobile", function() { return isMobile; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isDarkMode", function() { return isDarkMode; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatDate", function() { return formatDate; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getParameterByName", function() { return getParameterByName; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "adjustImageGallery", function() { return adjustImageGallery; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "managePostImages", function() { return managePostImages; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "makeImagesZoomable", function() { return makeImagesZoomable; });
var isRTL = function isRTL() {
var $html = document.querySelector('html');
return ['ar', 'he', 'fa'].includes($html.getAttribute('lang'));
};
var isMobile = function isMobile() {
var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '768px';
return window.matchMedia("(max-width: ".concat(width, ")")).matches;
};
var isDarkMode = function isDarkMode() {
var darkModeMatcher = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
return darkModeMatcher && darkModeMatcher.matches;
};
var formatDate = function formatDate(date) {
if (date) {
return new Date(date).toLocaleDateString(document.documentElement.lang, {
year: 'numeric',
month: 'long',
day: 'numeric'
});
}
return '';
};
var getParameterByName = function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp("[?&]".concat(name, "(=([^&#]*)|&|#|$)"));
var results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
};
var adjustImageGallery = function adjustImageGallery() {
var images = document.querySelectorAll('.kg-gallery-image img');
for (var i = 0, len = images.length; i < len; i++) {
var container = images[i].closest('.kg-gallery-image');
var width = images[i].attributes.width.value;
var height = images[i].attributes.height.value;
var ratio = width / height;
container.style.flex = "".concat(ratio, " 1 0%");
}
};
var managePostImages = function managePostImages($) {
$('.js-post-content').find('img').each(function () {
if (!$(this).closest('figure').hasClass('kg-bookmark-card') && !$(this).parent().is('a')) {
$(this).addClass('js-zoomable');
}
var $figcaption = $(this).parent().find('figcaption');
if ($figcaption) {
$(this).attr('alt', $figcaption.text());
} else {
$(this).attr('alt', '');
}
});
};
var makeImagesZoomable = function makeImagesZoomable($, mediumZoom) {
var zoom = mediumZoom('.js-zoomable');
zoom.on('opened', function () {
setTimeout(function () {
var $mediumZoomImages = $('.medium-zoom-image--opened');
if ($mediumZoomImages.length > 1) {
$mediumZoomImages.last().hide();
}
}, 10);
});
};
/***/ }),
/***/ "./js/post.js":
/*!********************!*\
!*** ./js/post.js ***!
\********************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js");
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var medium_zoom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! medium-zoom */ "./node_modules/medium-zoom/dist/medium-zoom.esm.js");
/* harmony import */ var fitvids__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! fitvids */ "./node_modules/fitvids/index.js");
/* harmony import */ var fitvids__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fitvids__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var shave__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shave */ "./node_modules/shave/dist/shave.es.js");
/* harmony import */ var _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @glidejs/glide/dist/glide.modular.esm */ "./node_modules/@glidejs/glide/dist/glide.modular.esm.js");
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./helpers */ "./js/helpers.js");
var $aosWrapper = null;
var $progressCircle = null;
var lastScrollingY = window.pageYOffset;
var lastWindowHeight = 0;
var lastDocumentHeight = 0;
var circumference = 0;
var isTicking = false;
var onScrolling = function onScrolling() {
lastScrollingY = window.pageYOffset;
requestTicking();
};
var adjustShare = function adjustShare(timeout) {
if (!Object(_helpers__WEBPACK_IMPORTED_MODULE_5__["isMobile"])('1023px')) {
jquery__WEBPACK_IMPORTED_MODULE_0___default()('body').removeClass('share-menu-displayed');
} else {
jquery__WEBPACK_IMPORTED_MODULE_0___default()('body').addClass('share-menu-displayed');
setTimeout(function () {
$aosWrapper.removeAttr('data-aos');
}, timeout);
}
};
var onResizing = function onResizing() {
setHeights();
adjustShare(100);
setTimeout(function () {
setCircleStyles();
requestTicking();
}, 200);
};
var requestTicking = function requestTicking() {
if (!isTicking) {
requestAnimationFrame(updating);
}
isTicking = true;
};
var updating = function updating() {
var progressMax = lastDocumentHeight - lastWindowHeight;
var percent = Math.ceil(lastScrollingY / progressMax * 100);
if (percent <= 100) {
setProgress(percent);
}
isTicking = false;
};
var setHeights = function setHeights() {
lastWindowHeight = window.innerHeight;
lastDocumentHeight = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).height();
};
var setCircleStyles = function setCircleStyles() {
var svgWidth = $progressCircle.parent().width();
var radiusCircle = svgWidth / 2;
var borderWidth = Object(_helpers__WEBPACK_IMPORTED_MODULE_5__["isMobile"])() ? 2 : 3;
$progressCircle.parent().attr('viewBox', "0 0 ".concat(svgWidth, " ").concat(svgWidth));
$progressCircle.attr('stroke-width', borderWidth);
$progressCircle.attr('r', radiusCircle - (borderWidth - 1));
$progressCircle.attr('cx', radiusCircle);
$progressCircle.attr('cy', radiusCircle);
circumference = radiusCircle * 2 * Math.PI;
$progressCircle[0].style.strokeDasharray = "".concat(circumference, " ").concat(circumference);
$progressCircle[0].style.strokeDashoffset = circumference;
};
var setProgress = function setProgress(percent) {
if (percent <= 100) {
var offset = circumference - percent / 100 * circumference;
$progressCircle[0].style.strokeDashoffset = offset;
}
};
var prepareProgressCircle = function prepareProgressCircle() {
$progressCircle = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-progress');
setHeights();
setCircleStyles();
updating();
setTimeout(function () {
$progressCircle.parent().css('opacity', 1);
}, 300);
};
jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(function () {
$aosWrapper = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-aos-wrapper');
var $scrollButton = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-scrolltop');
var $recommendedSlider = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-recommended-slider');
fitvids__WEBPACK_IMPORTED_MODULE_2___default()('.js-post-content');
Object(_helpers__WEBPACK_IMPORTED_MODULE_5__["adjustImageGallery"])();
adjustShare(1000);
if ($recommendedSlider.length > 0) {
var recommendedSlider = new _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_4__["default"]('.js-recommended-slider', {
type: 'slider',
rewind: false,
perView: 3,
swipeThreshold: false,
dragThreshold: false,
gap: 0,
direction: Object(_helpers__WEBPACK_IMPORTED_MODULE_5__["isRTL"])() ? 'rtl' : 'ltr',
breakpoints: {
1023: {
type: 'carousel',
perView: 2,
swipeThreshold: 80,
dragThreshold: 120
},
720: {
type: 'carousel',
perView: 2,
swipeThreshold: 80,
dragThreshold: 120
},
568: {
type: 'carousel',
perView: 1,
swipeThreshold: 80,
dragThreshold: 120
}
}
});
var Length = function Length(Glide, Components, Events) {
return {
mount: function mount() {
Events.emit('length.change', Components.Sizes.length);
}
};
};
recommendedSlider.on('mount.after', function () {
Object(shave__WEBPACK_IMPORTED_MODULE_3__["default"])('.js-article-card-title', 100);
Object(shave__WEBPACK_IMPORTED_MODULE_3__["default"])('.js-article-card-title-no-image', 250);
});
recommendedSlider.on('length.change', function (length) {
if (length === 1) {
recommendedSlider.update({
type: 'slider'
});
$recommendedSlider.find('.js-controls').remove();
}
});
recommendedSlider.mount({
Controls: _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_4__["Controls"],
Swipe: _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_4__["Swipe"],
Breakpoints: _glidejs_glide_dist_glide_modular_esm__WEBPACK_IMPORTED_MODULE_4__["Breakpoints"],
Length: Length
});
}
Object(shave__WEBPACK_IMPORTED_MODULE_3__["default"])('.js-article-card-title', 100);
Object(shave__WEBPACK_IMPORTED_MODULE_3__["default"])('.js-article-card-title-no-image', 250);
$scrollButton.click(function () {
jquery__WEBPACK_IMPORTED_MODULE_0___default()('html, body').animate({
scrollTop: 0
}, 500);
});
Object(_helpers__WEBPACK_IMPORTED_MODULE_5__["managePostImages"])(jquery__WEBPACK_IMPORTED_MODULE_0___default.a);
Object(_helpers__WEBPACK_IMPORTED_MODULE_5__["makeImagesZoomable"])(jquery__WEBPACK_IMPORTED_MODULE_0___default.a, medium_zoom__WEBPACK_IMPORTED_MODULE_1__["default"]);
window.addEventListener('scroll', onScrolling, {
passive: true
});
window.addEventListener('resize', onResizing, {
passive: true
});
});
jquery__WEBPACK_IMPORTED_MODULE_0___default()(window).on('load', function () {
prepareProgressCircle();
});
/***/ }),
/***/ 3:
/*!**************************!*\
!*** multi ./js/post.js ***!
\**************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! /Users/eddie/Code/own/liebling/src/js/post.js */"./js/post.js");
/***/ })
},[[3,"/js/manifest","/js/vendor"]]]);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{@site.lang}}"> <html lang="{{@site.locale}}">
<head> <head>
{{!-- Document Settings --}} {{!-- Document Settings --}}
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -32,7 +32,7 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), src: local('SourceSansPro-Regular'),
url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-regular.woff2'}}") format('woff2'), url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-regular.woff2'}}") format('woff2'),
url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-regular.woff'}}") format('woff'); url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-regular.woff'}}") format('woff');
} }
@ -43,7 +43,7 @@
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), src: local('SourceSansPro-SemiBold'),
url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-600.woff2'}}") format('woff2'), url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-600.woff2'}}") format('woff2'),
url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-600.woff'}}") format('woff'); url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-600.woff'}}") format('woff');
} }
@ -54,7 +54,7 @@
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), src: local('SourceSansPro-Bold'),
url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-700.woff2'}}") format('woff2'), url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-700.woff2'}}") format('woff2'),
url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-700.woff'}}") format('woff'); url("{{asset 'fonts/source-sans-pro/latin/source-sans-pro-700.woff'}}") format('woff');
} }
@ -103,9 +103,7 @@
{{> footer}} {{> footer}}
{{!-- Notifications alerts --}} {{!-- Notifications alerts --}}
{{#if @labs.members}} {{> "notifications"}}
{{> "notifications"}}
{{/if}}
{{!-- Common scripts shared between pages --}} {{!-- Common scripts shared between pages --}}
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver%2CPromise%2CArray.prototype.includes%2CString.prototype.endsWith%2CString.prototype.startsWith%2CObject.assign%2CNodeList.prototype.forEach"></script> <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver%2CPromise%2CArray.prototype.includes%2CString.prototype.endsWith%2CString.prototype.startsWith%2CObject.assign%2CNodeList.prototype.forEach"></script>

View file

@ -31,12 +31,7 @@ into the {body} of the default.hbs template --}}
{{#if @site.description}} {{#if @site.description}}
<p class="m-hero-description bigger">{{@site.description}}</p> <p class="m-hero-description bigger">{{@site.description}}</p>
{{/if}} {{/if}}
{{#if @labs.subscribers}} <a href="{{@site.url}}/newsletter" class="m-button filled js-newsletter">{{t "Subscribe"}}</a>
<a href="{{@site.url}}/subscribe" class="m-button filled">{{t "Subscribe"}}</a>
{{/if}}
{{#if @labs.members}}
<a href="{{@site.url}}/newsletter" class="m-button filled">{{t "Subscribe"}}</a>
{{/if}}
</div> </div>
</section> </section>
<div class="l-content"> <div class="l-content">

64
locales/ja.json Normal file
View file

@ -0,0 +1,64 @@
{
"% min read": "%分で読めます",
"% posts": "%件の投稿",
"1 min read": "1分で読めます",
"1 post": "1件の投稿",
"Among with": "<br>共著者 ",
"Among with no break line": "共著者 ",
"Apparently there are no posts at the moment, check again later.": "どうやら今は投稿が無いようです、後でもう一度確認してみてください。",
"Back to home": "ホームへ戻る",
"Close": "閉じる",
"Close menu": "メニューを閉じる",
"Close search": "検索を閉じる",
"Email cannot be blank.": "メールは空欄にすることはできません。",
"Featured": "おすすめ",
"Get the latest posts delivered right to your inbox.": "受信トレイに最新の投稿を配信して入手する。",
"Go to the home page": "ホームページへ行く",
"Great! Next, complete checkout for full access.": "いいね!次は、フルアクセスのためのチェックアウトを完了します。",
"Great! You've successfully subscribed.": "いいね!正常に購読しています。",
"JavaScript license information": "JavaScriptライセンス情報",
"Main menu": "メインメニュー",
"More": "もっと見る",
"Newer posts": "新しい投稿",
"Next": "次へ",
"No posts": "投稿がありません",
"No posts found": "投稿が見つかりませんでした",
"No recent articles found :(": "最近の記事は見つかりませんでした。 :(",
"No results for your search, try something different.": "検索結果はありません。他のもので試してみてください。",
"No tags found :(": "タグが見つかりませんでした。 :(",
"Now check your inbox and click the link to confirm your subscription.": "受信トレイを確認し、リンクをクリックして購読を確認してください。",
"Older posts": "古い投稿",
"Oops! There was an error sending the email, please try later.": "おっと!メールの送信にエラーが発生しました。",
"Open menu": "メニューを開く",
"Open search": "検索を開く",
"Open submenu": "サブメニューを開く",
"Page": "ページ",
"Page not found": "ページが見つかりませんでした",
"Pagination": "ページネーション",
"Please enter a valid email address": "有効なメールアドレスを入力してください",
"Posted by": "投稿者",
"Previous": "前へ",
"Published with": "公開",
"Recent articles": "最近の記事",
"Recommended for you": "あなたへのおすすめ",
"Scroll to top": "トップへスクロール",
"Search": "検索",
"Secondary menu in footer": "フッター内のセカンダリメニュー",
"Stay up to date! Get all the latest & greatest posts delivered straight to your inbox.": "最新情報をお届けします!全ての最新かつ最高の投稿を受信トレイに直接配信します。",
"Subscribe": "購読",
"Subscribe to our newsletter": "ニュースレターを購読する",
"Subscribe to {blogtitle}": "{blogtitle}を購読する",
"Subscribed!": "購読!",
"Success! Your account is fully activated, you now have access to all content.": "成功!アカウントが完全に有効化され、すべてのコンテンツにアクセスできるようになりました。",
"Tags": "タグ",
"Toggle dark mode": "ダークモードを切り替え",
"Type to search": "入力して検索",
"Unfortunately the page you were looking for could not be found.": "残念ながら探していたページは見つかりませんでした。",
"Website": "ウェブサイト",
"Welcome back! You've successfully signed in.": "おかえりなさい!サインインに成功しました。",
"You've successfully subscribed to": "購読に成功しました。",
"Your email address": "あなたのメールアドレス",
"of": "/",
"with the email address": "のメールアドレス",
"with this tag": "にこのタグが付いています"
}

View file

@ -30,8 +30,8 @@
"demo": "https://liebling.eduardogomez.io", "demo": "https://liebling.eduardogomez.io",
"description": "Beautiful and clean theme that is easy and comfortable to use.", "description": "Beautiful and clean theme that is easy and comfortable to use.",
"engines": { "engines": {
"ghost": ">=3.0.0", "ghost": ">=4.0.0",
"ghost-api": "v3" "ghost-api": "v4"
}, },
"gpm": { "gpm": {
"type": "theme", "type": "theme",
@ -54,5 +54,5 @@
"desktop": "assets/screenshot-desktop.jpg", "desktop": "assets/screenshot-desktop.jpg",
"mobile": "assets/screenshot-mobile.jpg" "mobile": "assets/screenshot-mobile.jpg"
}, },
"version": "0.9.3" "version": "1.0.2"
} }

View file

@ -1,6 +1,6 @@
{{!-- The template below includes the markup for each post --}} {{!-- The template below includes the markup for each post --}}
{{#foreach posts visibility="all"}} {{#foreach posts}}
{{#is "post"}} {{#is "post"}}
<div class="m-recommended-slider__item glide__slide"> <div class="m-recommended-slider__item glide__slide">
{{/is}} {{/is}}

View file

@ -36,7 +36,7 @@ into the {body} of the default.hbs template --}}
<div class="l-wrapper in-post {{#unless feature_image}}no-image{{/unless}} js-aos-wrapper" data-aos="fade-up" <div class="l-wrapper in-post {{#unless feature_image}}no-image{{/unless}} js-aos-wrapper" data-aos="fade-up"
data-aos-delay="300"> data-aos-delay="300">
<div <div
class="l-post-content {{#if @labs.subscribers}}has-subscribe-form{{/if}} {{#if @labs.members}}has-subscribe-form{{/if}} js-progress-content"> class="l-post-content js-progress-content">
<header class="m-heading"> <header class="m-heading">
<h1 class="m-heading__title in-post">{{title}}</h1> <h1 class="m-heading__title in-post">{{title}}</h1>
<div class="m-heading__meta"> <div class="m-heading__meta">
@ -80,48 +80,21 @@ into the {body} of the default.hbs template --}}
</div> </div>
</div> </div>
{{!-- Email subscribe form at the bottom of the page --}} {{!-- Email subscribe form at the bottom of the page --}}
{{#if @labs.subscribers}} <section class="m-subscribe-section js-newsletter">
<section class="m-subscribe-section"> <div class="l-wrapper in-post">
<div class="l-wrapper in-post"> <div class="m-subscribe-section__content">
<div class="m-subscribe-section__content"> <div class="m-subscribe-section__text">
<div class="m-subscribe-section__text"> <h4 class="m-subscribe-section__title">{{t "Subscribe to our newsletter"}}</h4>
<h4 class="m-subscribe-section__title">{{t "Subscribe to our newsletter"}}</h4> <p class="m-subscribe-section__description">
<p class="m-subscribe-section__description"> {{t "Get the latest posts delivered right to your inbox."}}
{{t "Get the latest posts delivered right to your inbox."}} </p>
</p> </div>
</div> <div class="m-subscribe-section__form">
<div class="m-subscribe-section__form"> {{> "newsletter-form"}}
{{subscribe_form
form_id="subscribe-form"
form_class="m-subscribe-section__form"
input_id="subscribe_input"
input_class="m-input in-subscribe-section"
button_id="subscribe_button"
button_class="m-button primary block"
placeholder=(t "Your email address")
}}
</div>
</div> </div>
</div> </div>
</section> </div>
{{/if}} </section>
{{#if @labs.members}}
<section class="m-subscribe-section">
<div class="l-wrapper in-post">
<div class="m-subscribe-section__content">
<div class="m-subscribe-section__text">
<h4 class="m-subscribe-section__title">{{t "Subscribe to our newsletter"}}</h4>
<p class="m-subscribe-section__description">
{{t "Get the latest posts delivered right to your inbox."}}
</p>
</div>
<div class="m-subscribe-section__form">
{{> "newsletter-form"}}
</div>
</div>
</div>
</section>
{{/if}}
<section class="m-author"> <section class="m-author">
<div class="m-author__content"> <div class="m-author__content">
<div class="m-author__picture"> <div class="m-author__picture">

View file

@ -2,7 +2,7 @@ version: '3'
services: services:
ghost: ghost:
image: ghost:3.32.1 image: ghost:4.1.0
container_name: ghost container_name: ghost
volumes: volumes:
- ./..:/var/lib/ghost/content/themes/liebling:Z - ./..:/var/lib/ghost/content/themes/liebling:Z

View file

@ -4,7 +4,8 @@ import Glide, {
Swipe, Swipe,
Breakpoints Breakpoints
} from '@glidejs/glide/dist/glide.modular.esm' } from '@glidejs/glide/dist/glide.modular.esm'
import tippy from 'tippy.js' import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';
import shave from 'shave' import shave from 'shave'
import AOS from 'aos' import AOS from 'aos'
import Fuse from 'fuse.js/dist/fuse.basic.esm.min.js' import Fuse from 'fuse.js/dist/fuse.basic.esm.min.js'
@ -16,7 +17,7 @@ import {
getParameterByName getParameterByName
} from './helpers' } from './helpers'
$(document).ready(() => { $(() => {
if (isRTL()) { if (isRTL()) {
$('html').attr('dir', 'rtl').addClass('rtl') $('html').attr('dir', 'rtl').addClass('rtl')
} }
@ -41,6 +42,7 @@ $(document).ready(() => {
const $closeNotification = $('.js-notification-close') const $closeNotification = $('.js-notification-close')
const $mainNav = $('.js-main-nav') const $mainNav = $('.js-main-nav')
const $mainNavLeft = $('.js-main-nav-left') const $mainNavLeft = $('.js-main-nav-left')
const $newsletterElements = $('.js-newsletter')
const currentSavedTheme = localStorage.getItem('theme') const currentSavedTheme = localStorage.getItem('theme')
let fuse = null let fuse = null
@ -63,6 +65,12 @@ $(document).ready(() => {
$body.toggleClass('no-scroll-y') $body.toggleClass('no-scroll-y')
} }
const tryToRemoveNewsletter = () => {
if (typeof disableNewsletter !== 'undefined' && disableNewsletter) {
$newsletterElements.remove()
}
}
const trySearchFeature = () => { const trySearchFeature = () => {
if (typeof ghostSearchApiKey !== 'undefined') { if (typeof ghostSearchApiKey !== 'undefined') {
getAllPosts(ghostHost, ghostSearchApiKey) getAllPosts(ghostHost, ghostSearchApiKey)
@ -77,7 +85,7 @@ $(document).ready(() => {
const api = new GhostContentAPI({ const api = new GhostContentAPI({
url: host, url: host,
key, key,
version: 'v2' version: 'v4'
}) })
const allPosts = [] const allPosts = []
const fuseOptions = { const fuseOptions = {
@ -161,19 +169,19 @@ $(document).ready(() => {
} }
} }
$openMenu.click(() => { $openMenu.on('click', () => {
$header.addClass('mobile-menu-opened') $header.addClass('mobile-menu-opened')
$menu.addClass('opened') $menu.addClass('opened')
toggleScrollVertical() toggleScrollVertical()
}) })
$closeMenu.click(() => { $closeMenu.on('click', () => {
$header.removeClass('mobile-menu-opened') $header.removeClass('mobile-menu-opened')
$menu.removeClass('opened') $menu.removeClass('opened')
toggleScrollVertical() toggleScrollVertical()
}) })
$toggleSubmenu.click(() => { $toggleSubmenu.on('click', () => {
submenuIsOpen = !submenuIsOpen submenuIsOpen = !submenuIsOpen
if (submenuIsOpen) { if (submenuIsOpen) {
@ -183,21 +191,21 @@ $(document).ready(() => {
} }
}) })
$openSearch.click(() => { $openSearch.on('click', () => {
$search.addClass('opened') $search.addClass('opened')
setTimeout(() => { setTimeout(() => {
$inputSearch.focus() $inputSearch.trigger('focus')
}, 400); }, 400);
toggleScrollVertical() toggleScrollVertical()
}) })
$closeSearch.click(() => { $closeSearch.on('click', () => {
$inputSearch.blur() $inputSearch.trigger('blur')
$search.removeClass('opened') $search.removeClass('opened')
toggleScrollVertical() toggleScrollVertical()
}) })
$inputSearch.keyup(() => { $inputSearch.on('keyup', () => {
if ($inputSearch.val().length > 0 && fuse) { if ($inputSearch.val().length > 0 && fuse) {
const results = fuse.search($inputSearch.val()) const results = fuse.search($inputSearch.val())
const bestResults = results.filter((result) => { const bestResults = results.filter((result) => {
@ -234,7 +242,7 @@ $(document).ready(() => {
} }
}) })
$toggleDarkMode.change(() => { $toggleDarkMode.on('change', () => {
if ($toggleDarkMode.is(':checked')) { if ($toggleDarkMode.is(':checked')) {
$('html').attr('data-theme', 'dark') $('html').attr('data-theme', 'dark')
localStorage.setItem('theme', 'dark') localStorage.setItem('theme', 'dark')
@ -244,17 +252,19 @@ $(document).ready(() => {
} }
}) })
$toggleDarkMode.hover(() => { $toggleDarkMode.on('mouseenter', () => {
toggleDesktopTopbarOverflow(true) toggleDesktopTopbarOverflow(true)
}, () => {
toggleDesktopTopbarOverflow(false)
}) })
$closeNotification.click(function () { $toggleDarkMode.on('mouseleave', () => {
toggleDesktopTopbarOverflow(true)
})
$closeNotification.on('click', function () {
closeNotification($(this).parent()) closeNotification($(this).parent())
}) })
$(window).click((e) => { $(window).on('click', (e) => {
if (submenuIsOpen) { if (submenuIsOpen) {
if ($submenuOption && !$submenuOption.contains(e.target)) { if ($submenuOption && !$submenuOption.contains(e.target)) {
submenuIsOpen = false submenuIsOpen = false
@ -263,7 +273,7 @@ $(document).ready(() => {
} }
}) })
$(document).keyup((e) => { $(document).on('keyup', (e) => {
if (e.key === 'Escape' && $search.hasClass('opened')) { if (e.key === 'Escape' && $search.hasClass('opened')) {
$closeSearch.click() $closeSearch.click()
} }
@ -353,6 +363,7 @@ $(document).ready(() => {
const template = document.getElementById('secondary-navigation-template') const template = document.getElementById('secondary-navigation-template')
secondaryMenuTippy = tippy('.js-open-secondary-menu', { secondaryMenuTippy = tippy('.js-open-secondary-menu', {
appendTo: document.body,
content: template.innerHTML, content: template.innerHTML,
allowHTML: true, allowHTML: true,
arrow: true, arrow: true,
@ -373,5 +384,6 @@ $(document).ready(() => {
shave('.js-article-card-title-no-image', 250) shave('.js-article-card-title-no-image', 250)
checkForActionParameter() checkForActionParameter()
tryToRemoveNewsletter()
trySearchFeature() trySearchFeature()
}) })

View file

@ -7,7 +7,7 @@ import Glide, {
} from '@glidejs/glide/dist/glide.modular.esm' } from '@glidejs/glide/dist/glide.modular.esm'
import { isRTL } from './helpers' import { isRTL } from './helpers'
$(document).ready(() => { $(() => {
const $featuredSlider = $('.js-featured-slider') const $featuredSlider = $('.js-featured-slider')
if ($featuredSlider.length > 0) { if ($featuredSlider.length > 0) {

View file

@ -7,7 +7,7 @@ import {
makeImagesZoomable makeImagesZoomable
} from './helpers' } from './helpers'
$(document).ready(() => { $(() => {
fitvids('.js-post-content') fitvids('.js-post-content')
adjustImageGallery() adjustImageGallery()

View file

@ -109,7 +109,7 @@ const prepareProgressCircle = () => {
}, 300) }, 300)
} }
$(document).ready(() => { $(() => {
$aosWrapper = $('.js-aos-wrapper') $aosWrapper = $('.js-aos-wrapper')
const $scrollButton = $('.js-scrolltop') const $scrollButton = $('.js-scrolltop')
const $recommendedSlider = $('.js-recommended-slider') const $recommendedSlider = $('.js-recommended-slider')
@ -176,7 +176,7 @@ $(document).ready(() => {
shave('.js-article-card-title', 100) shave('.js-article-card-title', 100)
shave('.js-article-card-title-no-image', 250) shave('.js-article-card-title-no-image', 250)
$scrollButton.click(() => { $scrollButton.on('click', () => {
$('html, body').animate({ $('html, body').animate({
scrollTop: 0 scrollTop: 0
}, 500) }, 500)

File diff suppressed because one or more lines are too long

9850
src/package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -29,32 +29,32 @@
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {
"7zip": "0.0.6", "7zip": "0.0.6",
"@tryghost/admin-api": "^1.0.1", "@tryghost/admin-api": "^1.4.0",
"browser-sync": "^2.26.7", "browser-sync": "^2.26.14",
"browser-sync-webpack-plugin": "^2.0.1", "browser-sync-webpack-plugin": "^2.3.0",
"concurrently": "^5.3.0", "concurrently": "^6.0.0",
"dotenv": "^8.2.0", "dotenv": "^8.2.0",
"fs": "0.0.1-security", "fs": "0.0.1-security",
"ghost-cli": "^1.12.0", "ghost-cli": "^1.16.3",
"husky": "^4.2.3", "husky": "^4.2.3",
"laravel-mix": "^4.0.0-beta.2", "laravel-mix": "^5.0.0",
"path": "^0.12.7", "path": "^0.12.7",
"resolve-url-loader": "3.1.0", "resolve-url-loader": "3.1.2",
"run-script-os": "^1.0.7", "run-script-os": "^1.1.5",
"sass": "^1.22.9", "sass": "^1.22.9",
"sass-loader": "7.*", "sass-loader": "8.*",
"vue-template-compiler": "^2.6.10" "vue-template-compiler": "^2.6.10"
}, },
"dependencies": { "dependencies": {
"@glidejs/glide": "^3.4.1", "@glidejs/glide": "^3.4.1",
"aos": "eddiesigner/aos.git#v2", "aos": "2.3.4",
"fitvids": "^2.0.0", "fitvids": "^2.0.0",
"fuse.js": "^6.3.0", "fuse.js": "^6.4.6",
"headroom.js": "^0.10.3", "headroom.js": "^0.12.0",
"jquery": "^3.3.1", "jquery": "^3.6.0",
"medium-zoom": "^1.0.3", "medium-zoom": "^1.0.6",
"shave": "^2.5.6", "shave": "^2.5.10",
"tippy.js": "^4.0.1" "tippy.js": "^5.2.1"
}, },
"optionalDependencies": { "optionalDependencies": {
"win-node-env": "^0.4.0" "win-node-env": "^0.4.0"

View file

@ -41,7 +41,7 @@
} }
} }
ul { ul:not(.m-secondary-menu) {
padding: 0; padding: 0;
margin: 0; margin: 0;

View file

@ -6,6 +6,11 @@
li { li {
font-size: 1rem; font-size: 1rem;
@include respond-to('medium') {
margin-left: 0;
margin-right: 0;
}
&.nav-current { &.nav-current {
a { a {
font-weight: 600; font-weight: 600;

View file

@ -381,7 +381,7 @@
line-height: 1.4; line-height: 1.4;
font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace; font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
margin: 0 0 25px; margin: 0 0 25px;
overflow: auto; overflow-x: auto;
border-radius: 5px; border-radius: 5px;
background-color: var(--secondary-subtle-color); background-color: var(--secondary-subtle-color);
white-space: pre; white-space: pre;
@ -403,7 +403,7 @@
> code { > code {
display: block; display: block;
padding: 10px; padding: 10px 10px 0;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
word-break: normal; word-break: normal;
@ -418,7 +418,7 @@
hyphens: none; hyphens: none;
@include respond-to('medium') { @include respond-to('medium') {
padding: 20px; padding: 20px 20px 0;
} }
} }

View file

@ -1,5 +1,11 @@
let mix = require('laravel-mix'); let mix = require('laravel-mix');
mix.options({
terser: {
extractComments: false,
}
});
mix.webpackConfig({ mix.webpackConfig({
module: { module: {
rules: [ rules: [