Created
October 29, 2013 08:25
-
-
Save jlyu/7210857 to your computer and use it in GitHub Desktop.
blog theme
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment