Skip to content

Instantly share code, notes, and snippets.

@kran

kran/theme.html

Created January 6, 2014 15:30
Show Gist options
  • Save kran/8284427 to your computer and use it in GitHub Desktop.
Save kran/8284427 to your computer and use it in GitHub Desktop.
Download ZIP
postach.io theme
Raw
theme.html
<!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 }}">
<!-- OpenGraph tags -->
<meta property="og:site_name" content="{{ site.name }}">
{% if post %}
{% if post.type == 'post' or post.type == 'link' %}
<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 post.type == 'page' %}
<meta property="og:image" content="{{ site.avatar }}">
<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 }}">
{% endif %}
{% 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 %}
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@{{ site.twitter }}">
{% if post %}
{% if post.type == 'post' or post.type == 'link' %}
<meta name="twitter:title" content="{{ post.title }}">
<meta name="twitter:description" content="{{ post.content|striptags|truncate(255)|e }}...">
{% elif post.type == 'page' %}
<meta name="twitter:title" content="{{ post.title }}">
<meta name="twitter:description" content=" {{ post.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 %}
{% endif %}
<meta name="twitter:creator" content="@{{ site.twitter }}">
<meta name="twitter:image:src" content="{{ site.avatar }}">
<meta name="twitter:domain" content="{{ site.base_url }}">
<!-- RSS feed -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.atom_url }}">
<link href="{{ static('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ static('bootstrap/css/bootstrap-responsive.min.css') }}" rel="stylesheet">
<link href="{{ static('themes/default/default.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>
body {padding-top:0;}
.navbar .container {width:1170px;}
</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="navbar">
<div class="navbar-inner">
<div class="container">
<div class="row">
<div class="span10 offset1">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/">{{ site.name }}</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="/">Home</a></li>
{% if pages %}
{% for page in pages %}
<li><a href="{{ page.permalink }}">{{ page.title }}</a></li>
{% endfor %}
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span10 offset1">
{% if is_home or is_tag %}
{% if is_tag %}
<div class="row">
<h4>Showing all posts tagged #{{ tag }}:</h4>
<hr />
</div>
{% endif %}
{% if posts %}
{% for post in posts %}
<div class="row post">
{% if post.photos %}
<div class="span1">
{% 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 %}
</div>
<div class="span9">
{% else %}
<div class="span10">
{% endif %}
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
<p class="muted">Posted on {{ post.created_at|format_date }}</p>
{{ post.content }}
</div>
</div>
<hr />
{% endfor %}
{% 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 %}
{% else %}
<p><em>No posts yet :(</em></p>
{% endif %}
{% elif is_post %}
<div class="post">
<h1>{{ post.title }}</h1>
<p class="muted">Posted on {{ post.created_at|format_date }}</p>
<hr />
{{ post.content }}
{% if post.tags %}
<ul class="tags">
{% for tag in post.tags %}
<li><a href="/tag/{{ tag }}">#{{ tag }}</a></li>
{% endfor %}
</ul>
{% endif %}
</div>
{% if site.disqus %}
<hr />
<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>
<noscript>
Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
{% endif %}
{% elif is_link %}
<div class="post">
<h1>{{ link.title }}</h1>
<p class="muted">Posted on {{ link.created_at|format_date }}</p>
<hr />
{{ link.content }}
<span class="link-url"><i class="icon-share"></i> <a href="{{ link.url }}">{{ link.url }}</a></span>
</div>
{% if site.disqus %}
<hr />
<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>
<noscript>
Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
{% endif %}
{% elif is_page %}
<div class="post">
<h1>{{ page.title }}</h1>
<hr />
{{ page.content }}
</div>
{% endif %}
</div>
</div>
<div class="row">
<div class="span10 offset1">
<footer>
&copy; <a href="/">{{ site.name }}</a>. Powered by <a href="http://postach.io" target="_blank">Postach.io</a>
<ul class="inline pull-right">
<li><a href="/">Blog</a></li>
{% if pages %}
{% for page in pages %}
<li><a href="{{ page.permalink }}">{{ page.title }}</a></li>
{% endfor %}
{% endif %}
</ul>
</footer>
</div>
</div>
</div>
<!-- jQuery -->
<script src="http://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>
<script src="{{ static('themes/_assets/bootstrap/js/bootstrap.min.js') }}"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment