devroom.io/layouts/_default/single.html

92 lines
3.1 KiB
HTML
Raw Normal View History

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">
<h4>Ready to learn more?</h4>
2016-08-24 11:12:08 +00:00
<p>
Check out my various <a href="/recommendations">book recommendations</a>.
2016-08-24 11:12:08 +00:00
</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&amp;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!
<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>
<div class="avatar"></div>
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
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" . }}