You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.0 KiB
103 lines
2.0 KiB
{% extends "base.html" %} |
|
|
|
{% macro other %} |
|
<form action='/round/others' method='POST'> |
|
<div class='row'> |
|
<div class='large-12 columns'> |
|
<label for='others-artist'> |
|
Artist |
|
</label> |
|
<input type='text' placeholder='Artist' name='artist' id='others-artist'> |
|
</div> |
|
|
|
<div class='large-12 columns'> |
|
<label for='others-song'> |
|
Song |
|
</label> |
|
<input type='text' placeholder='Song' name='song' id='other-song'> |
|
</div> |
|
|
|
<div class='large-12 columns'> |
|
<button class='button secondary radius small'> |
|
Add |
|
</button> |
|
</div> |
|
</div> |
|
</form> |
|
{% endmacro %} |
|
|
|
{% block content %} |
|
<div class='row'> |
|
<div class='large-6 columns'> |
|
<h3 class='subheader'>Your song</h3> |
|
</div> |
|
|
|
<div class='large-6 columns'> |
|
<h3 class='subheader'>Other's picks</h3> |
|
</div> |
|
</div> |
|
|
|
<div class='row'> |
|
<div class='large-6 columns' id='song'> |
|
<pre>{{ lyrics }}</pre> |
|
</div> |
|
|
|
<div class='large-6 columns' id='quick-add'> |
|
<div class='panel radius'> |
|
{{ other() }} |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class='row'> |
|
<div class='large-6 columns'> |
|
<h3 class='subheader'>Tip</h3> |
|
</div> |
|
|
|
<div class='large-6 columns'> |
|
<h3 class='subheader'>Solution</h3> |
|
</div> |
|
</div> |
|
|
|
<div class='row'> |
|
<div class='large-6 columns' id='pick'> |
|
Artist: <span class='artist'>{{ acronym_artist }}</span><br/> |
|
Song: <span class='song'>{{ acronym_title }}</span> |
|
</div> |
|
|
|
<div class='large-6 columns' id='solution'> |
|
Artist: <span class='artist'>{{ song_artist }}</span><br/> |
|
Song: <span class='song'>{{ song_title }}</span> |
|
</div> |
|
</div> |
|
|
|
<div class='row'> |
|
<div class='large-12 columns form-close'> |
|
<button class='button radius secondary small'>Skip</button> |
|
<button class='button radius small'>Next</button> |
|
</div> |
|
</div> |
|
{% endblock %} |
|
|
|
{% block styles %} |
|
<style> |
|
#song textarea { |
|
width: 100%; |
|
} |
|
|
|
#solution { |
|
color: black; |
|
background: black |
|
} |
|
|
|
#solution:hover { |
|
color: white; |
|
background: black; |
|
} |
|
|
|
.form-close { |
|
margin-top: 15px; |
|
text-align: center; |
|
} |
|
</style> |
|
{% endblock %}
|
|
|