hummingbird-me/hummingbird

View on GitHub
public/2014/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
    <meta charset='utf-8'>
    <title>The Year in Anime 2014</title>
    <meta content='width=device-width, initial-scale=1, user-scalable=no' name='viewport'>
    <meta content='website' property='og:type'>
    <meta content='assets/images/social-thumb.jpg' property='og:image'>
    <meta content='http://www.hummingbird.me/2014/' property='og:url'>
    <meta content='The Year in Anime 2014' property='og:title'>
    <meta content='2014 was an incredible year for anime.' property='og:description'>
    <meta content='' property='fb:app_id'>
    <meta content='' property='twitter:site:id'>
    <meta content='summary' name='twitter:card'>
    <meta content='assets/images/social-thumb.jpg' property='twitter:image'>
    <link href='assets/css/style.css' rel='stylesheet'>
    <link href='assets/css/foundation.css' rel='stylesheet'>
    <link href='assets/css/ionicons.css' rel='stylesheet'>
    <script>
      if (window.location.href == "http://hummingbird.me/2014") {
        window.location.href = "http://hummingbird.me/2014/";
      }

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-37633900-1']);
      _gaq.push(['_setDomainName', 'hummingbird.me']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </head>
  <body class='hb-grey'>
    <div id='fb-root'></div>
    <script>
      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <div class='view bg'>
      <div class='navbar bg-a no-select white'>
        <div class='navbar-left left'>
          <a class='navbar-brand' href='http://www.hummingbird.me'>
            <img class='mobile-hide' height='20px' src='http://hummingbird.me/assets/logo-new.jpg' width='119px'>
            <img class='mobile-show' height='auto' src='assets/images/hb-logo.png' width='30px'>
          </a>
        </div>
        <div class='navbar-right right right-align'>
          <div class='h3 mobile-show'>
            2014 Year in Review
          </div>
          <div class='fb-like mobile-hide' data-action='like' data-href='http://www.hummingbird.me/2014' data-layout='button_count' data-share='false' data-show-faces='false'></div>
          <a class='twitter-share-button mobile-hide' data-text="It's been a great year of anime - Hummingbird Year in Review" data-via='hummingbird_me' href='https://twitter.com/share'>Tweet</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>
        </div>
        <div class='h3 center mobile-hide'>
          2014 Year in Review
        </div>
      </div>
      <div class='shifty' id='menu'>
        <div class='shifty-inner'>
          <div class='shifty-content'>
            <div class='slideshow no-select'>
              <div class='slide center' data-color='hb-grey' id='home'>
                <div class='absolute-fill year-wrap'>
                  <div class='year-banner'>
                    <h1 class='year'>2014</h1>
                    <p class='year-title'>Year in Review</p>
                    <p class='year-description'>A glimpse at the best anime of 2014, as well as our growth as a platform , <br class="mobile-hide"> collated from our amazing community’s activity.</p>
                  </div>
                </div>
                <div class='slide-footer mobile-show white'>
                  <p>
                    Swipe to start &nbsp;
                    <i class='ion-chevron-right'></i>
                  </p>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='episodes-tracked'>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <p class='h1r'>
                      In 2014 our community watched
                      <br class='mobile-hide'>
                      a staggering
                      <span class='highlight'>80,639,753</span>
                      hours of anime.
                      <br>
                      <br>
                      That's 9,199.2 years of anime.
                    </p>
                  </div>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='episodes-tracked'>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <p class='h1r'>
                      The average user tracked
                      <span class='highlight'>1153</span>
                      hours watching anime.
                      <br>
                      <br>
                      An approximate 48 days of straight anime.
                    </p>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='highest-rated-tv'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Highest Rated TV Series
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2>Shigatsu wa Kimi no Uso</h2>
                        <i class='ion-ios7-star'>&nbsp;4.41</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Highest Rated TV Series</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Shigatsu wa Kimi no Uso'>
                            <a href='https://hummingbird.me/anime/shigatsu-wa-kimi-no-uso'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/403/large/acgdb.com-27d1f1af31750bf81ddd7496a5eadf6bc2989d74.jpg?1425430943'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Mushishi Zoku Shou 2nd Season'>
                            <a href='https://hummingbird.me/anime/mushishi-zoku-shou-2'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/581/large/mushi22628.jpg?1416243115'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip title='Mushishi Zoku Shou'>
                            <a href='https://hummingbird.me/anime/mushishi-zoku-shou'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/204/large/5984.jpg?1416277734'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Haikyuu!!'>
                            <a href='https://hummingbird.me/anime/haikyuu'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/133/large/gm25N2a.jpg?1416272034'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Ping Pong The Animation'>
                            <a href='https://hummingbird.me/anime/ping-pong-the-animation'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/262/large/uTkmqxh.jpg?1416712536'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='The Legend of Korra Book 3: Change'>
                            <a href='https://hummingbird.me/anime/the-legend-of-korra-book-3-change'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/077/large/Legend_of_Korra_Book_3_DVD.jpg?1416599368'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Kiseijuu: Sei no Kakuritsu'>
                            <a href='https://hummingbird.me/anime/kiseijuu'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/147/large/iimULfF3qgJiE.jpg?1416444566'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Psycho-Pass RE:Start'>
                            <a href='https://hummingbird.me/anime/psycho-pass-re-start'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/574/large/psychopassv2.jpg?1441231870'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Barakamon'>
                            <a href='https://hummingbird.me/anime/barakamon'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/026/large/barak.jpg?1416279681'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='The Legend of Korra Book 4: Balance'>
                            <a href='https://hummingbird.me/anime/the-legend-of-korra-book-4-balance'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/706/large/Legend_of_Korra_Book_4_DVD.jpg?1443443846'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='episodes-tracked'>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <p class='h1r'>
                      Our community spent
                      <span class='highlight'>357,363</span>
                      hours 
                      <br>
                      watching Shigatsu wa Kimi no Uso.
                      <br>
                      <br>
                      That's 14,890 days worth of a single anime watched in 2014.
                    </p>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='highest-rated-movie'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Highest Rated Movie / OVA
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2 class='long-title'>Kuroshitsuji: Book of Murder</h2>
                        <i class='ion-ios7-star'>&nbsp;4.26</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Highest Rated Movies / OVAs</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Kuroshitsuji: Book of Murder'>
                            <a href='https://hummingbird.me/anime/black-butler-book-of-murder'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/338/large/vXbWtoS.jpg?1425431077'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Shingeki no Kyojin: Kuinaki Sentaku'>
                            <a href='https://hummingbird.me/anime/shingeki-no-kyojin-kuinaki-sentaku'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/674/large/69497l.jpg?1418661814'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Omoide no Marnie'>
                            <a href='https://hummingbird.me/anime/omoide-no-marnie'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/159/large/ASWYOzO.jpg?1427234186'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Natsume Yuujinchou: Itsuka Yuki no Hi ni'>
                            <a href='https://hummingbird.me/anime/natsume-yuujinchou-itsuka-yuki-no-hi-ni'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/054/large/54783.jpg?1408463373'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Tamako Love Story'>
                            <a href='https://hummingbird.me/anime/tamako-love-story'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/135/large/tamakolovestory.jpg?1442117101'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Magi: Sinbad no Bouken'>
                            <a href='https://hummingbird.me/anime/magi-sinbad-no-bouken'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/256/large/liVHZyJ.jpg?1416669251'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Tiger & Bunny Movie 2: The Rising'>
                            <a href='https://hummingbird.me/anime/tiger-bunny-movie-2-the-rising'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/006/644/large/6644.jpg?1408458998'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title="Seitokai Yakuindomo* OVA">
                            <a href='https://hummingbird.me/anime/seitokai-yakuindomo-ova-1'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/708/large/ce0b94c4f3c371439f15783bb837575f1388521216_full.jpg?1417531527'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Sekaiichi Hatsukoi Movie: Yokozawa Takafumi no Baai'>
                            <a href='https://hummingbird.me/anime/sekaiichi-hatsukoi-movie-yokozawa-takafumi-no-baai'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/193/large/56467.jpg?1408463827'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='K: Missing Kings'>
                            <a href='https://hummingbird.me/anime/k-missing-kings'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/546/large/2d8d620e322bd5ea918bbdf1ed5c65691394556080_full.jpg?1437324777'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='popular-tv'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Most Popular Show
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2>No Game No Life</h2>
                        <i class='ion-ios7-star'>&nbsp;4.24</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Most Popular Shows</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='No Game No Life'>
                            <a href='https://hummingbird.me/anime/no-game-no-life'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/880/large/1d4eafb3859fa822d0b689621e60d83e1375240289_full.jpg?1418914006'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Tokyo Ghoul'>
                            <a href='https://hummingbird.me/anime/tokyo-ghoul'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/271/large/tghoul.jpg?1416240363'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Sword Art Online II'>
                            <a href='https://hummingbird.me/anime/sword-art-online-ii'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/174/large/647561.jpg?1416324188'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Noragami'>
                            <a href='https://hummingbird.me/anime/noragami'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/881/large/noragami_1.jpg?1408462791'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Akame ga Kill!'>
                            <a href='https://hummingbird.me/anime/akame-ga-kill'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/270/large/35E.jpg?1416269664'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Kiseijuu: Sei no Kakuritsu'>
                            <a href='https://hummingbird.me/anime/kiseijuu'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/147/large/iimULfF3qgJiE.jpg?1416444566'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Zankyou no Terror'>
                            <a href='https://hummingbird.me/anime/zankyou-no-terror'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/342/large/i1BVipFe71jiA.jpg?1416268304'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Nisekoi'>
                            <a href='https://hummingbird.me/anime/nisekoi'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/821/large/643861.jpg?1418180051'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Shigatsu wa Kimi no Uso'>
                            <a href='https://hummingbird.me/anime/shigatsu-wa-kimi-no-uso'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/403/large/acgdb.com-27d1f1af31750bf81ddd7496a5eadf6bc2989d74.jpg?1425430943'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Black Bullet'>
                            <a href='https://hummingbird.me/anime/black-bullet'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/052/large/bb_01_cs1w1_888x1280.jpg?1416245695'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='popular-comedy'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Most Popular Comedy Series
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2>No Game No Life</h2>
                        <i class='ion-ios7-star'>&nbsp;4.24</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Most Popular Comedy Anime</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='No Game No Life'>
                            <a href='https://hummingbird.me/anime/no-game-no-life'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/880/large/1d4eafb3859fa822d0b689621e60d83e1375240289_full.jpg?1418914006'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Nisekoi'>
                            <a href='https://hummingbird.me/anime/nisekoi'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/821/large/643861.jpg?1418180051'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Gekkan Shoujo Nozaki-kun'>
                            <a href='https://hummingbird.me/anime/gekkan-shoujo-nozaki-kun'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/402/large/Gekkan-Shoujo-Nozaki-kun-anime-key-visual.jpg?1416321073'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Mekaku City Actors'>
                            <a href='https://hummingbird.me/anime/mekaku-city-actors'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/000/large/ibnsT2ARHVNWdg.jpg?1416439801'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Chuunibyou demo Koi ga Shitai! Ren'>
                            <a href='https://hummingbird.me/anime/chuunibyou-demo-koi-ga-shitai-ren'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/705/large/iL7yNUtyrS0Kp.jpg?1423185796'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Barakamon'>
                            <a href='https://hummingbird.me/anime/barakamon'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/026/large/barak.jpg?1416279681'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Amagi Brilliant Park'>
                            <a href='https://hummingbird.me/anime/amagi-brilliant-park'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/259/large/142441851732903657180.jpg?1440190070'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Space☆Dandy'>
                            <a href='https://hummingbird.me/anime/space-dandy'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/910/large/1015019-space-dandy-premiere-adult-swim-jan.4.jpg?1408462883'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Hitsugi no Chaika'>
                            <a href='https://hummingbird.me/anime/hitsugi-no-chaika'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/008/large/21a8035c.jpg?1416273923'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Haikyuu!!'>
                            <a href='https://hummingbird.me/anime/haikyuu'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/133/large/gm25N2a.jpg?1416272034'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='popular-sol'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Most Popular Slice of Life Series
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2>Chuunibyou demo Koi ga Shitai! Ren</h2>
                        <i class='ion-ios7-star'>&nbsp;3.69</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Most Popular Slice of Life Anime</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Chuunibyou demo Koi ga Shitai! Ren'>
                            <a href='https://hummingbird.me/anime/chuunibyou-demo-koi-ga-shitai-ren'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/705/large/iL7yNUtyrS0Kp.jpg?1423185796'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Barakamon'>
                            <a href='https://hummingbird.me/anime/barakamon'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/026/large/barak.jpg?1416279681'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Isshuukan Friends.'>
                            <a href='https://hummingbird.me/anime/isshuukan-friends'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/096/large/745601-one_week_friends_large_8411.jpg?1418739683'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Bokura wa Minna Kawaisou'>
                            <a href='https://hummingbird.me/anime/bokura-wa-minna-kawaisou'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/094/large/WvyaPeb.jpg?1408463451'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Ao Haru Ride'>
                            <a href='https://hummingbird.me/anime/ao-haru-ride'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/246/large/362c6cd9.jpg?1416272670'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Danna ga Nani wo Itteiru ka Wakaranai Ken'>
                            <a href='https://hummingbird.me/anime/danna-ga-nani-wo-itteiru-ka-wakaranai-ken'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/891/large/nY220ef.jpg?1416541301'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Mikakunin de Shinkoukei'>
                            <a href='https://hummingbird.me/anime/mikakunin-de-shinkoukei'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/027/large/Mikakunin-de-Shinkoukei.jpg?1441850403'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Free! Eternal Summer'>
                            <a href='https://hummingbird.me/anime/free-eternal-summer'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/273/large/free.jpg?1408464023'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Shirobako'>
                            <a href='https://hummingbird.me/anime/shirobako'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/698/large/oped-15winter-004.jpg?1426115328'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Sakura Trick'>
                            <a href='https://hummingbird.me/anime/sakura-trick'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/978/large/71QkFh65JrL._SL1368_.jpg?1417463212'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='popular-romance'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Most Popular Romance Series
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2>Sword Art Online II</h2>
                        <i class='ion-ios7-star'>&nbsp;3.70</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Most Popular Romance Anime</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Sword Art Online II'>
                            <a href='https://hummingbird.me/anime/sword-art-online-ii'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/174/large/647561.jpg?1416324188'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Nisekoi'>
                            <a href='https://hummingbird.me/anime/nisekoi'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/821/large/643861.jpg?1418180051'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Shigatsu wa Kimi no Uso'>
                            <a href='https://hummingbird.me/anime/shigatsu-wa-kimi-no-uso'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/403/large/acgdb.com-27d1f1af31750bf81ddd7496a5eadf6bc2989d74.jpg?1425430943'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Gekkan Shoujo Nozaki-kun'>
                            <a href='https://hummingbird.me/anime/gekkan-shoujo-nozaki-kun'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/402/large/Gekkan-Shoujo-Nozaki-kun-anime-key-visual.jpg?1416321073'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Mahouka Koukou no Rettousei'>
                            <a href='https://hummingbird.me/anime/mahouka-koukou-no-rettousei'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/053/large/mahoukakknorettsei_1.jpg?1408463370'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Mekaku City Actors'>
                            <a href='https://hummingbird.me/anime/mekaku-city-actors'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/000/large/ibnsT2ARHVNWdg.jpg?1416439801'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Chuunibyou demo Koi ga Shitai! Ren'>
                            <a href='https://hummingbird.me/anime/chuunibyou-demo-koi-ga-shitai-ren'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/705/large/iL7yNUtyrS0Kp.jpg?1423185796'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Amagi Brilliant Park'>
                            <a href='https://hummingbird.me/anime/amagi-brilliant-park'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/259/large/142441851732903657180.jpg?1440190070'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Hitsugi no Chaika'>
                            <a href='https://hummingbird.me/anime/hitsugi-no-chaika'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/008/large/21a8035c.jpg?1416273923'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Gokukoku no Brynhildr'>
                            <a href='https://hummingbird.me/anime/gokukoku-no-brynhildr'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/996/large/img_0.jpg?1408463180'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='popular-fantasy'>
                <div class='slide-overlay'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Most Popular Fantasy Series
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2>No Game No Life</h2>
                        <i class='ion-ios7-star'>&nbsp;4.47</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Most Popular Fantasy Anime</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='No Game No Life'>
                            <a href='https://hummingbird.me/anime/no-game-no-life'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/880/large/1d4eafb3859fa822d0b689621e60d83e1375240289_full.jpg?1418914006'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Tokyo Ghoul'>
                            <a href='https://hummingbird.me/anime/tokyo-ghoul'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/271/large/tghoul.jpg?1416240363'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Sword Art Online II'>
                            <a href='https://hummingbird.me/anime/sword-art-online-ii'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/174/large/647561.jpg?1416324188'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Akame ga Kill!'>
                            <a href='https://hummingbird.me/anime/akame-ga-kill'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/270/large/35E.jpg?1416269664'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title="Fate/stay night: Unlimited Blade Works (TV)">
                            <a href='https://hummingbird.me/anime/fate-stay-night-unlimited-blade-works-2014'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/882/large/X9QaZvX.jpg?1435979093'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Log Horizon 2'>
                            <a href='https://hummingbird.me/anime/log-horizon-2'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/313/large/fNxde1h.jpg?1416279060'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Amagi Brilliant Park'>
                            <a href='https://hummingbird.me/anime/amagi-brilliant-park'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/259/large/142441851732903657180.jpg?1440190070'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Hitsugi no Chaika'>
                            <a href='https://hummingbird.me/anime/hitsugi-no-chaika'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/008/large/21a8035c.jpg?1416273923'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Gokukoku no Brynhildr'>
                            <a href='https://hummingbird.me/anime/gokukoku-no-brynhildr'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/996/large/img_0.jpg?1408463180'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Nanatsu no Taizai'>
                            <a href='https://hummingbird.me/anime/nanatsu-no-taizai'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/699/large/2ec9c5acdf7e0acdb68f8a106a9c774c1413348737_full.jpg?1416279336'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='slide white' data-color='hb-grey' id='popular-mecha'>
                <div class='slide-overlay'></div>
                <div class='content-wrapper'></div>
                <div class='row'>
                  <div class='small-12 columns text-center'>
                    <div class='series-category'>
                      Most Popular Mecha Series
                    </div>
                  </div>
                </div>
                <div class='absolute-wrap'>
                  <div class='row'>
                    <div class='small-12 columns text-center'>
                      <div class='series-title'>
                        <h2 class='long-title'>Aldnoah.Zero</h2>
                        <i class='ion-ios7-star'>&nbsp;3.99</i>
                      </div>
                    </div>
                  </div>
                  <div class='series-footer'>
                    <div class='row'>
                      <div class='runner-ups small-12 columns'>
                        <p>Most Popular Mecha Anime</p>
                        <ul class='small-block-grid-5 large-block-grid-10'>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Aldnoah.Zero'>
                            <a href='https://hummingbird.me/anime/aldnoah-zero'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/297/large/iVJIgKAd0PUNY.jpg?1423185061'>
                              <div class='list-number'>1</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Date A Live II'>
                            <a href='https://hummingbird.me/anime/date-a-live-ii'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/864/large/datealiveii_1.jpg?1408462678'>
                              <div class='list-number'>2</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Sidonia no Kishi'>
                            <a href='https://hummingbird.me/anime/sidonia-no-kishi'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/768/large/UUF2av2.jpg?1408462354'>
                              <div class='list-number'>3</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Captain Earth'>
                            <a href='https://hummingbird.me/anime/captain-earth'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/007/987/large/1396857614_2.jpg?1416839976'>
                              <div class='list-number'>4</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Nobunaga the Fool'>
                            <a href='https://hummingbird.me/anime/nobunaga-the-fool'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/076/large/Mo6KEK4.jpg?1418957602'>
                              <div class='list-number'>5</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Cross Ange: Tenshi to Ryuu no Rinbu'>
                            <a href='https://hummingbird.me/anime/cross-ange-tenshi-to-ryuu-no-rinbu'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/653/large/001-51-.jpg?1420129321'>
                              <div class='list-number'>6</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Break Blade (TV)'>
                            <a href='https://hummingbird.me/anime/break-blade-tv'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/281/large/1377454945_broken-blade-hour-of-awakening.jpg?1409431824'>
                              <div class='list-number'>7</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='M3: Sono Kuroki Hagane'>
                            <a href='https://hummingbird.me/anime/m3-sono-kuroki-hagane'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/335/large/60273.jpg?1408464184'>
                              <div class='list-number'>8</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Buddy Complex'>
                            <a href='https://hummingbird.me/anime/buddy-complex'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/139/large/buddy.jpg?1408463625'>
                              <div class='list-number'>9</div>
                            </a>
                          </li>
                          <li class='has-tip tip-top runner-poster' data-tooltip hb-grey title='Shirogane no Ishi: Argevollen'>
                            <a href='https://hummingbird.me/anime/shirogane-no-ishi-argevollen'>
                              <img src='https://static.hummingbird.me/anime/poster_images/000/008/401/large/60313l.jpg?1408464363'>
                              <div class='list-number'>10</div>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='episodes-tracked'>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <p class='h1r'>
                      In 2014 our users
                      <br>
                      tracked
                      <span class='highlight'>47,233,117</span>
                      episodes
                      <br class='mobile-hide'>
                      of anime through Hummingbird.
                    </p>
                  </div>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='user-posts'>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <p class='h1r'>
                      Those same users posted
                      <br>
                      <span class='highlight'>490,854</span>
                      updates to their activity feed
                      <br class='mobile-hide'>
                      and created
                      <span class='highlight'>530,591</span>
                      forum posts
                    </p>
                  </div>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='announcement-slide'>
                <div class='quote-overlay'></div>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <h2 class="video-title">
                      Introducing Hummingbird V3:
                    </h2>
                    <div class="youtube-video">
                      <iframe width="760" height="520" src="https://www.youtube.com/embed/WPCsuGW1wZs?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                    </div>
                    <br>
                    <br>
                    Want to see more of V3?
                    <a href="https://invis.io/3S4CAESCZ">Check it out on Invision!</a>
                    <br>
                  </div>
                </div>
              </div>
              <div class='quote-slide slide white' data-color='hb-grey' id='final-slide'>
                <div class='quote-overlay'></div>
                <div class='table y100'>
                  <div class='table-cell center px2'>
                    <p class='h1r'>
                      <br>
                      We're pretty excited about what
                      <br class='mobile-hide'>
                      2015 has in store for Hummingbird.
                      <br>
                      <br>
                      <a href="https://forums.hummingbird.me/t/hummingbird-2014-year-in-review">How did you enjoy the Year in Review?</a>
                      <br>
                      <a href="https://forums.hummingbird.me/t/announcing-hummingbird-v3">What do you think about Hummingbird V3?</a>
                      <br>
                      <br>
                      <div class='fb-like' data-action='like' data-href='http://www.hummingbird.me/2014/' data-layout='button_count' data-share='false' data-show-faces='false'></div>
                      <a class='twitter-share-button' data-text="It's been a great year of anime - Hummingbird Year in Review" data-via='hummingbird_me' href='https://twitter.com/share'>Tweet</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>
                    </p>
                  </div>
                </div>
              </div>
            </div>

            <div class='js-slide-previous rail rail-left p1 clickable no-select mobile-hide'>
              <div class='table-cell'>
                <img alt='left' height='48' src='assets/images/arrow-left.svg' width='24'>
              </div>
            </div>
            <div class='js-slide-next rail rail-right right-align p1 clickable no-select mobile-hide'>
              <p class='js-coach-mark table-cell bold px2 white hide'>Start</p>
              <div class='table-cell'>
                <img alt='right' height='48' src='assets/images/arrow-right.svg' width='24'>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- .view -->
    <script src='assets/js/jquery-2.0.3.min.js'></script>
    <script src='assets/js/flipsnap.js'></script>
    <script src='assets/js/modernizr.custom.js'></script>
    <script src='assets/js/fastclick.js'></script>
    <script src='assets/js/jquery.fitvids.js'></script>
    <script src='assets/js/slideshow.js'></script>
    <script src='assets/js/foundation.min.js'></script>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>