jlyu
10/29/2013 - 8:25 AM
blog theme
blog theme
<!DOCTYPE html>
<html>
<head>
<link href="//aveline.oss.aliyuncs.com/themes/its-compiling/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="search">
<form accept-charset="UTF-8" action="{{ blog.search_posts_url }}" method="get">
<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
<input class="search-box" type="text" name="q" results="0" value="" placeholder="Search">
</form>
</div>
<div class="logo">
<h1><a href="/">{{ blog.title }}</a></h1>
<span class="tagline"> {{ blog.tagline }} </span>
</div>
<nav class="nav">
<ul class="inline-list">
<li>
<a href="{{ blog.archives_url }}">
<i class="icon-archive"></i><span>Archive</span>
</a>
</li>
<li>
<a href="{{ blog.rss_url }}" target="_blank">
<i class="icon-rss"></i><span>feeds</span>
</a>
</li>
</ul>
</nav>
</header>
<div class="content">
{% block search_page %}
<div class="posts-search">
<p class="search-result-meta">
Your search for <strong>“ {{ query_string }} ”</strong> matches <strong> {{ results_count }} </strong> results:
</p>
{% endblock %}
{% block tags_page %}
<div class="posts-search">
<p class="search-result-meta">
Posts match <strong>“ {{ tag_name }} ”</strong> tag:
</p>
{% endblock %}
{% block archives_page %}
<div class="post container">
<div class="title">
<h2>Blog Archive</h2>
</div>
<div class="article">
{% block archives %}
<h3>{{archive.year}}</h3>
<ul class="archive-list">
{% block posts %}
<li class="archive">
<span class="archive-date"><time>
{{post.published_at.short_month}}
{{post.published_at.day_of_month}}
</time></span>
<a href="{{post.absolute_url}}" class="archive-link">{{post.title}}</a>
</li>
{% endblock %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
{% block posts %}
<div class="post container">
<div class="rel-date" data-timestamp="{{post.published_at.timestamp}}"> {{ post.published_at.time_ago }} </div>
<div class="title">
<h2>
<a href="{{post.absolute_url}}">
{% block tags_page|index_page|show_page %}
{{post.title}}
{% endblock %}
{% block search_page %}
{{ post.title | highlight: query_string }}
{% endblock %}
</a>
</h2>
</div>
<div class="article">
{% block search_page %}
{{ post.content | search_content: query_string }}
{% endblock %}
{% block index_page|tags_page %}
{{ post.excerpt_content }}
{% block readmore %}
<a href="{{post.absolute_url}}" class="more">Read on →</a>
{% endblock %}
{% endblock %}
{% block show_page %}
{{ post.content }}
<div class="social-share group">
<div class="pull-right">
{% block facebook_sharing %}
{% endblock %}
</div>
<a href="#" style="dispaly:none; border-bottom:none;"> </a>
{% block twitter_sharing %}
<a href="https://twitter.com/share?" class="twitter-share-button">Tweet</a>
{% endblock %}
{% block google_plus_sharing %}
<div class="g-plusone" data-size="medium"></div>
{% endblock %}
</div>
{% endblock %}
</div>
{% block tag_list %}
<div class="tags">
<ul class="inline-list">
{% block tags %}
<li>
<i class="icon-tag"></i>
<a href="{{tag.url}}">{{tag.name}}</a>
</li>
{% endblock %}
</ul>
</div>
{% endblock %}
<div class="metadata">
<ul class="inline-list">
<li><i class="icon-time"></i> {{ post.published_at }} </li>
<li><i class="icon-link"></i> <a href="{{post.absolute_url}}"> Permalink </a> </li>
<li> <i class="icon-comment"></i> <a href="{{ post.disqus_comments_link }}"> Comments </a></li>
</ul>
</div>
<div style="clear: both;"> </div>
{% block show_page %}
{% block disqus %}
{% disqus %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block pagination %}
<div class="pagination pagination-centered">
<ul>
{% block previous_page %}
<li class="prev previous_page ">
<a href="{{previous_page_url}}">Previous</a>
</li>
{% endblock %}
{% block jump_pagination %}
{% block current_page %}
<li class="active">
<a href="#">{{page_number}}</a>
</li>
{% endblock %}
{% block page_gap %}
<li class="disabled">
<a href="#"><span class="gap">…</span></a>
</li>
{% endblock %}
{% block jump_page %}
<li>
<a href="{{page_url}}">{{page_number}}</a>
</li>
{% endblock %}
{% endblock %}
{% block next_page %}
<li class="next next_page ">
<a href="{{next_page_url}}">Next</a>
</li>
{% endblock %}
</ul>
</div>
{% endblock %}
{% block search_page|tags_page %}
</div>
{% endblock %}
</div>
<footer class="footer">
<p>
<span><i></i>Copyright © 2013 {{ blog.user_name }} . </span> Powered by <a href="http://logdown.com/">Logdown</a>.<br> Based on work at subtlepatterns.com.
</p>
</footer>
</div>
</body>
</html>