jmg
/
blog


			
							<!doctype html>
<!-- https://github.com/paulirish/html5-boilerplate/blob/master/index.html -->
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
	{% block starthead %}{% endblock starthead %}
	<meta charset="{{ resource.meta.charset }}">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
	     Remove this if you use the .htaccess -->
	<meta http-equiv="X-UA-Compatible" content="{{ resource.meta.compatibility }}">

	<!-- encoding must be specified within the first 512 bytes
	     www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset -->

	<!-- meta element for compatibility mode needs to be before
	     all elements except title & meta
	     msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx -->
	<!-- Chrome Frame is only invoked if meta element for
	     compatibility mode is within the first 1K bytes
	     code.google.com/p/chromium/issues/detail?id=23003 -->

	<!-- automatically refresh, add/remove closing comment to enable/disable
	<meta http-equiv="refresh" content="2">
	<!-- end comment for above refresh -->

	<!-- Twitter cards, OpenGraph and Slack unfurling -->
<meta name="twitter:card" content="summary" />
{% if resource.meta.twittertitle %}
	<meta property="og:title" content="{{ resource.meta.twittertitle }}" />
{% else %}
	<meta property="og:title" content="{{ resource.meta.title }}" />
{% endif %}
<meta property="og:description" content="{{ resource.meta.description }}" />
{% if resource.meta.image %} <meta property="og:image" content="{{ resource.meta.image }}" />{% endif %}
{% if resource.meta.imagealt %} <meta name="twitter:image:alt" content="{{ resource.meta.imagealt }}" />{% endif %}
{% if resource.meta.twitterlabel1 %} <meta name="twitter:label1" content="{{ resource.meta.twitterlabel1 }}" />{% endif %}
{% if resource.meta.twitterlabel2 %} <meta name="twitter:label2" content="{{ resource.meta.twitterlabel2 }}" />{% endif %}
{% if resource.meta.twitterdata1 %} <meta name="twitter:data1" content="{{ resource.meta.twitterdata1 }}" />{% endif %}
{% if resource.meta.twitterdata2 %} <meta name="twitter:data2" content="{{ resource.meta.twitterdata2 }}" />{% endif %}

	<title>{% block title %}{{ resource.meta.title }}{% endblock %}</title>
	<meta name="description" content="{{ resource.meta.description }}">
	<meta name="author" content="{{ resource.meta.author }}">

	<!--  Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="{{ resource.meta.viewport }}">

	{% block css %}
	<link rel="stylesheet" href="{{ media_url('css/tufte.css') }}">
	{% endblock css %}
	{% block endhead %}{% endblock endhead %}
</head>

<body id="{{ resource.meta.id if resource.meta.id else resource.slug }}">
	{% block content %}
	<div class="site" id="main" role="main">
		{% block container %}
		<header class="banner clearfix title">
			{% block header -%}
			<h1>{{ site.context.title }}</h1>
			{%- endblock %}
		</header>
		{% block main %}
		{% endblock main %}
		{% endblock container %}
		<footer>
			<div class="footer">
			<div class="contact">
			<ul>
			<li><a href="https://twitter.com/{{ site.context.tweet_via }}">Twitter</a></li>
			</ul>
			</div>
			</div>
		</footer>
	</div>
{% endblock content%}
{% block js %}
<!-- Javascript at the bottom for fast page loading -->

{% block scripts %}
{% endblock scripts %}


<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
<![endif]-->

{% endblock js %}
</body>
</html>