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

Changes to pass the w3c validator

Browse source
This commit is contained in:
Eduardo Gomez 2019-03-12 11:39:01 +01:00
parent 09ed1758c2
commit 5c043d3d5e
12 changed files with 42 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
author.hbs
View file

@ -55,14 +55,14 @@
</header> </header>
{{/author}} {{/author}}
<main role="main"> <main>
<section class="l-content"> <div class="l-content">
<div class="l-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
<section class="l-grid centered"> <div class="l-grid centered">
{{> "loop"}} {{> "loop"}}
</section> </div>
</div> </div>
{{pagination}} {{pagination}}
</section> </div>
</main> </main>
</div> </div>

2
default.hbs
View file

@ -13,6 +13,8 @@
{{!-- Styles'n'Scripts --}} {{!-- Styles'n'Scripts --}}
<link rel="stylesheet" type="text/css" href="{{asset "css/app.css"}}" /> <link rel="stylesheet" type="text/css" href="{{asset "css/app.css"}}" />
{{{block "herobackground"}}}
{{!-- This tag outputs SEO meta+structured data and other important settings --}} {{!-- This tag outputs SEO meta+structured data and other important settings --}}
{{ghost_head}} {{ghost_head}}
<script> <script>

2
error-404.hbs
View file

@ -2,7 +2,7 @@
{{> header}} {{> header}}
<main class="l-fullscreen" role="main"> <main class="l-fullscreen">
<section class="l-fullscreen__content" data-aos="fade-up" data-aos-delay="300"> <section class="l-fullscreen__content" data-aos="fade-up" data-aos-delay="300">
<h1 class="m-404-title">404</h1> <h1 class="m-404-title">404</h1>
<p class="m-404-subtitle">Page not found</p> <p class="m-404-subtitle">Page not found</p>

10
index.hbs
View file

