Changes to pass the w3c validator

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

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>

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>

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>

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>

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}}

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>
</section> </div>
</div>
</article> </article>
</main> </main>
</div> </div>

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"}}

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>

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>

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>

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>