Skip to content

Instantly share code, notes, and snippets.

@zhusee2

zhusee2/effector-for-logdown.html

Created October 6, 2013 09:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save zhusee2/6851707 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save zhusee2/6851707 to your computer and use it in GitHub Desktop.
Download ZIP
A port of Effector Theme for Tumblr to Logdown. Based on works of http://tumblr.com/themes/by/pixelunion
Raw
effector-for-logdown.html
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lte-ie8"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7 lte-ie8"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8 lte-ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--
===========================================================================
____ ___ __ __
/\ _`\ __ /\_ \ /\ \/\ \ __
\ \ \L\ \\_\ __ _ __\//\ \ \ \ \ \ \ ___ /\_\ ___ ___
\ \ ,__//\ \/\ \/'\ /'__`\\ \ \ \ \ \ \ \ /' _ `\/\ \ / __`\/' _ `\
\ \ \/ \ \ \/> <//\ __/ \_\ \_ \ \ \_\ \/\ \/\ \ \ \/\ \L\ \\ \/\ \
\ \_\ \ \_\\_/\_\ \____\/\____\ \ \_____\ \_\ \_\ \_\ \____/ \_\ \_\
\/_/ \/_///\/_/\/____/\/____/ \/_____/\/_/\/_/\/_/\/___/ \/_/\/_/
===========================================================================
Based on: Version 2.2.0
Ported to Logdown by: @zhusee2
Effector Theme
Tumblr: http://tumblr.com/themes/by/pixelunion
Website: http://www.pixelunion.net
Support: [email protected]
===========================================================================
-->
<link rel="shortcut icon" href="https://s3.amazonaws.com/logdown-production/system/blog/2962/og_image/552619_10151509931860877_788636774_n.jpg" />
<link rel="apple-touch-icon" href="https://s3.amazonaws.com/logdown-production/system/blog/2962/og_image/552619_10151509931860877_788636774_n.jpg" />
<link rel="stylesheet" href="http://static.tumblr.com/4iuvjvw/LoJmmu1z4/style.min.css" media="screen"/>
<link rel="stylesheet" href="http://static.tumblr.com/xgwqnql/MF5lbpkr4/jquery.fancybox-1.3.1.css" media="screen"/>
<style type="text/css">
body { font-family:Helvetica Neue, Arial, sans-serif; color:#616566; background-color:#e6ebea; }
.blog-title, #sidebar h1, #sidebar h2, #sidebar h3, #footer h1, #footer h2, #footer h3 { font-family:Helvetica Neue, Arial, sans-serif; }
.copy { font-family:Georgia, serif; }
.copy h1, .copy h2, .copy h3, .copy h4, .copy h5, .copy h6, .auto-headings .copy p:first-child strong:first-child, #notes h2, #disqus h2, .speaker {font-family:Helvetica Neue, Arial, sans-serif;}
#tabs #tabs-nav h2 span.active { background:#e6ebea; }
/* Main Theme Color */
.colored-panel, .type-answer .user-question, .pages a:hover, .invert .fixed .pages a:hover, .invert .pinned .pages a:hover, .invert #sidebar .pages a:hover, .more-likes:hover, .invert-topbar .fixed .pages a:hover, .like_link a:hover, .type-photoset .navi a:hover, #pagination .nextprev a:hover, #group-members li span, #followed li span { background-color:#f55b2c; }
.corners .tl { border-left-color:#f55b2c; }
.corners .tr { border-right-color:#f55b2c; }
.corners .bl, .corners .br { border-bottom-color:#f55b2c; }
#group-members li span:after, #followed li span:after { border-top-color:#f55b2c; }
/* Outside Link Color */
a, #footer-end a:hover { color:#f55b2c; }
/* Outside Link Hover */
a:hover { color:#131313; }
/* Inside Link Color */
.copy a, .copy li:before, .type-chat .speaker, .no-touch #notes-toggle:hover, .touch #notes-toggle.up, ol.notes a, #disqus a { color:#f55b2c; }
.copy a:hover, ol.notes a:hover { border-color:#f55b2c; }
.copy .post-title a:hover, .copy a:hover, ol.notes a:hover, #dsq-comments a:hover, #dsq-options a:hover { background-color:#fff7a5; }
.no-touch #notes-toggle:hover .icon, .touch #notes-toggle.up .icon, .photo-btns a:hover, #back-to-top .icon { background-color:#f55b2c; }
/* Colored Area */
.colored-panel, .colored-panel a, .colored-panel a:hover, .colored-panel .user-question, .pages a:hover, .invert-topbar .fixed .pages a:hover, .invert #sidebar .pages a:hover, .more-likes:hover, .like_link a:hover, #pagination .nextprev a:hover, #group-members li span, #followed li span { color:#fffadc; }
/* Colored Area Text Shadow */
.type-quote .quote-text,.type-audio .audio-meta,.type-answer .user-question,.pages a:hover, .more-likes:hover, .like_link a:hover, #pagination .nextprev a:hover, #group-members li span, #followed li span { text-shadow:1px 1px #bf4402; }
ol.notes li.tumblelog_thefrontrowblog { background-color:#fbfbfb; }
ol.notes li.tumblelog_thefrontrowblog .action { font-weight:bold; }
#page, .inner { margin:0 auto; }
</style>
<script src="http://static.tumblr.com/hugxd2w/6Cpm8gh20/modernizr.2.6.1.min.js"></script>
<!-- TWITTER TAGS -->
<meta name="twitter:site" content="logdown" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="thefrontrowblog" />
<meta name="twitter:description" content="The Front Row is a blog by Zhusee (@zhusee2), writing about notes or techniques about front-end web development." />
<meta name="twitter:creator" content="zhusee2" />
</head>
<body class="content-700 menu-labels menu-left lg-icons auto-headings ">
<div id="header" class="pinned">
<div class="inner">
<div id="search">
<form id="search-form" method="get" action="{{ blog.search_posts_url }}">
<input type="text" name="q" value="Search" />
</form>
</div>
<ul class="menu">
<li>
<a class="archives" href="{{ blog.archives_url }}">
<span class="icon"></span><span class="label">Archive</span>
</a>
</li>
<li>
<a class="rss" href="{{ blog.rss_url }}">
<span class="icon"></span><span class="label">RSS</span>
</a>
</li>
</ul>
</div><!-- .inner -->
<div class="shadow"><span></span></div>
</div><!-- /#header -->
<!-- PAGE -->
<div id="page" class="right-sidebar clearfix">
<div class="banner textual">
<h1 class="blog-title"><a href="/">{{ blog.title }}</a></h1>
</div>
<div id="content">
<!-- BEGIN POSTS -->
{% block posts %}
<article class="post type-text">
<div class="post-panel">
<div class="copy">
<h2 class="post-title">
{% block tags_page|index_page|show_page %}
{{post.title}}
{% endblock %}
{% block search_page %}
{{ post.title | highlight: query_string }}
{% endblock %}
</h2>
{% block search_page %}
{{ post.content | search_content: query_string }}
{% endblock %}
{% block index_page|tags_page %}
{{ post.excerpt_content }}
{% block readmore %}
<p><a href="{{post.absolute_url}}" class="more">Read on →</a></p>
{% endblock %}
{% endblock %}
{% block show_page %}
{{ post.content }}
{% endblock %}
</div>
<div class="meta">
<ul class="meta-list">
{% block tag_list %}
<li class="tags">
<ul class="tag-list">
{% block tags %}
<li><a href="{{tag.url}}">{{tag.name}}</a></li>
{% endblock %}
</ul>
</li>
{% endblock %}
<li class="date">
<a href="{{post.absolute_url}}" title="{{post.published_at}}">
<span class="icon"></span>{{post.published_at.time_ago}}
</a>
</li>
<!--
<li class="comments hidden"><a id="dsq-56519758488" href="http://blog.zhusee.in/post/56519758488/customization-tips-for-infinite-scroll-jquery-plugin#disqus_thread"><span class="icon"></span>Comments</a></li>
-->
<li class="permalink">
<a href="{{post.absolute_url}}">
<span class="icon"></span>Permalink
</a>
</li>
</ul><!--/.meta-list -->
<div class="share">
<span class="toggle">Share</span>
<div class="widget">
<!--
<div class="short-link">
<p>Short URL<br>
<input type="text" readonly="" value="http://tmblr.co/ZEppUtqernAO"></p>
</div>
-->
<div class="share-links">
<a target="_new" href="https://twitter.com/intent/tweet?url={{post.absolute_url}}" class="share-twitter">Twitter</a>
<a target="_new" href="https://www.facebook.com/sharer.php?u={{post.absolute_url}}&t={{post.title}}" class="share-facebook">Facebook</a>
<a target="_new" href="http://pinterest.com/pin/create/button/?url={{post.absolute_url}}&media=" class="share-pinterest">Pinterest</a>
<a target="_new" href="https://plus.google.com/share?url={{post.absolute_url}}" class="share-google">Google+</a></div>
</div>
</div>
</div><!-- /.meta -->
<!-- DISQUS COMMENTS -->
{% block show_page %}
{% block disqus %}
<div id="disqus">
<h2>Recent comments</h2>
{% disqus %}
</div>
{% endblock %}
{% endblock %}
<!-- /#disqus -->
</div><!-- /.post-panel -->
<div class="post-shadow"></div>
</article><!-- /.post -->
{% endblock %}
<!-- END POSTS -->
{% block index_page|search_page|tags_page %}
<div id="pagination">
{% paginate %}
</div>
{% endblock %}
</div><!-- /#content -->
<!-- SIDEBAR -->
<div id="sidebar">
<div id="blog-info" class="side-box">
<div class="description">
<h2>About</h2>
{{blog.description}}
</div><!--/.description-->
</div><!--/#blog-info -->
<div class="side-box ruled-top">
<h2>Pages</h2>
<ul class="pages">
<li><a href="/aboutme">About.me Profile</a></li>
<li><a href="/portfolio">Portfolio</a></li>
</ul>
</div>
<div class="side-box ruled-top">
<h2>Me, Elsewhere</h2>
<ul id="socialize">
<li class="dribbble"><a href="http://dribbble.com/players/zhusee" title="zhusee on Dribbble">zhusee on Dribbble</a></li>
<li class="twitter"><a href="http://www.twitter.com/zhusee2" title="@zhusee2 on Twitter">@zhusee2 on Twitter</a></li>
<li class="linkedin"><a href="http://www.linkedin.com/profile/view?id=23794531" title="Linkedin Profile">Linkedin Profile</a></li>
<li class="github"><a href="http://github.com/zhusee2" title="zhusee2 on github">zhusee2 on github</a></li>
</ul>
</div>
<div id="tabs">
<div id="tabs-nav">
</div>
</div><!-- close TABS -->
</div><!-- /#sidebar -->
<!-- FOOTER -->
<div id="footer">
<div id="footer-end" class="ruled-top">
<div class="footer-copy">
<ul id="footer-links">
<li><a href="{{blog.rss_url}}">RSS</a></li>
<li><a href="{{blog.archives_url}}">Archive</a></li>
</ul>
</div>
<div class="pixel-union"><a href="http://www.tumblr.com/theme/17403"><strong>Effector Theme</strong></a> by <a class="logo" href="http://www.pixelunion.net">Pixel Union</a></div>
</div><!-- /#footer-end -->
</div><!-- /#footer -->
</div><!-- /#page -->
<!-- Footer Scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://static.tumblr.com/hugxd2w/s4om61ic8/jquery-1.7.2.min.js"><\/script>')</script>
<script src="http://static.tumblr.com/hugxd2w/Xtema9ggk/plugins.min.js"></script>
<script src="http://static.tumblr.com/a080hxb/EhAmqxc3f/script.min.js"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq=[["_setAccount","UA-337161-14"],["_trackPageview"]];
(function(d,t){
var g=d.createElement(t), s=d.getElementsByTagName(t)[0];
g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)
}(document,"script"));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment