diff --git a/static/scripts/animation.js b/static/scripts/animation.js
new file mode 100644
index 0000000..ddeddfb
--- /dev/null
+++ b/static/scripts/animation.js
@@ -0,0 +1,28 @@
+function showPopup() {
+ const popup = document.getElementById("popup");
+ const sqlInpt = document.getElementById("sqlInpt");
+
+ popup.classList.remove('slideoutHelp');
+ sqlInpt.classList.remove('slideoutInpt');
+ popup.style.display = "block";
+
+ setTimeout(() => {
+ popup.classList.add('slideinHelp')
+ sqlInpt.classList.add('slideinInpt')
+ }, 1);
+}
+
+function hidePopup() {
+ const popup = document.getElementById("popup");
+ const sqlInpt = document.getElementById("sqlInpt");
+
+ sqlInpt.classList.remove('slideinInpt');
+ sqlInpt.classList.add('slideoutInpt')
+ popup.classList.remove('slideinHelp');
+ popup.classList.add('slideoutHelp');
+
+ setTimeout(() => {
+ popup.style.display = "none"
+ popup.style.position = "absolute"
+ }, 1000);
+}
diff --git a/static/scripts/index.js b/static/scripts/index.js
deleted file mode 100644
index 5dd8a66..0000000
--- a/static/scripts/index.js
+++ /dev/null
@@ -1,34 +0,0 @@
-(function(window, document, undefined) {
-
- // code that should be taken care of right away
-
- window.onload = init;
-
- function init(){
- const popup = document.getElementById("popup");
- const help = document.getElementById("help");
- const sqlInpt = document.getElementById("sqlInpt");
-
- function showPopup() {
- popup.classList.remove('slideoutHelp');
- sqlInpt.classList.remove('slideoutInpt');
- popup.style.display = "block";
- setTimeout(() => popup.classList.add('slideinHelp'), 1);
- setTimeout(() => sqlInpt.classList.add('slideinInpt'), 1);
- }
-
- function hidePopup() {
- sqlInpt.classList.remove('slideinInpt');
- popup.classList.remove('slideinHelp');
- setTimeout(() => {popup.style.display = "none"}, 1000);
- setTimeout(() => {popup.style.position = "absolute"}, 1000);
- popup.classList.add('slideoutHelp');
- sqlInpt.classList.add('slideoutInpt')
- }
-
- help.addEventListener("click", showPopup);
- popup.addEventListener("click", hidePopup);
- }
-
-})(window, document, undefined);
-
diff --git a/templates/_head.html b/templates/_head.html
index e2b6aa9..cae0ea8 100644
--- a/templates/_head.html
+++ b/templates/_head.html
@@ -1,6 +1,6 @@
-
+
diff --git a/templates/_task.html b/templates/_task.html
index a262374..972ba71 100644
--- a/templates/_task.html
+++ b/templates/_task.html
@@ -11,7 +11,7 @@
{% block content -%}{% endblock -%}
{% include '_sidenav.html' %}
-  }})
+