blog/templates/post.html

79 lines
2.1 KiB
HTML
Raw Normal View History

2017-09-02 11:57:09 +00:00
<html lang="en">
2016-05-21 09:42:57 +00:00
{{> head }}
<body>
{{> header }}
<div class="container">
<section>
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
2017-06-03 10:55:30 +00:00
<h2 class="post-title" itemprop="name headline">
2018-01-02 13:34:12 +00:00
<a class="post-link" href="/{{ path }}">{{ title }}</a>
2017-06-03 10:55:30 +00:00
</h2>
2016-05-21 09:42:57 +00:00
<div class="post-meta feather_type">
<span>
2017-09-02 11:57:09 +00:00
<time datetime="{{moment this.date 'YYYY-MM-DD' }}">
2016-05-21 09:42:57 +00:00
{{moment this.date 'dddd, Do MMMM YYYY' }}
</time>
</span>
</div>
<div class="post-body" itemprop="articleBody">
{{{ contents }}}
</div>
</article>
2017-10-15 16:31:16 +00:00
<div class="center">
{{> share shareText='Share this post'}}
</div>
2016-05-21 09:42:57 +00:00
</section>
2017-06-03 10:55:30 +00:00
{{> footer }}
</div>
2017-06-07 05:55:21 +00:00
2018-01-01 09:51:08 +00:00
<link rel="stylesheet" href="/css/zenburn.css" async defer>
2017-10-07 09:17:00 +00:00
<script type="text/javascript" src="/js/highlight.pack.js"></script>
2017-06-07 05:55:21 +00:00
<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>
2017-10-15 16:31:16 +00:00
<script>
if (navigator.share) {
2017-10-17 05:46:42 +00:00
[].slice.call(document.querySelectorAll('.share')).forEach(function(shareButton) {
2017-10-15 16:31:16 +00:00
shareButton.classList.add('show');
shareButton.addEventListener('click', function(event) {
event.preventDefault();
navigator.share({
title: document.title,
2017-10-15 16:46:30 +00:00
url: window.location.href
2017-10-15 16:31:16 +00:00
});
});
});
}
2021-08-09 04:09:58 +00:00
[...document.querySelectorAll('figure img')].forEach(function(img) {
img.addEventListener('click', function() {
window.open(img.getAttribute("src"), "_blank");
});
});
2017-10-15 16:31:16 +00:00
</script>
2016-05-21 09:42:57 +00:00
</body>
2017-10-07 09:17:00 +00:00
</html>