beets/_layouts/main.html
2021-06-29 10:15:46 +02:00

198 lines
7.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>
beets: {% if page.shorttitle %}{{ page.shorttitle | xml_escape }}
{% else %}{{ page.title | xml_escape }}{% 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="https://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">
</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 music geeks.</span>
</h1>
<h1 class="fixed-header">
Beets is the media library management system for
obsessive music geeks.
</h1>
</div>
{% else %}
<div class="col-md-12" id="header">
<h1>
{% if page.section == 'blog' %}
The beets blog: {{ page.title | xml_escape }}.
{% else %}
{{ page.title | xml_escape }}
{% 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="https://www.youtube.com/embed/ZaqJmjM23D0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
{% endif %}
{{ content }}
{% if page.section == 'blog' %}
<p class="articleFooter">
This post was published on {{ page.date | date: '%B %-d, %Y' }}.
Have comments or questions?
Post on
<a href="http://discourse.beets.io">the discussion board</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 music
geeks. <a href="https://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/beetbox/beets">github</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/beetbox/beets/issues">bug tracker</a></li>
<li><a href="http://discourse.beets.io">discussion board</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.libera.chat/beets">#beets on
libera.chat</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?
Post on <a href="http://discourse.beets.io">the discussion board</a> or
<a href="https://github.com/beetbox/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="https://movetoamend.org/donate">Move to Amend</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="{{site.url}}/">tweet beets</a>
<!-- flattr button -->
<a class="FlattrButton" style="display:none;"
rev="flattr;button:compact;" href="http://beets.radbox.org/"></a>
</section>
</div>
</div>
</div>
<!-- "Fork me on GitHub" ribbon. -->
<a id="fork-me" href="https://github.com/beetbox/beets">Fork me on GitHub</a>
<!-- Tweet button 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>
<!-- 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>
</body>
</html>