
<!DOCTYPE html>

<html lang="en">
  <head>
    
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <title>
      DJ Ango
    </title>
    
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/slider.css" rel="stylesheet">
    <link href="/static/css/dj_ango.css" rel="stylesheet">
    
    
    <script type='text/javascript' src="/static/js/jquery-1.11.0.min.js"></script>
    <script type='text/javascript' src="/static/js/jquery.cookie.js"></script>
    <script type='text/javascript' src="/static/js/bootstrap.min.js"></script>
    <script type='text/javascript' src="/static/js/bootstrap-slider.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap-filestyle.min.js"> </script>
    <script type='text/javascript' src="/static/js/dj_ango.js"></script>
    
  </head>
  <body>
      <header class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" rel="home" href="/">DJ Ango</a>
  </div>
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav navbar-right">
      <li><a href="/vote/1">
        <span class=" glyphicon glyphicon-thumbs-up"></span> Vote</a>
      </li>
      <li><a href="/add">
        <span class=" glyphicon glyphicon-cloud-upload"></span> Add song</a>
      </li>
      
      <li><a href="/logout">
        <span class="glyphicon glyphicon-user"></span> tvallaeys</a>
      </li>
    </ul>
  </div>
</header>

    <div class="container">
      
<h1 class="text-center">Vote</h1>
<div class="row">
  <form method="post" action="/vote/1"><input type='hidden' name='csrfmiddlewaretoken' value='BwvXlSgJK51rTd121BWQl5rKQpeIH7FV' />
    <div class="col-md-6 col-md-offset-3">
      <div class="input-group">
        <input type="text" name="search" class="form-control">
        <span class="input-group-btn">
          <button class="btn btn-default" type="submit">
            <span class="glyphicon glyphicon-search"></span>
          </button>
        </span>
      </div>
    </div>
  </form>
</div>
<br/>
<div class="row">
  <div class="col-md-10 col-md-offset-1">
    <div class="well">
 <!--      <ul class="nav nav-tabs nav-justified" role="tablist">
        <li id="all" class="active"><a href="javascript:vote_category('all')">All</a> </li>
       <li id="youtube" ><a href="javascript:vote_category('youtube')">Youtube</a></li>
        <li id="grooveshark" ><a href="javascript:vote_category('grooveshark')">Grooveshark</a></li>
        <li id="coucoucircus" ><a href="javascript:vote_category('coucoucircus')">Coucoucircus</a></li>
        <li id="ma" ><a href="javascript:vote_category('ma')">MA</a></li>
        <li id="upload" ><a href="javascript:vote_category('upload')">Upload</a></li>
      </ul>
      <br/><br/>--!>
      <span id="page">
      
<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Les Fatals Picards - Goldorak est mort  (2:53)
      <span style="float: right">
        <span class="badge">7</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5796, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de début Goldorak le grand (2:20)
      <span style="float: right">
        <span class="badge">1</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(229, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1987 Générique de début Le retour de Goldorak Version instrumentale (2:55)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(654, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Générique japonais Tobe ! Grendizer (2:37)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(959, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Thèmes Principaux (3:36)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(1122, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1982 Générique de fin La justice de Goldorak Version karaoke (3:33)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(1408, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 2001 Générique de fin Reprise Va combattre ton ennemi (2:44)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(1643, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Chanson : Goldorak c&#39;est son nom (2:35)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(1737, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Chanson : Le plus grand des héros  (2:50)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(1963, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Version OuaisCéCool (2:48)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(1985, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de fin Le Prince de l&#39;Espace version instrumentale (2:44)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2055, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Générique de début arabe (1:00)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2244, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Générique de fin arabe (1:10)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2347, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Thème  Métamorphose (1:03)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2389, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Générique italien Goldrake (3:24)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2603, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Générique japonais Uchuu no ooja Grendizer! (2:50)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2707, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de début La légende d&#39;Actarus (2:53)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(2886, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Thèmes Guitare (2:16)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3047, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1982 Générique de fin La justice de Goldorak (3:31)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3078, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Thèmes Action (3:57)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3273, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de fin Va combattre ton ennemi Version TV (1:03)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3421, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de fin Le prince de l&#39;Espace (2:50)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3829, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Chanson : Robot  (3:19)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3961, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Chanson : Goldorak et l&#39;enfant (3:20)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(3971, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Chanson : Goldorak et Mazinger (2:58)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4053, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1982 Générique de début Et l&#39;aventure continue (2:54)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4077, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 2001 Générique de fin Reprise Va combattre ton ennemi Version instrumentale (2:49)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4188, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 2001 Générique de début Reprise Accours vers nous (2:40)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4282, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1980 Générique canadien (2:23)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4734, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Chanson : La ballade d&#39;Actarus (3:03)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4850, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 2001 Générique de début Reprise Accours vers nous Version instrumentale (2:31)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(4863, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Thèmes Mélancolie (3:24)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5227, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de début Accours vers nous Version TV (1:04)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5364, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1978 Générique de début Goldorak le grand version instrumentale (2:18)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5512, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1982 Générique de début Et l&#39;aventure continue Version karaoke (2:54)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5542, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - 1987 Générique de début Le retour de Goldorak (2:54)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5592, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-body">
      Goldorak - Générique italien Atlas UFO Robot (2:50)
      <span style="float: right">
        <span class="badge">0</span>
        
        <button class="btn btn-success btn-xs"
          onclick="javascript:add_vote(5644, 1, 'all')">
          <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>
        
      </span>
    </div>
  </div>
</div>

<div style="margin: auto; text-align: center;">
  <ul class="pagination">
    <li class="disabled">
    <a href="">
      <span class="glyphicon glyphicon-fast-backward"></span>
    </a>
    </li>
    <li class="disabled">
    <a href="">
      <span class="glyphicon glyphicon-backward"></span>
    </a>
    </li>
    
    <li class="active"><a href="javascript:vote_page(1, 'all')">1</a></li>
    
    <li class="disabled">
    <a href="">
      <span class="glyphicon glyphicon-forward"></span>
    </a>
    </li>
    <li class="disabled">
    <a href="">
      <span class="glyphicon glyphicon-fast-forward"></span>
    </a>
    </li>
  </ul>
</div>

      </span>
    </div>
  </div>
</div>

      <footer>
  <hr>
  <span class="glyphicon glyphicon-copyright-mark"></span> Zeletochoy -
  Prologin 2014-2015 - Piscine EPITA 2014
</footer>

    </div>
  </body>
</html>
