fixed section content is overlapping

dirty fixes #18

static/main.js

@@ -11,8 +11,6 @@ function sleep(ms) {
 }
 
 ready(function() {
-	hideSections();
-
 	var sections = document.querySelectorAll("section");
 	var nav = document.querySelectorAll("nav a");
 

templates/index.html

@@ -35,13 +35,13 @@
 			<a href="#voice">Voice</a>
 		</nav>
 		<content>
-			<section id="sounds">
+			<section id="sounds" style="display:none;">
 				<div><input type="text" id="search" autofocus/><span id="reset">⨯</span></div>
 				{% for sound in sounds %}
 				<div class="sound"><a tabindex="0" class="unselectable" onclick="ajaxRequest('{{ '/play/' + sound | urlencode }}');">{{ sound.split('.', 1)[0] }}</a></div>
 				{% endfor %}
 			</section>
-			<section id="youtube">
+			<section id="youtube" style="display:none;">
 				<form action="/" method="GET">
 					<label for="video">YouTube URL</label>
 					<input type="text" name="video" />
@@ -52,7 +52,7 @@
 					<input type="submit" name="submit" value="Terminate videos" />
 				</form>
 			</section>
-			<section id="voice">
+			<section id="voice" style="display:none;">
 				<form action="/say/" method="POST">
 					<input type="text" name="text" />
 					<input type="text" name="voice" placeholder="DE" />