diff --git a/static/main.css b/static/main.css index b2ecfac..6934739 100644 --- a/static/main.css +++ b/static/main.css @@ -64,6 +64,15 @@ section { width: 100%; } +#reset { + font-size: 2em; + padding-left: 5px; +} + +#reset:hover { + cursor: pointer; +} + .sound { display: inline-block; } diff --git a/static/main.js b/static/main.js index 1a55915..e2517e7 100644 --- a/static/main.js +++ b/static/main.js @@ -42,6 +42,16 @@ ready(function() { } }); }); + + var reset = document.querySelector("#reset"); + + reset.addEventListener("click", function() { + var buttons = document.querySelectorAll(".sound"); + + buttons.forEach(function(item) { + item.style.display = "inline-block"; + }); + }); }); function hideSections() { diff --git a/templates/index.html b/templates/index.html index bb5419a..b36edb2 100644 --- a/templates/index.html +++ b/templates/index.html @@ -13,7 +13,7 @@
-
+
тип
{% for sound in sounds %} {% endfor %}