---
layout: default
---
	<div class="row">
		<div class="col-xs-12 col-md-8 col-md-offset-2">
			<header>
		    <h1>{{ page.title }}</h1>
		    <p>
		    	<time datetime="{{ page.date | date_to_xmlschema }}">
		    	{{ page.date | date: "%b %-d, %Y" }}
		    	</time>
		    	{% if page.author %} •
			    	<span>
			    		<span>{{ page.author }}</span>
			    	</span>
		    	{% endif %}
		    </p>
		  	<p>
		  	{% if page.category %}
		  	Category:
		  			{{ page.category }}
		  	{% endif %}
		    </p>
		    <p>
		    	{% if page.tags %}
		    	Tags:
		    			{{ page.tags }}
		    	{% endif %}
		    </p>
		    <p>
		    	{% if page.materials %}
		    	Materials needed:
		    			{{ page.materials }}
		    	{% endif %}
		    </p>
  		</header>
		</div>
	</div>

  <div class="row">
  	<div class="col-xs-12 col-md-8 col-md-offset-2">
    	{{ content }}
  	</div>
  </div>

---
layout: default
---
	<div class="row">
		<div class="col-xs-12 col-md-8 col-md-offset-2">
			<header>
		    <h1>{{ page.title }}</h1>
		    <p>
		    	<time datetime="{{ page.date | date_to_xmlschema }}">
		    	{{ page.date | date: "%b %-d, %Y" }}
		    	</time>
		    	{% if page.author %} •
			    	<span>
			    		<span>{{ page.author }}</span>
			    	</span>
		    	{% endif %}
		    </p>
		  	<p>
		  	{% if page.category %}
		  	Category:
		  			{{ page.category }}
		  	{% endif %}
		    </p>
		    <p>
		    	{% if page.tags %}
		    	Tags:
		    			{{ page.tags }}
		    	{% endif %}
		    </p>
		    <p>
		    	{% if page.materials %}
		    	Materials needed:
		    			{{ page.materials }}
		    	{% endif %}
		    </p>
  		</header>
		</div>
	</div>

  <div class="row">
  	<div class="col-xs-12 col-md-8 col-md-offset-2">
    	{{ content | reading_time_as_i }}
  	</div>
  </div>

Add readtime liquid variable for later use.
Add readtime liquid variable for later use.
