Skip to content

Instantly share code, notes, and snippets.

@gigablah
Created March 18, 2014 04:31
Show Gist options
  • Save gigablah/9613606 to your computer and use it in GitHub Desktop.
Save gigablah/9613606 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" xmlns:og="http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<title>
{% if is_login %}Login
{% elif is_home %}{{ site.author }}
{% elif is_tag %}{{ tag }}
{% elif post.type == 'post' %}{{ post.title }}
{% elif post.type == 'link' %}{{ link.title }}
{% elif post.type == 'page' %}{{ page.title }}
{% endif %}
| {{ site.name }}
</title>
{{ header_meta }}
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="{{ static('themes/minimalist-flat/css/minimalist-flat.css') }}" rel="stylesheet" />
<link href="http:///netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300|Merriweather:300|Montserrat:400,700" rel="stylesheet" />
<link href="http://highlightjs.org/static/styles/github.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
<style>
body, h1 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; color: black; }
p { padding: 8px 0; margin: 0; }
h6 { font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; font-weight: 700; margin-top: 20px; font-size: 0.9em; }
div.main { top: 0; border-top-left-radius: 0; }
header.site-header, #nav { position: relative!important; }
header.site-header { margin-top: 18px; margin-bottom: 40px; }
#nav { top: 0; }
#nav.opened { position: absolute; margin-top: 0; top: 0; }
#nav li a:hover { background-color: #555; }
a [class^="icon-"], a [class*=" icon-"] { color: #12b0c5; }
div.social-btns a [class^="icon-"], a [class*=" icon-"] { margin: 0 0.6rem; }
h1.site-name { font-weight: 400; letter-spacing: -1px; font-size: 1.6em!important; }
h1.site-name a:hover { color: #12b0c5; }
h1 a { color: #555; }
h2 { font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; letter-spacing: -2px; font-size: 2em; color: #ec663c; line-height:1.1; margin-bottom: 0; }
section .title a { color: #ec663c; }
div.content { font-family: 'Merriweather', Georgia, serif; font-size: 18px; }
.post-date { font-weight: 300; margin-top: 0; }
div.post-date { margin-top: -10px; }
footer.site-footer { font-weight: 300; border-top-color: #eee; font-size: 0.7em; }
footer.site-footer p { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
.socialbar-container, .dsq-brlink { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; }
.hljs { background: transparent!important; padding: 0; }
pre { line-height: 1; }
code { font-size: 0.8em; line-height: 1.4; }
section.posts article.summary .content ul { padding: 0; margin-left: 2.625rem; }
section.posts article.summary .content ul li { list-style-type: disc; }
section.posts article.summary .content blockquote, blockquote { border-left: 5px solid #e5e5e5; padding: 8px; margin: 8px 0; }
section.posts article.summary .content blockquote p, blockquote p { font-size: 1em; margin: 0; padding: 0; padding-left: 10px; color: #555; line-height: 1.5; }
</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>
{% if is_login %}
{{ login_form }}
{% else %}
<header class="site-header">
<h1 class="site-name"><a href="/">{{ site.name }}</a></h1>
<p class="logo">
<a href="/"><img class="avatar" src="{{ site.avatar }}" alt="{{ site.author }}" /></a>
</p>
</header>
<div 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>
</div>
<div class="social-btns">
{% if site.twitter %}<a href="{{ site.twitter }}" title="Twitter" target="_blank" class="footer-icon"><i class="icon-twitter"></i></a>{% endif %}
{% if site.facebook %}<a href="{{ site.facebook }}" title="Facebook" target="_blank" class="footer-icon"><i class="icon-facebook"></i></a>{% endif %}
{% if site.googleplus %}<a href="{{ site.googleplus }}?rel=author?rel=author" rel="author" title="Google+" target="_blank" class="footer-icon"><i class="icon-google-plus"></i></a>{% endif %}
{% if site.linkedin %}<a href="{{ site.linkedin }}" title="Linkedin" target="_blank" class="footer-icon"><i class="icon-linkedin"></i></a>{% endif %}
<a href="{{ site.atom_url }}" title="RSS" target="_blank"><i class="icon-rss"></i></a>
</div>
<div role="main" class="main">
<div class="block">
<a href="#nav" id="toggle" class="block" aria-hidden="true"></a>
</div>
<div class="content">
{% if is_home or is_tag %}
{% if posts %}
<section class="posts">
{% if is_tag %}
<h2>Tag: {{ tag }}</h2>
<hr />
{% endif %}
{% for post in posts %}
<article itemscope itemtype="http://schema.org/Article" class="summary">
<h2 class="title"><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
<div class="post-date">
<p>Published by {{ site.author }} on {{ post.created_at|format_date }}</p>
</div>
<div class="content" data-type-cleanup="true">
{{ post.content }}
</div>
{% if post.tags %}
<div class="tags">
{{ post.tags|format_tags(delimiter=' ') }}
</div>
{% endif %}
</article>
{% endfor %}
</section>
{% 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 class="no-posts"><em>No posts yet :(</em></p>
{% endif %}
{% elif post.type == 'post' %}
<article itemscope itemtype="http://schema.org/Article" class="post">
<header class="title">
<h2>{{ post.title }}</h2>
<p class="post-date">Published by {{ site.author }} on {{ post.created_at|format_date }}</p>
</header>
<section class="content">
<div class="post-content" data-type-cleanup="true">
{{ post.content }}
</div>
{{ theme.social.bar }}
{% if post.tags %}
<div class="tags">
{{ post.tags|format_tags(delimiter=' ') }}
</div>
{% endif %}
</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 post.type == 'link' %}
<article itemscope itemtype="http://schema.org/Article" class="post">
<header class="title">
<h2>{{ link.title }}</h2>
<p class="post-date">Published by {{ site.author }} on {{ link.created_at|format_date }}</p>
</header>
<section class="content">
{{ link.content }}
<span class="link-url"><i class="icon-share"></i> <a href="{{ link.url }}">{{ link.url }}</a></span>
{{ theme.social.bar }}
{% if link.tags %}
<div class="tags">
{{ link.tags|format_tags(delimiter=' ') }}
</div>
{% endif %}
</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 post.type == 'page' %}
<div class="post">
<h1>{{ page.title }}</h1>
<div class="post-content" data-type-cleanup="true">
{{ page.content }}
</div>
</div>
{% endif %}
<footer class="site-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>
</div>
{% endif %}
{{ footer_meta }}
<script src="{{ static('themes/minimalist-flat/js/responsive-nav.min.js') }}"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>responsiveNav("#nav", { customToggle: "#toggle" });</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment