beets/_layouts/main.html
2015-12-20 11:02:40 -03:00

199 lines
7.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>
beets: {% if page.shorttitle %}{{ page.shorttitle }}
{% else %}{{ page.title }}{% endif %}
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<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 %}
<link rel="alternate" href="/blog/atom.xml" type="application/atom+xml">
<!-- 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="row">
{% if page.section == 'main' %}
<div class="col-md-12 leader" id="header">
<h1 class="rotating-header">
Beets is
<span id="beetsis">the media library management system
for obsessive-compulsive music geeks.</span>
</h1>
<h1 class="fixed-header">
Beets is the media library management system for
obsessive-compulsive music geeks.
</h1>
</div>
{% else %}
<div class="col-md-12" id="header">
<h1>
{% if page.section == 'blog' %}
The beets blog: {{ page.title }}.
{% else %}
{{ page.title }}
{% endif %}
</h1>
</div>
{% endif %}
</div>
<div class="row">
<div class="col-md-8 screen" id="{{ page.section }}">
{% if page.section == 'main' %}
<div class="embed">
<iframe width="560" height="345" src="http://www.youtube.com/embed/ZaqJmjM23D0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
{% endif %}
{{ content }}
{% if page.section == 'blog' %}
<p class="articleFooter">
Have comments or questions?
<a href="mailto:adrian@radbox.org">Send me an email</a>,
tweet at <a href="http://twitter.com/b33ts">@b33ts</a>,
or <a href="http://news.ycombinator.com/submitlink?u={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&t={{ page.title | cgi_escape }}">discuss on Hacker News</a>.
</p>
{% endif %}
</div>
<div class="col-md-4" id="sidebar">
<!-- SIDEBAR -->
{% if page.section != 'main' %}
<section>
<h3><a href="/">This is Beets</a></h3>
<p>
Beets is the media library management system for obsessive-compulsive music
geeks. <a href="http://www.youtube.com/watch?v=ZaqJmjM23D0">Watch a
screencast</a> to learn more.
</p>
</section>
{% endif %}
<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://beets.readthedocs.org/page/guides/main.html">Getting
Started</a> guide.
</p>
</section>
<section>
<h3>Project</h3>
<ul class="project">
<li>
<a href="http://github.com/sampsyo/beets">github</a>,
<a href="http://bitbucket.org/adrian/beets">bitbucket</a>
</li>
<li><a href="http://beets.readthedocs.org/">documentation</a></li>
<li><a href="http://beets.readthedocs.org/en/latest/faq.html">FAQ</a></li>
<li><a href="https://github.com/sampsyo/beets/issues">bug tracker</a></li>
<li><a href="http://groups.google.com/group/beets-users">mailing
list</a></li>
<li><a href="/blog/">blog</a>, <a href="/blog/atom.xml">atom</a></li>
<li><a href="irc://irc.freenode.net/beets">#beets on
freenode</a>,
<a href="https://botbot.me/freenode/beets/">log</a></li>
<li><a href="/donate.html">donate</a></li>
</ul>
</section>
<section>
<h3>
<a href="/blog/">Blog</a>
<a href="/blog/atom.xml" class="feed-icon">
<img src="/images/feed.png" width="14" height="14" alt="Atom feed">
</a>
</h3>
<ul id="blogSidebar" class="newslist">
{% for post in site.posts limit:3 %}
<li>
<span class="date">{{ post.date | date: '%B %e' }}:</span>
<a href="{{ post.url }}">{{ post.title }}</a>
</li>
{% endfor %}
</ul>
<p id="tease">
<a href="/blog/">all posts&hellip;</a>
</p>
</section>
<section>
{% if page.section == 'main' %}
<h3><a href="http://twitter.com/b33ts">News from @b33ts</a></h3>
<a class="twitter-timeline" href="https://twitter.com/b33ts"
data-widget-id="374710568583573504"
height="300"
data-chrome="nofooter noheader noscrollbar"
data-tweet-limit="2"
>Tweets by @b33ts</a>
{% endif %}
</section>
<section>
<h3>Contact</h3>
<p>
Need help with beets?
Have comments or questions?
Contact <a href="http://groups.google.com/group/beets-users">the mailing
list</a> or
<a href="https://github.com/sampsyo/beets/issues/new">file an issue on GitHub</a>.
You can <a href="/donate.html">donate with PayPal or Bitcoin</a>,
but please consider a donation to
<a href="http://www.rootstrikers.org/donate">Rootstrikers</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>
<!-- flattr button -->
<a class="FlattrButton" style="display:none;"
rev="flattr;button:compact;" href="http://beets.radbox.org/"></a>
<!-- coinbase button -->
<div class="cb-tip-button" data-content-location="http://beets.radbox.org" data-href="//www.coinbase.com/tip_buttons/show_tip" data-to-user-id="532ce1f562812e11390002e8"></div>
<script>!function(d,s,id) {var js,cjs=d.getElementsByTagName(s)[0],e=d.getElementById(id);if(e){return;}js=d.createElement(s);js.id=id;js.src="https://www.coinbase.com/assets/tips.js";cjs.parentNode.insertBefore(js,cjs);}(document, 'script', 'coinbase-tips');</script>
</div>
</div>
</div>
<a id="fork-me" href="https://github.com/sampsyo/beets">Fork me on GitHub</a>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</body>
</html>