diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..47241b6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+images/
diff --git a/__pycache__/hello.cpython-36.pyc b/__pycache__/hello.cpython-36.pyc
index 4939ebd..7839d7a 100644
Binary files a/__pycache__/hello.cpython-36.pyc and b/__pycache__/hello.cpython-36.pyc differ
diff --git a/static/js/draggable.js b/static/js/draggable.js
new file mode 100755
index 0000000..60c9adf
--- /dev/null
+++ b/static/js/draggable.js
@@ -0,0 +1,43 @@
+//Make the DIV element draggagle:
+dragElement(document.getElementById("draggable"));
+
+function dragElement(elmnt) {
+ var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
+ if (document.getElementById(elmnt.id + "header")) {
+ /* if present, the header is where you move the DIV from:*/
+ document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
+ } else {
+ /* otherwise, move the DIV from anywhere inside the DIV:*/
+ elmnt.onmousedown = dragMouseDown;
+ }
+
+ function dragMouseDown(e) {
+ e = e || window.event;
+ e.preventDefault();
+ // get the mouse cursor position at startup:
+ pos3 = e.clientX;
+ pos4 = e.clientY;
+ document.onmouseup = closeDragElement;
+ // call a function whenever the cursor moves:
+ document.onmousemove = elementDrag;
+ }
+
+ function elementDrag(e) {
+ e = e || window.event;
+ e.preventDefault();
+ // calculate the new cursor position:
+ pos1 = pos3 - e.clientX;
+ pos2 = pos4 - e.clientY;
+ pos3 = e.clientX;
+ pos4 = e.clientY;
+ // set the element's new position:
+ elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
+ elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
+ }
+
+ function closeDragElement() {
+ /* stop moving when mouse button is released:*/
+ document.onmouseup = null;
+ document.onmousemove = null;
+ }
+}
diff --git a/templates/hello.html b/templates/hello.html
index b96b4fb..db218c1 100644
--- a/templates/hello.html
+++ b/templates/hello.html
@@ -1,7 +1,23 @@
+
+
+
Hello from Flask
{% if name %}
Hello {{ name }}!
{% else %}
VVVW
{% endif %}
+
+
+
+
+
+