Skip to content

Instantly share code, notes, and snippets.

@weekwood
Created October 19, 2013 06:41
Show Gist options
  • Save weekwood/7052358 to your computer and use it in GitHub Desktop.
Save weekwood/7052358 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<title>{% if is_home %}{{ site.author }}{% elif is_post %}{{ post.title }}{% elif is_link %}{{ link.title }}{% elif is_page %}{{ page.title }}{% endif %} | {{ site.name }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="description" content="{{ site.bio|striptags }} - {{ site.author }}" />
<meta name="copyright" content="Copyright (c) 2013 {{ site.author }}" />
<meta property="og:site_name" content="{{ site.name }}" />
{% if is_post %}
<meta property="article:published_time" content="{{ post.created_at }}" />
{% if post.tags %}
{% for tag in post.tags %}
<meta property="article:tag" content="{{ tag|format_tag(link=False, humanize=True) }}" />
{% endfor %}
{% endif %}
{% if post.photos %}
{% for photo in post.photos %}
{% if loop.index == 1 and photo %}
<meta property="og:image" content="{{ photo.width_400 }}" />
{% else %}
<meta property="og:image" content="{{ site.avatar }}" />
{% endif %}
{% endfor %}
{% endif %}
<meta property="og:type" content="article" />
<meta property="og:title" content="{{ post.title }}" />
<meta property="og:url" content="{{ site.base_url }}{{ post.permalink }}" />
<meta property="og:description" content="{{ post.content|striptags|truncate(255)|e }}" />
{% elif is_page %}
<meta property="og:image" content="{{ site.avatar }}" />
<meta property="og:type" content="article" />
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:url" content="{{ site.base_url }}{{ page.permalink }}" />
<meta property="og:description" content="{{ page.content|striptags|truncate(255)|e }}" />
{% else %}
<meta property="og:image" content="{{ site.avatar }}" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ site.name }}" />
<meta property="og:url" content="{{ site.base_url }}" />
<meta property="og:description" content="{{ site.bio|striptags }}" />
{% endif %}
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@{{ site.twitter }}">
{% if is_post %}
<meta name="twitter:title" content="{{ post.title }}">
<meta name="twitter:description" content="{{ post.content|striptags|truncate(255)|e }}...">
{% elif is_page %}
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:description" content=" {{ page.content|striptags|truncate(255)|e }}...">
{% else %}
<meta name="twitter:title" content="{{ site.name }}">
<meta name="twitter:description" content="{{ site.bio|striptags|truncate(255)|e }}...">
{% endif %}
<meta name="twitter:creator" content="@{{ site.twitter }}">
<meta name="twitter:image:src" content="{{ site.avatar }}">
<meta name="twitter:domain" content="{{ site.base_url }}">
<link href="{{ site.atom_url }}" rel="alternate" title="{{ site.name }} Feed" type="application/atom+xml" />
<link href="{{ static('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="{{ static('bootstrap/css/bootstrap-responsive.min.css') }}" rel="stylesheet" />
<link href="{{ static('fontawesome/css/font-awesome.min.css') }}" rel="stylesheet" />
<link href="{{ static('themes/subtle/subtle.css') }}" rel="stylesheet" />
<link href="{{ static('mediaelement/mediaelementplayer.css') }}" rel="stylesheet" />
<!--[if IE 7]>
<link href="{{ static('fontawesome/css/font-awesome-ie7.min.css') }}" rel="stylesheet">
<![endif]-->
<!--[if lt IE 9]>
<script src="{{ static('bootstrap/js/html5shiv.js') }}"></script>
<![endif]-->
<style>
div.post{
padding:0 0 0 0 ;
}
div.post h2{
font-size:24px;
padding-bottom:0px;
}
</style>
{% if site.analytics %}
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{{ site.analytics }}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endif %}
</head>
<body>
<div class="row content">
<div class="span8 offset2">
<div class="posts">
<!-- end header -->
{% if is_home %}
{% if posts %}
{% for post in posts %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
{% if post.photos %}
{% for photo in post.photos %}
{% if photo and loop.index == 1 %}
<div class="image">
<a href="{{ post.permalink }}">
<img src="{{ photo.square_75 }}" alt="Featured Photo" />
</a>
</div>
{% endif %}
{% endfor %}
{% endif %}
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span2 post-meta">
</div>
<div class="span6 post-body">
{{ post.content }}
<p class="date">{{ post.created_at|format_date }}
<hr />
</div>
</div>
</div>
{% endfor %}
<div class="span6 offset2">
{% if not is_tag %}
<div class="pagination">
{% if pagination.prev %}<a href="{{ pagination.prev }}" class="post-prev">&larr; View Previous Posts</a>{% endif %}
{% if pagination.next %}<a href="{{ pagination.next }}" class="post-next">View More Posts &rarr;</a>{% endif %}
</div>
{% endif %}
</div>
{% else %}
<div class="post span8">
<div class="row">
<div class="span8">
<p>No posts found.</p>
</div>
</div>
</div>
{% endif %}
{% elif is_post %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span2 post-meta">
<p class="date">{{ post.created_at|format_date }}</p>
</div>
<div class="span6 post-body">
{{ post.content }}
</div>
</div>
{% if site.disqus %}
<div class="row">
<div class="span6 offset2">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{{ site.disqus }}';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</div>
</div>
{% endif %}
</div><!-- end post -->
{% elif is_link %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
<h2><a href="{{ link.permalink }}">{{ link.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span2 post-meta">
<p class="date">{{ link.created_at|format_date }}</p>
</div>
<div class="span6 post-body">
{{ link.content }}
<p class="link-url"><i class="icon-share"></i> <a href="{{ link.url }}">{{ link.url }}</a></p>
</div>
</div>
{% if site.disqus %}
<div class="row">
<div class="span6 offset2">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = '{{ site.disqus }}';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</div>
</div>
{% endif %}
</div>
{% elif is_page %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
<h2><a href="{{ page.permalink }}">{{ page.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span8 post-body">
{{ page.content }}
</div>
</div>
</div>
{% endif %}
<!-- begin footer -->
</div>
</div>
</div>
<div class="footer">
<div class="span12">
<div class="row">
<div class="span2 offset2">
<p class="copyright">&copy; Powered by <a href="http://postach.io">Postach.io</a></p>
</div>
<div class="span8">
<ul>
<li><a href="/">Home</a></li>
{% if pages %}
{% for page in pages %}
<li><a href="{{ page.permalink }}">{{ page.title }}</a></li>
{% endfor %}
{% endif %}
{% if site.facebook %}
<li class="link-icon">
<a href="{{ site.facebook }}" target="_blank">
<i class="icon-facebook"></i>
</a>
</li>
{% endif %}
{% if site.twitter %}
<li class="link-icon">
<a href="{{ site.twitter }}" target="_blank">
<i class="icon-twitter"></i>
</a>
</li>
{% endif %}
{% if site.linkedin %}
<li class="link-icon">
<a href="{{ site.linkedin }}" target="_blank">
<i class="icon-linkedin"></i>
</a>
</li>
{% endif %}
<li class="link-icon">
<a href="{{ site.atom_url }}" title="RSS" target="_blank">
<i class="icon-rss"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ static('bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ static('themes/subtle/subtle.min.js') }}"></script>
<script src="{{ static('js/plugins/postachio-pdf.min.js') }}"></script>
<script src="{{ static('mediaelement/mediaelement-and-player.min.js') }}"></script>
<script>
$(function() {
$('audio').mediaelementplayer();
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment