blog/templates/post.html
2021-08-09 05:09:58 +01:00

79 lines
2.1 KiB
HTML

<html lang="en">
{{> head }}
<body>
{{> header }}
<div class="container">
<section>
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<h2 class="post-title" itemprop="name headline">
<a class="post-link" href="/{{ path }}">{{ title }}</a>
</h2>
<div class="post-meta feather_type">
<span>
<time datetime="{{moment this.date 'YYYY-MM-DD' }}">
{{moment this.date 'dddd, Do MMMM YYYY' }}
</time>
</span>
</div>
<div class="post-body" itemprop="articleBody">
{{{ contents }}}
</div>
</article>
<div class="center">
{{> share shareText='Share this post'}}
</div>
</section>
{{> footer }}
</div>
<link rel="stylesheet" href="/css/zenburn.css" async defer>
<script type="text/javascript" src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
<script>
var tweets = document.querySelectorAll(".tweet");
for(var i=0; i<tweets.length; i++) {
var tweet = tweets[i];
var id = tweet.getAttribute("tweetID");
twttr.widgets.createTweet(
id, tweet,
{
conversation : 'none',
cards: 'visible',
linkColor: '#cc0000',
theme: 'light',
align: 'center'
});
}
</script>
<script>
if (navigator.share) {
[].slice.call(document.querySelectorAll('.share')).forEach(function(shareButton) {
shareButton.classList.add('show');
shareButton.addEventListener('click', function(event) {
event.preventDefault();
navigator.share({
title: document.title,
url: window.location.href
});
});
});
}
[...document.querySelectorAll('figure img')].forEach(function(img) {
img.addEventListener('click', function() {
window.open(img.getAttribute("src"), "_blank");
});
});
</script>
</body>
</html>