Skip to content

Instantly share code, notes, and snippets.

@mattapayne

mattapayne/gist:5597272

Last active December 17, 2015 10:49
Show Gist options
  • Save mattapayne/5597272 to your computer and use it in GitHub Desktop.
Save mattapayne/5597272 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.mustache
<!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" />
<meta name="author" content="{{ site.author }}">
<link href="{{ site.atom_url }}" rel="alternate" title="{{ site.name }}" 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('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 type="text/css">
hr
{
border-top:1px solid #232B2B;
border-bottom:1px solid #232B2B;
}
li#github-badge
{
margin-top:30px;
}
img#resume-image, img#email-image
{
margin-right:5px;
height:16px;
width:16px;
border:none;
}
a.brand
{
font-size:24px !important;
text-transform:none !important;
}
.bio
{
border:2px solid #999 !important;
margin-top:0px;
}
.navbar-inner
{
background-color: #DC3D24 !important;
padding-top:5px;
padding-bottom:5px;
}
a, a:visited
{
color: #DC3D24;
}
.post, .tag-cloud
{
border:2px solid #999 !important;
background-color: #f5f5f5;
padding:10px;
}
.post h2, .post h1, .tag-cloud h3
{
margin:0;
padding:0;
}
.rounded
{
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
hr.page-title-separator
{
margin-top:5px;
margin-bottom:10px;
}
.spaced-out-bottom
{
margin-bottom:10px;
}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<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="/">Blog</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="span6 offset1">
{% if is_home or is_tag %}
{% if is_tag %}
<h4>Showing all posts tagged #{{ tag }}:</h4>
<hr />
{% endif %}
{% if posts %}
{% for post in posts %}
<div class="post rounded spaced-out-bottom">
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
<p class="muted">Posted on {{ post.created_at|format_date }}</p>
{% if post.content|striptags|wordcount > 0 %}
<p>{{ post.content|striptags|truncate(200) }}</p>
{% endif %}
</div>
{% endfor %}
{% else %}
<p><em>No posts yet :(</em></p>
{% endif %}
{% elif is_post %}
<div class="post rounded">
<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 rounded">
<h1>{{ page.title }}</h1>
<hr class="page-title-separator" />
{{ page.content }}
</div>
{% endif %}
</div>
<span class="span3 offset1">
<div class="bio rounded">
<img class="avatar" src="{{ account.email|gravatar(66) }}" alt="{{ site.author }}" />
<p>{{ site.bio }}</p>
<ul class="unstyled social">
{% if site.twitter %}
<li>
<a href="{{ site.twitter }}" target="_blank">
<i class="icon-twitter"></i> Twitter
</a>
</li>
{% endif %}
{% if site.linkedin %}
<li>
<a href="{{ site.linkedin }}" target="_blank">
<i class="icon-linkedin"></i> LinkedIn
</a>
</li>
{% endif %}
<li id="github-badge">
<iframe src="http://githubbadge.appspot.com/badge/mattapayne?a=0" style="border: 0;height: 142px;width: 200px;overflow: hidden;" frameBorder=0></iframe>
</li>
<li>
<a href="http://careers.stackoverflow.com/mattapayne"><img id="resume-image" src="http://www.gdriveurl.com/?idl=113687504954&out=1" alt="My StackOverflow Resume" />My resume</a>
</li>
<li>
<a href="mailto:{{ account.email }}"><img id="email-image" src="http://www.gdriveurl.com/?idl=313687507151&out=1" alt="Email me" />Get in touch</a>
</li>
</ul>
</div>
{% if site.tags %}
<div class="rounded tag-cloud">
<h3>Tags</h3>
<ul class="tags">
{% for tag in site.tags %}
<li><a href="/tag/{{ tag.name }}">#{{ tag.name }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
</span>
</div>
<div class="row">
<div class="span10 offset1">
<footer class="rounded">
&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>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ url_for("static", filename="js/jquery.min.js") }}"><\/script>')</script>
<script src="{{ static('bootstrap/js/bootstrap.min.js') }}"></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 %}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment