kran · January 6, 2014 15:30
diff --git a/theme.html b/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>
	<!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">← View Previous Posts</a>{% endif %}
	{% if pagination.next %}<a href="{{ pagination.next }}" class="post-next">View More Posts →</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>
	© <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>