Skip to content

Instantly share code, notes, and snippets.

@vigo
Last active December 10, 2015 20:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vigo/4488146 to your computer and use it in GitHub Desktop.
Save vigo/4488146 to your computer and use it in GitHub Desktop.
git-tips tumblr theme
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{Title}{block:PostTitle} — {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="text:Disqus Shortname" content="" />
<meta name="text:Google Analytics ID" content="" />
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link href="http://static.tumblr.com/k8qonl0/jbOmgb0sd/bootswatch-slate.css" rel="stylesheet" />
<style type="text/css" media="screen">
#site-header {
padding-top: 60px;
}
#site-avatar {
margin-top: 20px;
}
.posts h3 {
margin-bottom: 12px;
}
.posts h3 a {
color: #48AA43;
}
.posts h4 {
margin-top: 0px;
margin-bottom: 20px;
}
.posts h4 a {
color: #357A32;
}
.posts hr {
margin: 80px 0;
}
.post-footer-right {
text-align: right;
}
.post-footer-right a {
margin-left: 10px;
}
p, pre {
margin-bottom: 25px;
}
.search_query {
color: #ff0;
}
.pull-center {
text-align: center;
}
.video-area p {
font-weight: bold;
margin-top: 20px;
}
.audio-area p {
font-weight: bold;
}
ol.notes {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
ol.notes li {
padding: 10px 0;
}
ol.notes .avatar_frame {
margin-right: 20px;
}
.text-posts p {
font-size: 140%;
line-height: 140%;
}
.text-posts strong {
color: #fff;
}
.source-link {
margin-top: -10px;
}
{CustomCSS}
</style>
</head>
<body>
<div class="container">
<!-- Site Header -->
<header id="site-header" class="jumbotron">
<div class="row">
<div class="span12">
<img id="site-avatar" src="{PortraitURL-64}" class="img-polaroid pull-right" alt="{Title}" />
<h1><a href="/">{Title}</a></h1>
<p class="lead">{Description}</p>
</div>
</div>
</header>
<!-- Nav Menu -->
<div class="navbar">
<div class="navbar-inner">
<ul id="site-menu" class="nav">
<li><a href="/">{lang:Home}</a></li>
{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:HasPages}
{block:Twitter}<li><a href="http://twitter.com/{TwitterUsername}">@{TwitterUsername}</a></li>{/block:Twitter}
<li><a href="/archive/">{lang:Archive}</a></li>
<li><a href="{RSS}">{lang:RSS}</a></li>
<li><a href="/mobile">{lang:Mobile}</a></li>
</ul>
<form role="search" method="get" action="/search" class="navbar-search pull-right">
<input name="q" type="text" class="search-query" placeholder="{lang:Search}" value="{SearchQuery}">
</form>
</div>
</div>
<!-- Search Results -->
{block:SearchPage}
{block:NoSearchResults}
<div class="alert alert-error">
<h1>{SearchQuery}</h1>
<p>{lang:No results found}</p>
</div>
{/block:NoSearchResults}
{block:SearchResults}
<div id="search-result-report" class="page-header">
<h1>{lang:SearchResultCount results for SearchQuery 2}</small></h1>
</div>
{/block:SearchResults}
{/block:SearchPage}
<!-- Posts -->
<div class="posts">
{block:Posts}
<div class="row">
<div class="span12">
<!-- Text Title-->
{block:Text}
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{/block:Text}
<!-- Chat Title -->
{block:Chat}
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{/block:Chat}
<!-- Photo Title -->
{block:Photo}
{block:Caption}<h3><a href="{PhotoURL-HighRes}">{PhotoAlt}</a></h3>{/block:Caption}
{/block:Photo}
<!-- Photoset Title -->
{block:Photoset}
<h3><a href="{Permalink}">{lang:Photoset post}</a></h3>
{/block:Photoset}
<!-- Link Title -->
{block:Link}
<h3><a href="{URL}" {Target}>{Name}</a></h3>
{/block:Link}
<!-- Quote Title -->
{block:Quote}
<h3><a href="{Permalink}">{Quote}</a></h3>
{/block:Quote}
<!-- Video Title -->
{block:Video}
<h3><a href="{Permalink}">{lang:Video post}</a></h3>
{/block:Video}
<!-- Audio Title -->
{block:Audio}
<h3><a href="{Permalink}">{lang:Audio post}</a></h3>
{/block:Audio}
<!-- Date, Tags etc -->
<div class="row">
<div class="span3">
{block:Date}<h4><a href="{Permalink}">{DayOfMonth} {Month} {Year}</a> <small>{24HourWithZero}:{Minutes}</small></h4>{/block:Date}
</div>
<div class="span9">
{block:HasTags}<p class="pull-right">{block:Tags}<a class="btn btn-small" href="{TagURL}"><i class="icon-tag icon-white"></i> {Tag}</a>{/block:Tags}</p>{/block:HasTags}
</div>
</div>
<!-- Text -->
{block:Text}
<div class="text-posts">
{Body}
</div>
{/block:Text}
<!-- Chat Body -->
{block:Chat}
<table class="table table-bordered table-striped">
<tbody>
{block:Lines}
<tr>
{block:Label}<td><strong>{Label}</strong></td>{/block:Label}
<td>{Line}</td>
</tr>
{/block:Lines}
</tbody>
</table>
{/block:Chat}
<!-- Photo Body -->
{block:Photo}
<p class="well"><img src="{PhotoURL-HighRes}" class="img-rounded" alt="{PhotoAlt}" /></p>
{/block:Photo}
<!-- Photoset Body -->
{block:Photoset}
<ul class="thumbnails">
{block:Photos}
<li class="span4"><a href="{PhotoURL-HighRes}" class="thumbnail"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a></li>
{/block:Photos}
</ul>
{/block:Photoset}
<!-- Link Body -->
{block:Link}
{block:Description}{Description}{/block:Description}
{/block:Link}
<!-- Quote Body -->
{block:Quote}
<blockquote>
{block:Source}<small>{Source}</small>{/block:Source}
</blockquote>
{/block:Quote}
<!-- Video Body -->
{block:Video}
<div class="well pull-center video-area">
{Video-700}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Video}
<!-- Audio Body -->
{block:Audio}
<div class="audio-area">
{AudioPlayerBlack}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:PermalinkPage}
<!-- Likes -->
{block:PostNotes}
{block:NoteCount}<h4>{NoteCountWithLabel}</h4>{/block:NoteCount}
<div class="well">{PostNotes-64}</div>
{/block:PostNotes}
<!-- Disqus Threads -->
{block:IfDisqusShortname}
<div id="disqus_thread" class="well" style="background-color: #444;"></div>
<script type="text/javascript">
(function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
{/block:IfDisqusShortname}
{/block:PermalinkPage}
</div>
</div>
<!-- Post Footer -->
<div class="row post-footer">
<div class="span6 post-footer-left">
{block:Twitter}<a href="https://twitter.com/share" class="twitter-share-button" data-url="{Permalink}" data-text="{block:PostTitle}{PostTitle}{/block:PostTitle}" data-via="{TwitterUsername}" data-lang="tr" data-hashtags="git">Tweet</a>{/block:Twitter}
<!-- Source -->
{block:ContentSource}
<a class="btn btn-warning btn-small source-link" href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}
</div>
<div class="span6 post-footer-right">
<script type="text/javascript">
var disqus_url = "{Permalink}";
var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
</script>
{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread">{lang:Comment}</a>{/block:IfDisqusShortname}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<hr/>
{/block:Posts}
</div>
<!-- Pager -->
{block:Pagination}
<ul class="pager">
{block:PreviousPage}<li class="previous"><a href="{PreviousPage}">&larr; {lang:Previous page}</a></li>{/block:PreviousPage}
{block:NextPage}<li class="next"><a href="{NextPage}">{lang:Next page} &rarr;</a></li>{/block:NextPage}
</ul>
{/block:Pagination}
{block:PermalinkPagination}
<ul class="pager">
{block:PreviousPost}<li class="previous"><a href="{PreviousPost}">&larr; {lang:Previous post}</a></li>{/block:PreviousPost}
{block:NextPost}<li class="next"><a href="{NextPost}">{lang:Next post} &rarr;</a></li>{/block:NextPost}
</ul>
{/block:PermalinkPagination}
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#site-menu li a").each(function(i, o){
if($(o).attr('href') == window.location.pathname){
$(o).parent().addClass('active');
}
});
// fix uploaded img
$("p > img").addClass('img-rounded').parent().addClass("well");
});
</script>
{block:Twitter}
<script>
!function(d,s,id){
var js,fjs = d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
{/block:Twitter}
{block:IfDisqusShortname}
<script>
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://' + disqus_shortname +'.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:IfDisqusShortname}
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_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>
{/block:IfGoogleAnalyticsID}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment