179 lines
8.0 KiB
Handlebars
179 lines
8.0 KiB
Handlebars
|
{{!< default}}
|
||
|
|
|
||
|
|
{{! The comment above "< default" means - insert everything in this file into
|
||
|
|
the {body} of the default.hbs template, which contains our header/footer. }}
|
||
|
|
|
||
|
|
{{! Everything inside the #post tags pulls data from the post }}
|
||
|
|
{{#post}}
|
||
|
|
|
||
|
|
<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
|
||
|
|
<nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
|
||
|
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
|
||
|
|
{{#if @blog.navigation}}
|
||
|
|
<a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
|
||
|
|
{{/if}}
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main class="content" role="main">
|
||
|
|
<article class="{{post_class}}">
|
||
|
|
<section class="post-content">
|
||
|
|
<header class="post-header">
|
||
|
|
<h1 class="post-title">{{title}}</h1>
|
||
|
|
{{!--
|
||
|
|
<section class="post-meta">
|
||
|
|
<time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}}
|
||
|
|
</section>
|
||
|
|
--}}
|
||
|
|
</header>
|
||
|
|
|
||
|
|
{{content}}
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer class="post-footer">
|
||
|
|
|
||
|
|
{{! Everything inside the #author tags pulls data from the author }}
|
||
|
|
{{#author}}
|
||
|
|
|
||
|
|
{{#if image}}
|
||
|
|
<figure class="author-image">
|
||
|
|
<a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
|
||
|
|
</figure>
|
||
|
|
{{/if}}
|
||
|
|
|
||
|
|
<section class="author">
|
||
|
|
<h4><a href="{{url}}">{{name}}</a></h4>
|
||
|
|
|
||
|
|
{{#if bio}}
|
||
|
|
<p>{{bio}}</p>
|
||
|
|
{{else}}
|
||
|
|
<p>Read <a href="{{url}}">more posts</a> by this author.</p>
|
||
|
|
{{/if}}
|
||
|
|
<div class="author-meta">
|
||
|
|
{{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
|
||
|
|
{{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
{{/author}}
|
||
|
|
|
||
|
|
<section class="share">
|
||
|
|
<h4>Share this post</h4>
|
||
|
|
<a class="icon-twitter" href="https://twitter.com/intent/tweet?text={{encode title}}&url={{url absolute="true"}}"
|
||
|
|
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
|
||
|
|
<span class="hidden">Twitter</span>
|
||
|
|
</a>
|
||
|
|
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
|
||
|
|
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
|
||
|
|
<span class="hidden">Facebook</span>
|
||
|
|
</a>
|
||
|
|
<a class="icon-google-plus" href="https://plus.google.com/share?url={{url absolute="true"}}"
|
||
|
|
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
|
||
|
|
<span class="hidden">Google+</span>
|
||
|
|
</a>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="newsletter">
|
||
|
|
<!-- Begin MailChimp Signup Form -->
|
||
|
|
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
|
||
|
|
<style type="text/css">
|
||
|
|
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
|
||
|
|
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
|
||
|
|
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
|
||
|
|
</style>
|
||
|
|
<div id="mc_embed_signup">
|
||
|
|
<form action="//life.us12.list-manage.com/subscribe/post?u=acb941a1de3e3c280a2edfeb8&id=7bd8c681aa" method="post" id="mc-embedded-subscribe-form"
|
||
|
|
name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||
|
|
<div id="mc_embed_signup_scroll">
|
||
|
|
<h2>Tu trouves ça chouette ? inscrit toi à notre newsletter.</h2>
|
||
|
|
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
|
||
|
|
<div class="mc-field-group">
|
||
|
|
<label for="mce-FNAME">Ton prénom </label>
|
||
|
|
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
|
||
|
|
</div>
|
||
|
|
<div class="mc-field-group">
|
||
|
|
<label for="mce-EMAIL">Ton adresse mail <span class="asterisk">*</span>
|
||
|
|
</label>
|
||
|
|
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
|
||
|
|
</div>
|
||
|
|
<div id="mce-responses" class="clear">
|
||
|
|
<div class="response" id="mce-error-response" style="display:none"></div>
|
||
|
|
<div class="response" id="mce-success-response" style="display:none"></div>
|
||
|
|
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||
|
|
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_acb941a1de3e3c280a2edfeb8_7bd8c681aa" tabindex="-1"
|
||
|
|
value=""></div>
|
||
|
|
<div class="clear"><input type="submit" value="A bientôt !!!" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($)
|
||
|
|
{window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email'; /*
|
||
|
|
* Translated default messages for the $ validation plugin.
|
||
|
|
* Locale: FR
|
||
|
|
*/
|
||
|
|
$.extend($.validator.messages, {
|
||
|
|
required: "Ce champ est requis.",
|
||
|
|
remote: "Veuillez remplir ce champ pour continuer.",
|
||
|
|
email: "Veuillez entrer une adresse email valide.",
|
||
|
|
url: "Veuillez entrer une URL valide.",
|
||
|
|
date: "Veuillez entrer une date valide.",
|
||
|
|
dateISO: "Veuillez entrer une date valide (ISO).",
|
||
|
|
number: "Veuillez entrer un nombre valide.",
|
||
|
|
digits: "Veuillez entrer (seulement) une valeur numérique.",
|
||
|
|
creditcard: "Veuillez entrer un numéro de carte de crédit valide.",
|
||
|
|
equalTo: "Veuillez entrer une nouvelle fois la même valeur.",
|
||
|
|
accept: "Veuillez entrer une valeur avec une extension valide.",
|
||
|
|
maxlength: $.validator.format("Veuillez ne pas entrer plus de {0} caractères."),
|
||
|
|
minlength: $.validator.format("Veuillez entrer au moins {0} caractères."),
|
||
|
|
rangelength: $.validator.format("Veuillez entrer entre {0} et {1} caractères."),
|
||
|
|
range: $.validator.format("Veuillez entrer une valeur entre {0} et {1}."),
|
||
|
|
max: $.validator.format("Veuillez entrer une valeur inférieure ou égale à {0}."),
|
||
|
|
min: $.validator.format("Veuillez entrer une valeur supérieure ou égale à {0}.")
|
||
|
|
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
|
||
|
|
<!--End mc_embed_signup-->
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div id="disqus_thread"></div>
|
||
|
|
<script>
|
||
|
|
var disqus_config = function () {
|
||
|
|
this.page.url = '{{url absolute="true"}}';
|
||
|
|
this.page.identifier = {{id}};
|
||
|
|
};
|
||
|
|
(function() { // DON'T EDIT BELOW THIS LINE
|
||
|
|
var d = document, s = d.createElement('script');
|
||
|
|
|
||
|
|
s.src = '//zebra-life.disqus.com/embed.js';
|
||
|
|
|
||
|
|
s.setAttribute('data-timestamp', +new Date());
|
||
|
|
(d.head || d.body).appendChild(s);
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
||
|
|
|
||
|
|
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<aside class="read-next">
|
||
|
|
{{#next_post}}
|
||
|
|
<a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
|
||
|
|
<section class="post">
|
||
|
|
<h2>{{title}}</h2>
|
||
|
|
<p>{{excerpt words="19"}}…</p>
|
||
|
|
</section>
|
||
|
|
</a>
|
||
|
|
{{/next_post}}
|
||
|
|
{{#prev_post}}
|
||
|
|
<a class="read-next-story prev {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
|
||
|
|
<section class="post">
|
||
|
|
<h2>{{title}}</h2>
|
||
|
|
<p>{{excerpt words="19"}}…</p>
|
||
|
|
</section>
|
||
|
|
</a>
|
||
|
|
{{/prev_post}}
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
{{/post}}
|