92 lines
3.2 KiB
HTML
92 lines
3.2 KiB
HTML
{{ partial "header.html" . }}
|
|
|
|
<article class="post" id="{{ .Slug }}">
|
|
<h1>{{ .Title }}</h1>
|
|
<p>
|
|
{{ if eq .Section "posts" }}
|
|
{{ .Date.Format "2 January 2006" }}
|
|
{{ end }}
|
|
</p>
|
|
|
|
{{ .Content }}
|
|
|
|
{{ if eq .Section "posts" }}
|
|
<aside class="about">
|
|
<h4>Ready to learn more?</h4>
|
|
<p>
|
|
Check out my various <a href="/recommendations">book recommendations</a>.
|
|
</p>
|
|
|
|
<h4>Shall I keep you posted?</h4>
|
|
<p>
|
|
Would you like to be the first to know about my new endeavours? Your
|
|
email address is safe with me: No Spam! Also, this is a very low traffic
|
|
newsletter, 1 mail per week at most.
|
|
</p>
|
|
|
|
<p>
|
|
<div id="mc_embed_signup">
|
|
<form action="//devroom.us15.list-manage.com/subscribe/post?u=594871deec0c66aecb9ae48a7&id=2a30856170" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
|
<div id="mc_embed_signup_scroll">
|
|
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
|
|
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_594871deec0c66aecb9ae48a7_2a30856170" tabindex="-1" value=""></div>
|
|
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</p>
|
|
|
|
<h4>Get in touch</h4>
|
|
<p>
|
|
I'd love to hear your questions and comments on this article!
|
|
<a href="http://twitter.com/ariejan">Mention @ariejan on twitter</a> or <a href="mailto:ariejan@devroom.io">shoot me an email</a> (<a href="/gpg">gpg</a> available).
|
|
</p>
|
|
|
|
<img class="avatar" alt="Ariejan's Avatar" src="/img/ariejan-150.jpg" />
|
|
|
|
<h4>About Ariejan</h4>
|
|
|
|
<p>
|
|
Hey! I'm a software engineer building rock solid back-end systems
|
|
using Ruby, Ruby on Rails and Elixir. In my free time I love to
|
|
repair audio equipment, experiment with electronics, and play the piano.
|
|
</p>
|
|
</aside>
|
|
{{ end }}
|
|
</article>
|
|
|
|
<script type="text/javascript">
|
|
function ready(fn) {
|
|
if (document.readyState != 'loading') {
|
|
fn();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', fn);
|
|
}
|
|
}
|
|
|
|
function imageClick(e) {
|
|
e.preventDefault();
|
|
this.classList.toggle('zoomed');
|
|
}
|
|
|
|
function handleEsc(e) {
|
|
if (e.keyCode == 27) {
|
|
var zoomedImages = document.querySelectorAll('img.zoomed');
|
|
Array.prototype.forEach.call(zoomedImages, function(el, i) {
|
|
el.classList.toggle('zoomed');
|
|
});
|
|
}
|
|
}
|
|
|
|
ready(function() {
|
|
var images = document.querySelectorAll('article img');
|
|
Array.prototype.forEach.call(images, function(el, i) {
|
|
el.addEventListener('click', imageClick);
|
|
});
|
|
|
|
document.addEventListener('keyup', handleEsc);
|
|
});
|
|
</script>
|
|
|
|
{{ partial "footer.html" . }}
|