Add QTip2 and use it to display a message about access code on the first page.

1 files changed, 21 insertions, 0 deletions

diff --git a/budget/templates/home.html b/budget/templates/home.html
index 013cde7..d21d0ec 100644
--- a/budget/templates/home.html
+++ b/budget/templates/home.html
@@ -39,4 +39,25 @@
     </div>
     </div>
 </div>
+<script>
+    $(document).ready(function(){
+        $('form.create #password').qtip({
+            content: '{{ _("This access code will be sent to your friends. It is stored as-is by the server, so don\\'t reuse a personal password here!") }}',
+            show: {
+                event: 'focus'
+            },
+            hide: {
+                event: 'focusout'
+            },
+            position: {
+                my: "bottom center",
+                at: "top center",
+                adjust: {
+                    method: 'shift'
+                }
+               
+            }
+        });
+    });
+</script>
 {% endblock %}