dash-website/_layouts/post.html

81 lines
3 KiB
HTML

<!doctype html>
<html>
<head>
{% include base.html %}
<meta charset="UTF-8">
<title>{% if page.title %}{{ page.title }} &mdash; {% endif %}Dash</title>
<meta name="description" content="{% t page.description %}">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
<link rel="alternate" type="application/rss+xml" title="Dash Blog" href="/rss/dash_blog_rss.xml">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="/dist/css/main.min.css">
</head>
<body>
{% include hero/post.html %}
<div class="page page--post">
<div class="section section--post">
<div class="section__content content">
<div class="section__main">
<div class="postcontent">
{% if page.image %}
<img src="/assets/img/blog/{{ page.image }}">
{% endif %}
{{ content }}
</div>
{% include author.html %}
</div>
<aside class="section__sidebar">
<h3 class="section__sidebar-title">Related</h3>
{% for post in site.related_posts limit:5 %}
<article class="featurepost featurepost--sidebar">
<div class="featurepost__preview {% if post.image %}featurepost__preview--image{% else %}featurepost__preview--no-image{% endif %}">
{% if post.image %}
<img src="/assets/img/blog/{{ post.image }}" class="featurepost__image">
{% endif %}
</div>
<h2 class="featurepost__title"><a href="{{ basenav }}{{ post.url }}">{{ post.title }}</a></h2>
<em class="featurepost__date">{{ post.date | date: "%b %d, %Y" }}</em>
<p class="featurepost__description">{{ post.excerpt | strip_html | truncatewords: 50 }}</p>
<div class="featurepost__divider"></div>
</article>
{% endfor %}
</aside>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
{% include footer.html %}
</footer>
<!-- Mobile Nav -->
<div class="overlay" id="overlay" data-js-overlay-menu>
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
{% include nav-mobile.html %}
</div>
<!-- JavaScript -->
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js" integrity="sha384-MYg5v6RiLsgqDiKOs6hcDXVblLg+Ls5F/jimSFosIUeDjW5VYViY1eMBMazbV5Mr" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" integrity="sha384-CgeP3wqr9h5YanePjYLENwCTSSEz42NJkbFpAFgHWQz7u3Zk8D00752ScNpXqGjS" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js" integrity="sha384-dfOR5hjVOg6B2OvgyHIS71mJWX5TgNQeFGo5cNNVglSep7ZvYcByrpEya6xbwwyB" crossorigin="anonymous"></script>
<script src="/dist/js/main.min.js"></script>
{% include globals_js_data.html %}
</body>
</html>