<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	{% block page_title %}<title>{{blog.title}}</title>{% endblock %}

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="{{ blog.url }}_/css/bootstrap.min.css" rel="stylesheet" />
	<link href="{{ blog.url }}_/css/bootstrap-theme.min.css" rel="stylesheet" />
	<link href="{{ blog.url }}_/css/bucket3.css" rel="stylesheet" />
	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->

	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png" />

	<link rel="shortcut icon" href="{{ blog.url}}_/img/favicon.ico" />
	<link rel="apple-touch-icon" href="{{ blog.url}}_/img/apple-touch-icon.png" />
	<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ blog.url }}rss.xml" />
	{% if blog.rss_tags %}
	{% for tag in blog.rss_tags %}
	<link rel="alternate" type="application/rss+xml" title="{{ tag }}:RSS" href="{{ blog.url }}tag/{{ tag }}/rss.xml" />
	{% endfor %}
	{% endif %}

	{% block page_meta %}
	<meta name="title" content="{{ blog.title }}" />
	<meta name="description" content="{{ blog.description }}" />

	<meta name="author" content="{{ blog.author }}" />
	<meta name="Copyright" content="{{ blog.copyright }}" />

	<meta name="DC.title" content="{{ blog.title }}" />
	<meta name="DC.subject" content="{{ blog.description }}" />
	<meta name="DC.creator" content="{{ blog.author }}" />
	{% endblock page_meta %}
</head>

<body>
	<div id="wrap">
	<div class="page-header">
	<div class="container">
	    <h1><a href="{{ blog.url }}">{{ blog.title }}</a></h1>
		    <p>{{ blog.description }}</p>
		    <!-- p>This is a nice place to say about who you are, link to other sites, etc.</p -->
		    <p>{% if blog.rss_tags %}{% for tag in blog.rss_tags %}
				<a href="{{ blog.url }}tag/{{ tag }}/">{{ tag }}</a> &sdot;
			{% endfor %}{% endif %}
		    <a href="{{ blog.url }}archive">archive</a> &sdot; <a href="{{ blog.url }}rss.xml">rss</a></p>
	</div>
	</div>
   	<div class="container">
	{% block content %}{% endblock content %}
	</div>
</div> <!-- wrap -->
<div id="push"></div>
	<div id="footer">
		<div class="container">		
			Powered by <a href="http://github.com/vrypan/bucket3">bucket3</a>. 
			Themed using <a href="http://getbootstrap.com/">bootstrap</a> and <a href="http://bootswatch.com/readable/">Readable</a>.
		</div>
	</div>

	{% block customjs %}{% endblock customjs %}
	
   	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="{{ blog.url }}_/js/bootstrap.min.js"></script>

</body>

</html>
