53 lines
2.8 KiB
HTML
53 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Liederwahl</title>
|
|
<link rel="stylesheet" type="text/css" href="/static/colors.css">
|
|
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
|
<script src="https://open.spotify.com/embed/iframe-api/v1" async></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script src="/static/voting_script.js"></script>
|
|
<script type="text/template" data-template="song">
|
|
<div class="song" id="song-${id}">
|
|
<div class="cover-container">
|
|
<img src="${cover_image}" class="cover">
|
|
<div class="overlay" onclick="play(${id})"><img src="/static/play.svg"></div>
|
|
</div>
|
|
<div class="song-title">${title}</div>
|
|
<div class="song-artist">${artist}</div>
|
|
<div class="categories" id="container">
|
|
${categories}<span style="--main-color: transparent;"> </span>
|
|
</div>
|
|
<div class="vote-buttons">
|
|
<div class="button button-no ${no_selected}" onmousedown="vote(${id}, -1); return false;" onclick="return false;"><img src="/static/no.svg"></div><div class="button button-neutral ${neutral_selected}" onmousedown="vote(${id}, 0)"><img src="/static/neutral.svg"></div><div class="button button-yes ${yes_selected}" onmousedown="vote(${id}, 1)"><img src="/static/yes.svg"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="songs"></div>
|
|
<div id="spotify-player"><div id="spotify-embed"></div></div>
|
|
<div id="yt-player"></div>
|
|
<div id="close-player"><img src="/static/no.svg"></div>
|
|
|
|
<!--<div class="song">
|
|
<div class="cover-container">
|
|
<img src="{{ url_for('static', path='/cover.jpg') }}" class="cover">
|
|
<div class="overlay"><img src="{{ url_for('static', path='/play.svg') }}"></div>
|
|
</div>
|
|
<div class="song-data">VoicePlay: In The Air Tonight</div>
|
|
<div class="categories" id="container">
|
|
<span class="cat-1">Ballade</span><span class="cat-2">< 90er Remake</span><span class="cat-3">Something else </span><span class="cat-4">Something else </span>
|
|
</div>
|
|
<div class="vote-buttons">
|
|
<div class="button button-no"><img src="{{ url_for('static', path='/no.svg') }}"></div><div class="button button-neutral"><img src="{{ url_for('static', path='/neutral.svg') }}"></div><div class="button button-yes selected"><img src="{{ url_for('static', path='/yes.svg') }}"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>-->
|
|
</body>
|
|
</html>
|
|
|