{% extends "base.html" %}
{% block content %}
			<section id="sounds">
				<div><input type="text" id="search" /><span class="reset">⨯</span></div>
				<ul class="tags">
				{% for tag in tags %}
					<li><a href="#">{{ tag.name }}</a></li>
				{% endfor %}
				</ul>
				{% for sound in sounds %}
				<div class="sound{{ ' edit' if edit }}"><a href="{{ '/' + ('edit' if edit else 'play') + '/' + sound | urlencode }}">{{ sound.split('.', 1)[0] }}</a></div>
				{% endfor %}
			</section>
			<section id="youtube">
				<form action="/" method="GET">
					<label for="video">YouTube URL</label>
					<input type="text" name="video" />
					<input type="submit" value="Play" />
				</form>
				<form action="/" method="GET">
					<input type="hidden" name="killvideo" value="yes" />
					<input type="submit" name="submit" value="Terminate videos" />
				</form>
			</section>
			<section id="voice">
				<form action="/say/" method="POST">
					<input type="text" name="text" />
					<input type="text" name="voice" placeholder="DE" />
					<label for="speed">Speed</label>
					<input type="range" name="speed" min="80" max="450" step="10" value="160" id="speed" />
					<label for="pitch">Pitch</label>
					<input type="range" name="pitch" min="0" max="99" step="1" value="50" id="pitch" />
					<input type="submit" value="Voice" />
				</form>
			</section>
{% endblock %}