old.html

---
title: Chance's Party
plain: true
webapp: true
webapp_name: Party
webapp_manifest: /assets/party.webmanifest
theme_color: #242424
stylesheet: /assets/stylesheets/party.old.css
---

<!--<h1>Music</h1>-->
<h2>chancesnow.me/party</h2>

<nav id="musicMenu" class="menu secondary">
  <ul>
    <li class="selected"><a href="#nowPlaying">Now Playing</a></li>
    <li><a href="#history">History</a></li>
    <li id="upNextMenuItem"><a href="#upNext">Up Next</a></li>
    <li><a href="#contribute">Contribute</a></li>
  </ul>
</nav>

<div id="content" data-show="nowPlaying">
  <div id="nowPlaying" class="track" data-tab="music">
    <h2>Now Playing</h2>
    <img src="https://ninjatune.net/images/releases/alium-main.jpg">
    <div class="song-info">
      <span class="title">Worries</span>
      <span class="artist">Submotion Orchestra</span>
    </div>
  </div>

  <div id="upNext" data-tab="music">
    <h2>Up Next</h2>
    <ul class="tracks">
      <li class="track">
        <img src="https://ninjatune.net/images/releases/alium-main.jpg">
        <div class="song-info">
          <span class="title">Awakening</span>
          <span class="artist">Submotion Orchestra</span>
          <span class="requested-by">Added by Jake Perkins</span>
        </div>
      </li>
      <li class="track">
        <img src="https://i.scdn.co/image/671f5bc32e02cbca2568054b0f578e63b9e2fe31">
        <div class="song-info">
          <span class="title">Run</span>
          <span class="artist">Air</span>
          <span class="requested-by">Added by Bradley Rasmussen</span>
        </div>
      </li>
      <li class="track">
        <img src="https://upload.wikimedia.org/wikipedia/en/4/49/Bonobo_-_Black_Sands.jpg">
        <div class="song-info">
          <span class="title">Black Sands</span>
          <span class="artist">Bonobo</span>
        </div>
      </li>
    </ul>
  </div>

  <div id="history" data-tab="music">
    <h2>History</h2>
    <ul class="tracks">
      <li class="track">
        <img src="https://ninjatune.net/images/releases/alium-main.jpg">
        <div class="song-info">
          <span class="title">Awakening</span>
          <span class="artist">Submotion Orchestra</span>
          <span class="requested-by">Added by Jake Perkins</span>
        </div>
      </li>
      <li class="track">
        <img src="https://i.scdn.co/image/671f5bc32e02cbca2568054b0f578e63b9e2fe31">
        <div class="song-info">
          <span class="title">Run</span>
          <span class="artist">Air</span>
          <span class="requested-by">Added by Bradley Rasmussen</span>
        </div>
      </li>
      <li class="track">
        <img src="https://f4.bcbits.com/img/a1394314813_16.jpg">
        <div class="song-info">
          <span class="title">Ellliptic</span>
          <span class="artist">Vessels</span>
        </div>
      </li>
      <li class="track">
        <img src="https://upload.wikimedia.org/wikipedia/en/4/49/Bonobo_-_Black_Sands.jpg">
        <div class="song-info">
          <span class="title">Black Sands</span>
          <span class="artist">Bonobo</span>
        </div>
      </li>
    </ul>
  </div>

  <div id="contribute" data-tab="music">
    <form>
      <input type="text" id="query" name="q" required autocomplete="off" placeholder="Search for a song" />
      <input type="reset" value="&times;" />
    </form>
    <!--<div id="results">-->
      <!--<ul class="tracks"></ul>-->
    <!--</div>-->
    <div id="results">
      <ul class="tracks"></ul>
    </div>
  </div>
</div>

<nav id="mainMenu" class="menu">
  <ul>
    <li class="selected"><a href="#music">Music</a></li>
    <li><a href="#guests">Guests</a></li>
  </ul>
</nav>

<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js" type="text/javascript"></script>
<!-- build:js /assets/javascript/party.min.js -->
<script src="/assets/javascript/party.main.old.js"></script>
<!-- endbuild -->