<div class="dashboard stretch-to-bottom">
    <section class="announce-wrapper" ng-class="announceWrapperClass">
        <div id="announcement" ng-show="announcement != null" ng-class="announcementClass"></div>
    </section>
    <section class="recent-tracks">
        <h1>
            <a href="/tracks"><i class="fa fa-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>
            <a href="https://twitter.com/ponyfm" target="_blank">follow @ponyfm</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>
