yann/liebling
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge pull request #1 from eddiesigner/master

Browse source 
bump
This commit is contained in:
Yann Verry 2021-04-14 23:11:25 +02:00 committed by GitHub
parent 4b4592b48b 6733b5ef6f
commit 608e678fed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
34 changed files with 5736 additions and 31295 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
README.md
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>
## 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
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.
**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
@ -94,6 +98,8 @@ From now on, this theme is only compatible with Ghost 3
* Persian (Farsi) by [Aminoiz](https://github.com/Aminoiz)
* Ukrainian by [partizan007](https://github.com/partizan007)
* 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
@ -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.
* [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

76
assets/css/404.css
View file

@ -1,75 +1 @@
/** Mixins */
/** 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;
}
}
.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}}

3623
assets/css/app.css
View file

File diff suppressed because one or more lines are too long

246
assets/css/home.css
View file

@ -1,245 +1 @@
/** Mixins */
/** 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;
}
.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}

43
assets/css/listing.css
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: 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;
}
}
.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}}

181
assets/css/newsletter.css
View file

@ -1,180 +1 @@
/** Mixins */
/** 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;
}
.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}

1189
assets/css/post.css
View file

File diff suppressed because one or more lines are too long

103
assets/css/tags.css
View file

@ -1,102 +1 @@
/** Mixins */
/** 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;
}
@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}

477
assets/js/app.js
View file

File diff suppressed because one or more lines are too long

190
assets/js/helpers.js
View file

@ -1,189 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/helpers"],{
/***/ "./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"]]]);
(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]]]);

233
assets/js/home.js
View file

@ -1,232 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/home"],{
/***/ "./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"]]]);
(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]]]);

155
assets/js/manifest.js
View file

@ -1,154 +1 @@
/******/ (function(modules) { // webpackBootstrap
/******/ // 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();
/******/ })
/************************************************************************/
/******/ ([]);
!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()}([]);

134
assets/js/page.js
View file

@ -1,133 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/page"],{
/***/ "./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"]]]);
(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]]]);

306
assets/js/post.js
View file

@ -1,305 +1 @@
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/post"],{
/***/ "./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"]]]);
(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]]]);

19950
assets/js/vendor.js
View file

File diff suppressed because one or more lines are too long

3
assets/js/vendor/content-api.min.js vendored
View file

File diff suppressed because one or more lines are too long

12
default.hbs
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{@site.lang}}">
<html lang="{{@site.locale}}">
<head>
{{!-- Document Settings --}}
<meta charset="utf-8" />
@ -32,7 +32,7 @@
font-style: normal;
font-weight: 400;
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.woff'}}") format('woff');
}
@ -43,7 +43,7 @@
font-style: normal;
font-weight: 600;
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.woff'}}") format('woff');
}
@ -54,7 +54,7 @@
font-style: normal;
font-weight: 700;
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.woff'}}") format('woff');
}
@ -103,9 +103,7 @@
{{> footer}}
{{!-- Notifications alerts --}}
{{#if @labs.members}}
{{> "notifications"}}
{{/if}}
{{> "notifications"}}
{{!-- 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>

7
index.hbs
View file

@ -31,12 +31,7 @@ into the {body} of the default.hbs template --}}
{{#if @site.description}}
<p class="m-hero-description bigger">{{@site.description}}</p>
{{/if}}
{{#if @labs.subscribers}}
<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}}
<a href="{{@site.url}}/newsletter" class="m-button filled js-newsletter">{{t "Subscribe"}}</a>
</div>
</section>
<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": "にこのタグが付いています"
}

6
package.json
View file

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

2
partials/loop.hbs
View file

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

55
post.hbs
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"
data-aos-delay="300">
<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">
<h1 class="m-heading__title in-post">{{title}}</h1>
<div class="m-heading__meta">
@ -80,48 +80,21 @@ into the {body} of the default.hbs template --}}
</div>
</div>
{{!-- Email subscribe form at the bottom of the page --}}
{{#if @labs.subscribers}}
<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">
{{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>
<section class="m-subscribe-section js-newsletter">
<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>
</section>
{{/if}}
{{#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}}
</div>
</section>
<section class="m-author">
<div class="m-author__content">
<div class="m-author__picture">

2
src/docker-compose.yml
View file

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

48
src/js/app.js
View file

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

2
src/js/home.js
View file

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

2
src/js/page.js
View file

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

4
src/js/post.js
View file

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

3
src/js/vendor/content-api.min.js vendored
View file

File diff suppressed because one or more lines are too long

9850
src/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

32
src/package.json
View file

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

2
src/sass/components/header/_nav.scss
View file

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

5
src/sass/components/header/_secondary-menu.scss
View file

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

6
src/sass/layouts/_post-content.scss
View file

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

6
src/webpack.mix.js
View file

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