Skip to content

Instantly share code, notes, and snippets.

@brandonb927

brandonb927/timeline.html

Created May 11, 2013 21:43
Show Gist options
  • Save brandonb927/5561529 to your computer and use it in GitHub Desktop.
Save brandonb927/5561529 to your computer and use it in GitHub Desktop.
Download ZIP
Postach.io Theme - Timeline
Raw
timeline.html
<!DOCTYPE hl>
<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_tag %} {{ tag }} {% 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="author" content="{{ site.author }}" />
<meta name="description" content="{{ site.bio }} - {{ site.author }}" />
<meta name="copyright" content="Copyright (c) 2013 {{ site.author }}" />
<meta name="classification" content="blog" />
{% if is_post %}
<!-- Open Graph meta tags for social sharing - http://ogp.me/ -->
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ post.title }} | {{ site.name }}" />
<meta property="og:url" content="http://{{ site.domain }}{{ post.permalink }}" />
<meta property="og:image" content="{{ account.email|gravatar(128) }}" />
<meta property="og:description" content="{{ post.content|striptags|truncate(255)|e }}" />
<!-- Twitter Cards implementation for Twitter sharing - https://dev.twitter.com/docs/cards -->
<!--
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@{{ site.twitter }}">
<meta name="twitter:creator" content="@{{ site.twitter }}">
<meta name="twitter:url" content="http://{{ site.domain }}{{ post.permalink }}">
<meta name="twitter:title" content="{{ post.title }} | {{ site.name }}">
<meta name="twitter:description" content=" {{ post.content|striptags|truncate(255)|e }}...">
<meta name="twitter:image" content="{{ account.email|gravatar(128) }}">
-->
{% endif %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.atom_url }}" />
<link href="{{ static('themes/timeline/css/timeline.css') }}" rel="stylesheet" />
<script src="{{ static('themes/timeline/js/modernizr.custom.js') }}"></script>
</head>
<body>
<div class="container">
<header>
<div class="logo-nav">
<h1><a href="/">{{ site.name }}</a></h1>
<nav role="navigation" id="nav">
<ul>
<li><a href="/">Home</a></li>
{% if pages %}
{% for page in pages %}
<li><a href="{{ page.permalink }}">{{ page.title }}</a></li>
{% endfor %}
{% endif %}
</ul>
</nav>
</div>
<div class="social-icons">
{% if site.twitter %}<a href="{{ site.twitter }}" title="Twitter" target="_blank"><i class="icon-twitter"></i></a>{% endif %}
{% if site.facebook %}<a href="{{ site.facebook }}" title="Facebook" target="_blank"><i class="icon-facebook"></i></a>{% endif %}
{% if site.googleplus %}<a href="{{ site.googleplus }}?rel=author" rel="author" title="Google+" target="_blank"><i class="icon-google-plus"></i></a>{% endif %}
{% if site.linkedin %}<a href="{{ site.linkedin }}" title="Linkedin" target="_blank"><i class="icon-linkedin"></i></a>{% endif %}
</div>
</header>
<div role="main" class="main">
{% if is_home or is_tag %}
{% if is_tag %}
<h2>Tag: {{ tag }}</h2>
{% endif %}
<ul class="timeline">
{% if posts %}
{% for post in posts %}
<li>
<article itemscope itemtype="http://schema.org/Article">
<time class="time" datetime="{{ post.created_at }}"><span>Published by {{ site.author }}</span> <span>{{ post.created_at|format_date }}</span></time>
<div class="bubble"></div>
<div class="label">
<div class="post-header">
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
</div>
<div class="post-content">
{% if post.content|striptags|wordcount > 0 %}
<p>{{ post.content|striptags|truncate(500) }} <a href="{{ post.permalink }}">Read More</a></p>
{% endif %}
{% if post.tags %}
<div class="tags">
<h4>Tags</h4>
{{ post.tags|format_tags(delimiter=' ') }}
</div>
{% endif %}
</div>
</div>
</article>
</li>
{% endfor %}
{% else %}
<li>
<p class="no-posts"><em>Timeline empty :(</em></p>
</li>
{% endif %}
</ul>
{% elif is_post %}
<article itemscope itemtype="http://schema.org/Article" class="post">
<time class="time" datetime="{{ post.created_at }}"><span>Published by {{ site.author }}</span> <span>{{ post.created_at|format_date }}</span></time>
<section class="content">
<header>
<h2>{{ post.title }}</h2>
</header>
<div class="post-content">
{{ post.content }}
{% if post.tags %}
<div class="tags">
<h4>Tags</h4>
{{ post.tags|format_tags(delimiter=' ') }}
</div>
{% endif %}
</div>
</section>
{% if site.disqus %}
<hr />
<section class="comments">
<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>
</section>
{% endif %}
</article>
{% elif is_link %}
<article itemscope itemtype="http://schema.org/Article" class="post">
<time class="time" datetime="{{ link.created_at }}"><span>Published by {{ site.author }}</span> <span>{{ link.created_at|format_date }}</span></time>
<section class="content">
<header>
<h2>{{ link.title }}</h2>
</header>
<div class="post-content">
{{ link.content }}
<p class="link-url"><i class="icon-share"></i> <a href="{{ link.url }}">{{ link.url }}</a></p>
{% if link.tags %}
<div class="tags">
<h4>Tags</h4>
{{ link.tags|format_tags(delimiter=' ') }}
</div>
{% endif %}
</div>
</section>
{% if site.disqus %}
<hr />
<section class="comments">
<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>
</section>
{% endif %}
</article>
{% elif is_page %}
<article class="post">
<section class="content">
<header>
<h1>{{ page.title }}</h1>
</header>
<div class="post-content">
{{ page.content }}
</div>
</section>
</article>
{% endif %}
</div>
<footer>
<p class="left">All rights Reserved &copy; <a href="/">{{ site.name }}</a></p>
<p class="right">Powered by <a href="http://postach.io" target="_blank">Postach.io</a></p>
</footer>
</div>
<script src="{{ static('themes/timeline/js/main.min.js') }}"></script>
{% 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 %}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment