beets/_layouts/main.html
2012-08-01 09:24:08 -07:00

142 lines
5.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>beets: {{ page.shorttitle }}</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="beets.css">
{% if page.section == 'main' %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="beets.js"></script>
{% endif %}
<!-- Flattr button code -->
<script type="text/javascript">
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
</script>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11763891-2']);
_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>
</head>
<body>
<div class="container">
<div class="content">
{% if page.section == 'main' %}
<div class="page-header leader">
<h1>
Beets is
<span id="beetsis">the media library management system
for obsessive-compulsive music geeks.</span>
</h1>
</div>
{% else %}
<div class="page-header">
<h1>
{{ page.title }}
</h1>
</div>
{% endif %}
<div class="row">
<!-- ********************************************************************** -->
<div class="span10 screen" id="{{ page.section }}">
{{ content }}
</div>
<!-- ********************************************************************** -->
<div class="span4" id="sidebar">
<!-- SIDEBAR -->
<section>
<h3>Get Beets</h3>
<p>
Install with <a
href="http://www.pip-installer.org/">pip</a>
by typing <code>pip install beets</code>,
then read the
<a href="http://readthedocs.org/docs/beets/-/guides/main.html">Getting
Started</a> guide.
</p>
</section>
<section>
<h3>Project</h3>
<ul>
<li><a href="http://github.com/sampsyo/beets">beets on github</a></li>
<li><a href="http://bitbucket.org/adrian/beets">beets on bitbucket</a></li>
<li><a href="http://beets.readthedocs.org/">documentation</a></li>
<li><a href="http://code.google.com/p/beets/issues/list">bug tracker</a></li>
<li><a href="http://groups.google.com/group/beets-users">mailing
list</a></li>
<li><a href="irc://irc.freenode.net/beets">#beets on
freenode</a></li>
</ul>
</section>
<section>
{% if page.section == 'main' %}
<h3>News</h3>
<ul id="twitterStatus">
</ul>
{% endif %}
<p>
<a href="http://twitter.com/b33ts" class="twitter-follow-button">Follow @b33ts</a>
</p>
</section>
<section>
<h3>Contact</h3>
<p>
Email <a href="mailto:adrian@radbox.org">Adrian Sampson</a> with comments, questions, and fan mail.
You can <a href="{{ site.url }}/donate.html">donate with PayPal or Amazon</a>,
but please consider a donation to
<a href="http://www.publicampaign.org/donate">Public
Campaign</a> instead.
Thanks!
</p>
</section>
<section class="flair">
<!-- tweet button -->
<a href="http://twitter.com/share" class="twitter-share-button"
data-text="Beets: an awesome open-source music library manager and MusicBrainz tagger."
data-count="none" data-via="b33ts"
data-url="http://beets.radbox.org/">tweet beets</a>
<script type="text/javascript"
src="http://platform.twitter.com/widgets.js"></script>
<!-- google +1 button -->
<g:plusone count="false" size="medium"
href="http://beets.radbox.org/"></g:plusone>
<!-- flattr button -->
<a class="FlattrButton" style="display:none;"
rev="flattr;button:compact;" href="http://beets.radbox.org/"></a>
</section>
</div>
<!-- ********************************************************************** -->
</div>
</div>
</div>
<a href="http://github.com/sampsyo/beets"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
</body>
</html>