post.html

---
layout: default
article: true
---

<header class="{% if page.dark %}dark{% else %}clean{% endif %}" style="background-image: url({% if page.image.url %}{{ site.baseurl }}{{ page.image.url }}{% else %}{{ site.baseurl }}{{ site.cover }}{% endif %}); height: 100%; {% if site.parallax != true %}background-attachment: scroll;{% endif %}" data-stellar-background-ratio="0.5" data-stellar-horizontal-offset="50">
	{% if page.video %}
		<video id="bg-video" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" data-stellar-ratio="0.5">
		{% for format in page.video %}
			<source src="{% for url in format limit:1 offset:1 %}{{ url }}{% endfor %}" type="video/{% for type in format limit:1 %}{{ type }}{% endfor %}">
		{% endfor %}
		</video>
	{% endif %}
	{% include top.html %}
	<div id="post-info" data-stellar-ratio="0.7">
		<h1>{{ page.title }}</h1>
		{% if page.quote %}
			<h2>{{ page.quote }}</h2>
		{% endif %}
		<a class="site-title" href="{{ page.author_link }}"><div class="site-icon-small" style="background-image: url({{ site.baseurl }}{{ page.author_image }});"></div>{{ page.author }}</a>, in {{ page.date | date_to_long_string }}
	</div>
	{% if page.image.source %}
	<div id="img-info" data-stellar-ratio="0.5">
		<a href="{{ page.image.source }}" target="_blank" title="{% if page.video %}Vídeo{% else %}Image{% endif %} Source"><span class="genericon genericon-link"></span></a>
	</div>
	{% endif %}
	<div id="nav-icon" style="bottom: 30px;" data-stellar-ratio="4">
		<a class="scroll" data-speed="500" href="#article"><span class="genericon genericon-expand"></span></a>
	</div>
</header>
<div id="middle">
	<div id="article">
		{{ content }}
	</div>
	{% if site.commentsystem %}{% if page.comments != false %}
	<div id="comments">
		{% include comments.html %}
	</div>
	{% endif %}{% endif %}
	<div class="social center">
		<div class="network">
		<a class="hn-link" href="javascript:window.location=%22http://news.ycombinator.com/submitlink?u=%22+encodeURIComponent(document.location)+%22&amp;t=%22+encodeURIComponent(document.title)">Discuss on Hacker News</a>
		</div>
		<div class="network twitter">
		<a href="https://twitter.com/share" class="twitter-share-button" data-via="atomiczero111" data-count="none">Tweet</a>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
		</div>
	</div>
</div>
{% if page.next %}
	{% capture footer_style %}{% if page.next.dark %}dark{% else %}clean{% endif %}{% endcapture %}
	{% capture footer_image %}{% if page.next.image.url %}{{ site.baseurl }}{{ page.next.image.url }}{% else %}{{ site.cover }}{% endif %}{% endcapture %}
	{% capture footer_message %}Read next{% endcapture %}
	{% capture footer_url %}{{ site.baseurl }}{{ page.next.url }}{% endcapture %}
	{% capture footer_title %}{{ page.next.title }}{% endcapture %}
	{% capture footer_quote %}{{ page.next.quote }}{% endcapture %}
{% else %}
	{% for post in site.related_posts limit:1 %}
		{% capture footer_style %}{% if post.dark %}dark{% else %}clean{% endif %}{% endcapture %}
		{% capture footer_image %}{% if post.image.url %}{{ site.baseurl }}{{ post.image.url }}{% else %}{{ site.cover }}{% endif %}{% endcapture %}
		{% capture footer_message %}Featured post{% endcapture %}
		{% capture footer_url %}{{ site.baseurl }}{{ post.url }}{% endcapture %}
		{% capture footer_title %}{{ post.title }}{% endcapture %}
		{% capture footer_quote %}{{ post.quote }}{% endcapture %}
	{% endfor %}
{% endif %}
{% unless footer_style %}
	{% capture footer_style %}{% if page.dark %}dark{% else %}clean{% endif %}{% endcapture %}
{% endunless %}
<footer class="{{ footer_style }}" style="background-image: url({% if footer_image %}{{ site.baseurl }}{{ footer_image }}{% else %}{{ site.baseurl }}{{ site.cover }}{% endif %}); height: 75%; min-height: 500px; {% if site.parallax != true %}background-attachment: scroll;{% endif %}" data-stellar-background-ratio="0.5" data-stellar-horizontal-offset="50" data-stellar-vertical-offset="50">
	<div id="nav-icon" style="top: 60px;" data-stellar-ratio="0.8">
		<a class="scroll" data-speed="500" href="#article"><span class="genericon genericon-collapse"></span></a>
	</div>
	<div id="post-info" data-stellar-ratio="0.5" data-stellar-vertical-offset="120">
		<h3>{{ footer_message }}</h3>
		<a href="{{ footer_url }}">
			<h1>{{ footer_title }}</h1>
			{% if footer_quote %}
				<h2>{{ footer_quote }}</h2>
			{% endif %}
		</a>
	</div>
	<p class="copyright">&copy;{{ site.time | date: "%Y" }}, <a href="{{ site.copyright.url }}" target="_blank">{{ site.copyright.author }}</a>. <a href="{{ site.copyright.type_url }}" target="_blank">{{ site.copyright.type_title }}</a>.</p>
</footer>
<script src="{{ site.baseurl }}/assets/js/smooth-scroll.js"></script>