From 7f3cd26484ac70b21a4807c3958a909ee2a7ecbf Mon Sep 17 00:00:00 2001
From: Andreas Erhard <andreas@erhard.cc>
Date: Thu, 3 Aug 2017 21:42:58 +0200
Subject: [PATCH] fixed section content is overlapping

dirty fixes #18
---
 static/main.js       | 2 --
 templates/index.html | 6 +++---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/static/main.js b/static/main.js
index 974206f..95bdbd0 100644
--- a/static/main.js
+++ b/static/main.js
@@ -11,8 +11,6 @@ function sleep(ms) {
 }
 
 ready(function() {
-	hideSections();
-
 	var sections = document.querySelectorAll("section");
 	var nav = document.querySelectorAll("nav a");
 
diff --git a/templates/index.html b/templates/index.html
index 03792ac..3d9c538 100644
--- a/templates/index.html
+++ b/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" />