@ -15,10 +15,10 @@
</div> </div>
</header> </header>
<main role="main"> <main>
<section class="l-content"> <div class="l-content">
<div class="l-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
<section class="l-grid centered"> <div class="l-grid centered">
{{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}} {{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}}
{{#if featured}} {{#if featured}}
<div class="m-featured-slider"> <div class="m-featured-slider">
@ -68,10 +68,10 @@
{{/if}} {{/if}}
{{/get}} {{/get}}
{{> "loop"}} {{> "loop"}}
</section> </div>
</div> </div>
{{pagination}} {{pagination}}
</section> </div>
</main> </main>
</div> </div>

10
page-authors.hbs
View file

@ -12,11 +12,11 @@
{{/if}} {{/if}}
</div> </div>
</header> </header>
<main role="main"> <main>
<section class="l-content"> <div class="l-content">
<div class="l-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
{{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}} {{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}}
<section class="l-grid centered"> <div class="l-grid centered">
{{#foreach authors}} {{#foreach authors}}
<article class="m-article-card as-author"> <article class="m-article-card as-author">
{{#if profile_image}} {{#if profile_image}}
@ -65,10 +65,10 @@
</div> </div>
</article> </article>
{{/foreach}} {{/foreach}}
</section> </div>
{{/get}} {{/get}}
</div> </div>
</section> </div>
</main> </main>
</div> </div>
{{/post}} {{/post}}

10
page.hbs
View file

@ -12,17 +12,17 @@
{{/if}} {{/if}}
</div> </div>
</header> </header>
<main role="main"> <main>
<article> <article>
<section class="l-content"> <div class="l-content">
<div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
<div class="l-post-content"> <div class="l-post-content">
<section class="pos-relative js-post-content"> <div class="pos-relative js-post-content">
{{content}} {{content}}
</section> </div>
</div> </div>
</div> </div>
</section> </div>
</article> </article>
</main> </main>
</div> </div>

12
partials/hero.hbs
View file

@ -1,5 +1,6 @@
{{#if background}} {{#if background}}
<style type="text/css"> {{#contentFor "herobackground"}}
<style>
.m-hero__picture { .m-hero__picture {
background-image: url({{img_url background size='xl'}}); background-image: url({{img_url background size='xl'}});
} }
@ -7,23 +8,16 @@
@media(max-width: 1000px) { @media(max-width: 1000px) {
.m-hero__picture { .m-hero__picture {
background-image: url({{img_url background size='l'}}); background-image: url({{img_url background size='l'}});
background-image: -webkit-image-set(url({{img_url background size='l'}}) 1x,
url({{img_url background size='xl'}}) 2x);
background-image: image-set(url({{img_url background size='l'}}) 1x,
url({{img_url background size='xl'}}) 2x);
} }
} }
@media(max-width: 600px) { @media(max-width: 600px) {
.m-hero__picture { .m-hero__picture {
background-image: url({{img_url background size='m'}}); background-image: url({{img_url background size='m'}});
background-image: -webkit-image-set(url({{img_url background size='m'}}) 1x,
url({{img_url background size='l'}}) 2x);
background-image: image-set(url({{img_url background size='m'}}) 1x,
url({{img_url background size='l'}}) 2x);
} }
} }
</style> </style>
{{/contentFor}}
<header class="m-hero with-picture" data-aos="fade"> <header class="m-hero with-picture" data-aos="fade">
{{#is "post"}} {{#is "post"}}

2
partials/pagination.hbs
View file

@ -1,5 +1,5 @@
<div class="l-wrapper"> <div class="l-wrapper">
<nav class="m-pagination" role="navigation"> <nav class="m-pagination">
{{#if prev}} {{#if prev}}
<a href="{{page_url prev}}" class="m-icon-button filled in-pagination-left" aria-label="Newer posts"> <a href="{{page_url prev}}" class="m-icon-button filled in-pagination-left" aria-label="Newer posts">
<span class="icon-arrow-left"></span> <span class="icon-arrow-left"></span>

4
partials/search.hbs
View file

@ -1,4 +1,4 @@
<section class="m-search js-search"> <div class="m-search js-search">
<button class="m-icon-button outlined as-close-search js-close-search" aria-label="Close search"> <button class="m-icon-button outlined as-close-search js-close-search" aria-label="Close search">
<span class="icon-close"></span> <span class="icon-close"></span>
</button> </button>
@ -11,4 +11,4 @@
</form> </form>
<div class="js-search-results"></div> <div class="js-search-results"></div>
</div> </div>
</section> </div>

14
post.hbs
View file

@ -8,23 +8,23 @@
</header> </header>
{{/post}} {{/post}}
<main role="main"> <main>
<article> <article>
<section class="l-content"> <div class="l-content">
{{#post}} {{#post}}
<div class="l-wrapper in-post js-wrapper-aos" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper in-post js-wrapper-aos" data-aos="fade-up" data-aos-delay="300">
<div class="l-post-content js-progress-content"> <div 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>
<section class="m-heading__meta"> <div class="m-heading__meta">
{{#if primary_tag}} {{#if primary_tag}}
<a href="{{primary_tag.url}}" class="m-heading__meta__tag">{{primary_tag.name}}</a> <a href="{{primary_tag.url}}" class="m-heading__meta__tag">{{primary_tag.name}}</a>
<span class="m-heading__meta__divider">&bull;</span> <span class="m-heading__meta__divider">&bull;</span>
{{/if}} {{/if}}
<time class="m-heading__meta__time">{{date published_at}}</time> <time class="m-heading__meta__time">{{date published_at}}</time>
</section> </div>
</header> </header>
<section class="pos-relative js-post-content"> <div class="pos-relative js-post-content">
<div class="m-share"> <div class="m-share">
<div class="m-share__content js-sticky"> <div class="m-share__content js-sticky">
<a href="#" class="m-icon-button filled in-share"> <a href="#" class="m-icon-button filled in-share">
@ -42,7 +42,7 @@
</div> </div>
</div> </div>
{{content}} {{content}}
</section> </div>
</div> </div>
</div> </div>
<section class="m-subscribe-section"> <section class="m-subscribe-section">
@ -152,7 +152,7 @@
</div> </div>
</section> </section>
{{/get}} {{/get}}
</section> </div>
</article> </article>
</main> </main>
</div> </div>

2
subscribe.hbs
View file

@ -7,7 +7,7 @@
</a> </a>
</div> </div>
<main class="l-fullscreen" role="main"> <main class="l-fullscreen">
<section class="l-fullscreen__content in-subscribe-page" data-aos="fade-up" data-aos-delay="300"> <section class="l-fullscreen__content in-subscribe-page" data-aos="fade-up" data-aos-delay="300">
{{^if success}} {{^if success}}
<div> <div>

10
tag.hbs
View file

@ -14,14 +14,14 @@
</header> </header>
{{/tag}} {{/tag}}
<main role="main"> <main>
<section class="l-content"> <div class="l-content">
<div class="l-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
<section class="l-grid centered"> <div class="l-grid centered">
{{> "loop"}} {{> "loop"}}
</section> </div>
</div> </div>
{{pagination}} {{pagination}}
</section> </div>
</main> </main>
</div> </div>