Skip to content

Instantly share code, notes, and snippets.

@geekforbrains

geekforbrains/postachio_subtle.html

Last active April 11, 2020 21:42
Show Gist options
  • Save geekforbrains/5391275 to your computer and use it in GitHub Desktop.
Save geekforbrains/5391275 to your computer and use it in GitHub Desktop.
Download ZIP
A revised version of Postach.io's Subtle Theme
Raw
postachio_subtle.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="author" content="{{ site.author }}" />
<link href="{{ site.atom_url }}" rel="alternate" title="{{ site.name }} Feed" 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('fontawesome/css/font-awesome.min.css') }}" rel="stylesheet" />
<link href="{{ static('themes/subtle/subtle.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]-->
</head>
<body>
<div class="header">
<div class="span12">
<div class="row">
<div class="span2 offset2">
<!-- circle logo -->
<a href="/" class="circle-logo">
<embed src="{{ static('themes/subtle/red-circle.svg') }}" width="100%" height="100%" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />
<i class="fit icon-beaker"></i>
</a>
</div>
<div class="span8">
<h1><a href="/">{{ site.name }}</a></h1>
<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>
</div>
</div>
<div class="row content">
<div class="span8 offset2">
<div class="posts">
<!-- end header -->
{% if is_home %}
{% if posts %}
{% for post in posts %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span2 post-meta">
<p class="date">{{ post.created_at|date_format }}</p>
</div>
<div class="span6 post-body">
{% if post.content|striptags|wordcount > 0 %}
<p>{{ post.content|striptags|truncate(255) }}</p>
{% endif %}
<p class="read-more"><a href="{{ post.permalink }}">Read More &raquo;</a></p>
</div>
</div>
</div>
{% endfor %}
{% else %}
<div class="post span8">
<div class="row">
<div class="span8">
<p>No posts found.</p>
</div>
</div>
</div>
{% endif %}
{% elif is_post %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
<h2><a href="{{ post.permalink }}">{{ post.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span2 post-meta">
<p class="date">{{ post.created_at|date_format }}</p>
</div>
<div class="span6 post-body">
{{ post.content }}
</div>
</div>
{% if site.disqus %}
<div class="row">
<div class="span6 offset2">
<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>
</div>
</div>
{% endif %}
</div><!-- end post -->
{% elif is_link %}
<div class="post span8">
<div class="row">
<div class="span6 offset2">
<h2><a href="{{ link.permalink }}">{{ link.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span2 post-meta">
<p class="date">{{ link.created_at|date_format }}</p>
</div>
<div class="span6 post-body">
{{ link.content }}
<br />
<i class="icon-share"></i> <a href="{{ link.url }}">{{ link.url }}</a>
</div>
</div>
{% if site.disqus %}
<div class="row">
<div class="span6 offset2">
<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>
</div>
</div>
{% endif %}
</div>
{% elif is_page %}
<div class="post span8">
<div class="row">
<div class="span8">
<h2><a href="{{ page.permalink }}">{{ page.title }}</a></h2>
</div>
</div>
<div class="row">
<div class="span8 post-body">
{{ page.content }}
</div>
</div>
</div>
{% endif %}
<!-- begin footer -->
</div>
</div>
</div>
<div class="footer">
<div class="span12">
<div class="row">
<div class="span2 offset2">
<p class="copyright">&copy; Powered by <a href="http://postach.io" target="_blank">Postach.io</a></p>
</div>
<div class="span8">
<ul>
<li><a href="/">Home</a></li>
{% if pages %}
{% for page in pages %}
<li><a href="{{ page.permalink }}">{{ page.title }}</a></li>
{% endfor %}
{% endif %}
{% if site.facebook %}
<li class="link-icon">
<a href="{{ site.facebook }}" target="_blank">
<i class="icon-facebook"></i>
</a>
</li>
{% endif %}
{% if site.googleplus %}
<li class="link-icon">
<a href="{{ site.googleplus }}" target="_blank">
<i class="icon-google-plus"></i>
</a>
</li>
{% endif %}
{% if site.twitter %}
<li class="link-icon">
<a href="{{ site.twitter }}" target="_blank">
<i class="icon-twitter"></i>
</a>
</li>
{% endif %}
{% if site.linkedin %}
<li class="link-icon">
<a href="{{ site.linkedin }}" target="_blank">
<i class="icon-linkedin"></i>
</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ static('bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ static('themes/subtle/subtle.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