geekforbrains/gist:7812136

## gistfile1.html
<!DOCTYPE html>
<html lang="en">
<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, user-scalable = no">
    <meta name="description" content="Postach.io helps you instantly create custom sites by converting your notes to blog posts and pages.">
    <meta name="author" content="Input Logic Inc. <hello@inputlogic.ca>">

    {% if is_post %}
    <!-- Open Graph meta tags for social sharing - http://ogp.me/ -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Postach.io, The Evernote Site Generator" />
    <meta property="og:url" content="http://postach.io" />
    <meta property="og:image" content="http://postach.io/static/img/og-logo.png" />
    <meta property="og:description" content="Postach.io helps you instantly create custom sites using Evernote by converting your notes to blog posts and pages." />

    <!-- 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://{% if site.domain %}{{ site.domain }}{% else %}{{ site.subdomain }}.postach.io{% endif %}{{ 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="http://postach.io/static/img/og-logo.png">
    {% endif %}

    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Postach.io">

    <link href="{{ site.atom_url }}" rel="alternate" title="Postach.io Blog" type="application/atom+xml">

    <link rel="shortcut icon" href="{{ static('img/favicon.png') }}">
    <link href="{{ static('css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ static('site/css/postachio.css') }}?v=1.13" rel="stylesheet">
    <link href="{{ static('mediaelement/mediaelementplayer.css') }}" rel="stylesheet" />


    <style>
        .column-body {
            padding: 20px 30px;
            padding: 1.25rem 1.875rem;
        }
        .blog-container {
            padding-top: 140px;
        }
        div.site-container {
            width: 960px;
            width: 60rem;
        }
        div.post {
            padding: 20px;
        }
        div.post p img {
            max-width: 100%;
            height: auto;
            border: 1px solid #e5e5e5;
        }
        div.pagination {
            a.post-next { display: inline-block; float: right; }
            a.post-prev { display: inline-block; float: left; }
        }
        @media only screen and (max-width: 959px) {
            div.site-container {
                width: auto;
            }
        }
        @media only screen and (max-width: 767px) {
            .padleft {
                padding-right: 0;
            }
        }
    </style>

    <!--[if IE 7]>
        <link href="{{ static('fontawesome/css/font-awesome-ie7.min.css') }}" rel="stylesheet">
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script>
      var analytics=analytics||[];analytics.load=function(e){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src=("https:"===document.location.protocol?"https://":"http://")+"d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/"+e+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);var r=function(e){return function(){analytics.push([e].concat(Array.prototype.slice.call(arguments,0)))}},i=["identify","track","trackLink","trackForm","trackClick","trackSubmit","pageview","ab","alias","ready"];for(var s=0;s<i.length;s++)analytics[i[s]]=r(i[s])};
      analytics.load("qvmr4k2wpn");
    </script>
</head>

<body>
    <div class="wrapper">
        <header class="site-header">
            <div class="site-container">
                <a href="http://postach.io"><div class="logo"></div></a>
                <nav id="nav" role="navigation">
                    <ul>
                        {% if session.account_id %}
                        <li><a href="http://blog.postach.io">Blog</a></li>
                        <li><a href="{{ url_for('site.dashboard') }}">Account</a></li>
                        <li><a href="{{ url_for('site.logout') }}">Log Out</a></li>
                        {% else %}
                        <li><a href="http://postach.io/feed">Feed</a></li>
                        <li><a href="http://blog.postach.io">Blog</a></li>
                        {% endif %}
                    </ul>
                </nav>
            </div>
        </header>
        <div class="container blog-container">
            <div class="row">
                <div class="span10 offset1">
                    <div class="column-body">

                    {% if is_home %}


                        {% if posts %}
                            {% for post in posts %}
                                <div class="post">

                                    <h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
                                    <p class="muted">Published {{ post.created_at|format_date }}</p>
                                    {% if post.content|striptags|wordcount > 0 %}
                                        <p>{{ post.content|striptags|truncate(180) }} <a href="{{ post.permalink }}">Read More</a></p>
                                    {% endif %}

                                </div>
                                <hr />
                            {% endfor %}
                            {% if not is_tag %}
                            <div class="pagination clearfix">
                                {% 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">Published {{ post.created_at|format_date }}</p>
                            <hr />
                            {{ post.content }}
                        </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">Published {{ post.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>
        </div><!-- /container -->

    </div><!-- /wrapper -->

    <footer class="site-footer">
        <ul class="bottom-nav">
            <li>
                <a href="https://twitter.com/postachio" class="twitter-follow-button" data-show-count="false">
                    Follow @postachio
                </a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            </li>
            <li>
                <ul class="footer-copyright">
                    <li>&copy; 2013</li>
                    <li><a href="http://inputlogic.ca">Input</a></li>
                    <li><a href="http://blog.postach.io">Blog</a></li>
                    <li><a href="{{ url_for('site.terms') }}">Terms</a></li>
                </ul>
            </li>
        </ul>
    </footer>

    <!-- javascript -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://fast.fonts.com/jsapi/f5e93cde-6918-4b33-9d36-1b708ca2175e.js"></script>
    <script type="text/javascript" src="{{ static('bootstrap/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/postachio.min.js') }}"></script>

    <script src="{{ static('mediaelement/mediaelement-and-player.min.js') }}"></script>
    <script>
        $('audio').mediaelementplayer();
    </script>


    {% if site.analytics %}
        <script type="text/javascript">

          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 %}
<script>
var corridor_app_id = 'HjgtA3ag';
(function(){
    var _c = document.createElement('script');
    _c.type = 'text/javascript';
    _c.async = true;
    _c.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'ec2-50-19-202-232.compute-1.amazonaws.com/static/domain.js';

    var _s = document.getElementsByTagName('script')[0];
    _s.parentNode.insertBefore(_c, _s);
})();
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<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, user-scalable = no">
	<meta name="description" content="Postach.io helps you instantly create custom sites by converting your notes to blog posts and pages.">
	<meta name="author" content="Input Logic Inc. <hello@inputlogic.ca>">

	{% if is_post %}
	<!-- Open Graph meta tags for social sharing - http://ogp.me/ -->
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Postach.io, The Evernote Site Generator" />
	<meta property="og:url" content="http://postach.io" />
	<meta property="og:image" content="http://postach.io/static/img/og-logo.png" />
	<meta property="og:description" content="Postach.io helps you instantly create custom sites using Evernote by converting your notes to blog posts and pages." />

	<!-- 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://{% if site.domain %}{{ site.domain }}{% else %}{{ site.subdomain }}.postach.io{% endif %}{{ 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="http://postach.io/static/img/og-logo.png">
	{% endif %}

	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-title" content="Postach.io">

	<link href="{{ site.atom_url }}" rel="alternate" title="Postach.io Blog" type="application/atom+xml">

	<link rel="shortcut icon" href="{{ static('img/favicon.png') }}">
	<link href="{{ static('css/bootstrap.min.css') }}" rel="stylesheet">
	<link href="{{ static('site/css/postachio.css') }}?v=1.13" rel="stylesheet">
	<link href="{{ static('mediaelement/mediaelementplayer.css') }}" rel="stylesheet" />


	<style>
	.column-body {
	padding: 20px 30px;
	padding: 1.25rem 1.875rem;
	}
	.blog-container {
	padding-top: 140px;
	}
	div.site-container {
	width: 960px;
	width: 60rem;
	}
	div.post {
	padding: 20px;
	}
	div.post p img {
	max-width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
	}
	div.pagination {
	a.post-next { display: inline-block; float: right; }
	a.post-prev { display: inline-block; float: left; }
	}
	@media only screen and (max-width: 959px) {
	div.site-container {
	width: auto;
	}
	}
	@media only screen and (max-width: 767px) {
	.padleft {
	padding-right: 0;
	}
	}
	</style>

	<!--[if IE 7]>
	<link href="{{ static('fontawesome/css/font-awesome-ie7.min.css') }}" rel="stylesheet">
	<![endif]-->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script>
	var analytics=analytics\|\|[];analytics.load=function(e){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src=("https:"===document.location.protocol?"https://":"http://")+"d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/"+e+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);var r=function(e){return function(){analytics.push([e].concat(Array.prototype.slice.call(arguments,0)))}},i=["identify","track","trackLink","trackForm","trackClick","trackSubmit","pageview","ab","alias","ready"];for(var s=0;s<i.length;s++)analytics[i[s]]=r(i[s])};
	analytics.load("qvmr4k2wpn");
	</script>
	</head>

	<body>
	<div class="wrapper">
	<header class="site-header">
	<div class="site-container">
	<a href="http://postach.io"><div class="logo"></div></a>
	<nav id="nav" role="navigation">
	<ul>
	{% if session.account_id %}
	<li><a href="http://blog.postach.io">Blog</a></li>
	<li><a href="{{ url_for('site.dashboard') }}">Account</a></li>
	<li><a href="{{ url_for('site.logout') }}">Log Out</a></li>
	{% else %}
	<li><a href="http://postach.io/feed">Feed</a></li>
	<li><a href="http://blog.postach.io">Blog</a></li>
	{% endif %}
	</ul>
	</nav>
	</div>
	</header>
	<div class="container blog-container">
	<div class="row">
	<div class="span10 offset1">
	<div class="column-body">

	{% if is_home %}


	{% if posts %}
	{% for post in posts %}
	<div class="post">

	<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
	<p class="muted">Published {{ post.created_at\|format_date }}</p>
	{% if post.content\|striptags\|wordcount > 0 %}
	<p>{{ post.content\|striptags\|truncate(180) }} <a href="{{ post.permalink }}">Read More</a></p>
	{% endif %}

	</div>
	<hr />
	{% endfor %}
	{% if not is_tag %}
	<div class="pagination clearfix">
	{% 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">Published {{ post.created_at\|format_date }}</p>
	<hr />
	{{ post.content }}
	</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">Published {{ post.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>
	</div><!-- /container -->

	</div><!-- /wrapper -->

	<footer class="site-footer">
	<ul class="bottom-nav">
	<li>
	<a href="https://twitter.com/postachio" class="twitter-follow-button" data-show-count="false">
	Follow @postachio
	</a>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	</li>
	<li>
	<ul class="footer-copyright">
	<li>© 2013</li>
	<li><a href="http://inputlogic.ca">Input</a></li>
	<li><a href="http://blog.postach.io">Blog</a></li>
	<li><a href="{{ url_for('site.terms') }}">Terms</a></li>
	</ul>
	</li>
	</ul>
	</footer>

	<!-- javascript -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://fast.fonts.com/jsapi/f5e93cde-6918-4b33-9d36-1b708ca2175e.js"></script>
	<script type="text/javascript" src="{{ static('bootstrap/js/bootstrap.min.js') }}"></script>
	<script type="text/javascript" src="{{ static('js/postachio.min.js') }}"></script>

	<script src="{{ static('mediaelement/mediaelement-and-player.min.js') }}"></script>
	<script>
	$('audio').mediaelementplayer();
	</script>


	{% if site.analytics %}
	<script type="text/javascript">

	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 %}
	<script>
	var corridor_app_id = 'HjgtA3ag';
	(function(){
	var _c = document.createElement('script');
	_c.type = 'text/javascript';
	_c.async = true;
	_c.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'ec2-50-19-202-232.compute-1.amazonaws.com/static/domain.js';

	var _s = document.getElementsByTagName('script')[0];
	_s.parentNode.insertBefore(_c, _s);
	})();
	</script>
	</body>
	</html>