coming soon for login and signup

dist/js/added.js

@@ -1,4 +1,13 @@
 $(document).ready(function() {
+  // popup when they try to log in or signup
+  $('#login, #signup').click(function() {
+    $('#popup')
+      .text('Coming Soon!')
+      .slideDown()
+      .delay(4000)
+      .slideUp();
+  });
+
   // email submission
   $('#email-form').submit(function(e) {
     e.preventDefault();

index.html

@@ -36,10 +36,10 @@
                     </div>
                     <ul class="header-links list-reset m-0">
                         <li>
-                            <a href="#">Login</a>
+                            <a id="login" href="#">Login</a>
                         </li>
                         <li>
-                            <a class="button button-sm button-shadow" href="#">Signup</a>
+                            <a id="signup" class="button button-sm button-shadow" href="#">Signup</a>
                         </li>
                     </ul>
                 </div>