<div class="dashboard stretch-to-bottom">
    <section class="recent-tracks">
        <h1>
            <a href="/tracks"><i class="icon-music"></i> see more</a>
            The newest tunes
        </h1>
        <pfm-tracks-list tracks="recentTracks" class="two-columns"></pfm-tracks-list>
    </section>

    <section class="popular-tracks">
        <h1>
            What's popular today
        </h1>
        <pfm-tracks-list tracks="popularTracks" class="two-columns"></pfm-tracks-list>
    </section>

    <section class="news">
        <h1>Welcome to Pony.fm</h1>
        <p>The pony fan music site. By bronies, for bronies.</p>
        <p>
            We provide a comprehensive set of free tools to host, distribute, and catalogue your music, integrated with a rich community experience for artists and listeners alike.
        </p>
        <p>
            Features include <strong>unlimited downloads</strong>, <strong>unlimited uploads</strong>, <strong>lossless uploads</strong> and much more! Click <a href="/about">here</a> for more details!
        </p>

        <h1>
            <a href="http://mlpforums.com/blog/404-ponyfm-development-blog/" target="_blank">read all</a>
            Pony.fm news
        </h1>
    <a class="twitter-timeline" href="https://twitter.com/ponyfm" data-widget-id="644195953956798464">Tweets by
      @ponyfm</a>
    <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>
    </section>
</div>