2015-03-26 11:28:08 +00:00
{{ partial "header.html" . }}
2016-08-24 11:12:08 +00:00
< article class = "post" id = "{{ .Slug }}" >
< h1 > {{ .Title }}< / h1 >
< p >
2016-08-24 11:03:32 +00:00
{{ if eq .Section "posts" }}
2016-08-24 11:24:54 +00:00
{{ .Date.Format "2 January 2006" }}
2016-08-24 11:03:32 +00:00
{{ end }}
2016-08-24 11:12:08 +00:00
< / p >
{{ .Content }}
{{ if eq .Section "posts" }}
2016-08-24 11:13:42 +00:00
< aside class = "about" >
2017-03-18 11:33:57 +00:00
< h4 > Ready to learn more?< / h4 >
2016-08-24 11:12:08 +00:00
< p >
2017-03-18 11:33:57 +00:00
Check out my various < a href = "/recommendations" > book recommendations< / a > .
2016-08-24 11:12:08 +00:00
< / p >
2017-03-18 11:33:57 +00:00
< 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 >
< link href = "//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel = "stylesheet" type = "text/css" >
< 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 >
2016-08-24 11:12:08 +00:00
< p >
I'd love to hear your questions and comments on this article!
2017-03-18 11:33:57 +00:00
< 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).
2016-08-24 11:12:08 +00:00
< / p >
2017-03-09 20:41:22 +00:00
< img class = "avatar" alt = "Ariejan's Avatar" src = "/img/ariejan-150.jpg" / >
2016-08-24 11:12:08 +00:00
< h4 > About Ariejan< / h4 >
< p >
Hey! I'm a software engineer building rock solid back-end systems
2017-03-18 11:33:57 +00:00
using Ruby, Ruby on Rails and Elixir. In my free time I love to
repair audio equipment, experiment with electronics, and play the piano.
2016-08-24 11:12:08 +00:00
< / p >
2016-08-24 11:13:42 +00:00
< / aside >
2016-08-24 11:12:08 +00:00
{{ end }}
< / article >
2015-03-26 11:28:08 +00:00
2016-10-10 13:53:46 +00:00
< script type = "text/javascript" >
2017-03-20 22:21:16 +00:00
function ready(fn) {
if (document.readyState != 'loading') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
function imageClick(e) {
e.preventDefault();
this.classList.toggle('zoomed');
}
2016-10-10 13:53:46 +00:00
2017-03-20 22:21:16 +00:00
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);
2016-10-10 13:53:46 +00:00
});
2017-03-20 22:21:16 +00:00
document.addEventListener('keyup', handleEsc);
2016-10-10 13:53:46 +00:00
});
< / script >
2015-03-26 11:28:08 +00:00
{{ partial "footer.html" . }}