Bug 1029528 - Modal for thanks for signing up

public/js/ui.js

@@ -1,8 +1,17 @@
 // Check for email sign-up success from welcome.webmaker.org
 (function() {
   var thanks_re = /thanks=(\w+)/;
-
+  var $modalBackdrop = $('.modal-backdrop');
+  var $thanksModal = $('#thanks-modal');
   if (thanks_re.test(window.location.search)) {
+    $modalBackdrop.addClass('in');
+    $thanksModal.addClass('in').css({
+      display: 'block'
+    });
+    window.setTimeout(function() {
+      $modalBackdrop.removeClass('in');
+      $thanksModal.removeClass('in');
+    }, 1500)
     console.log("Visitor signed up on welcome.webmaker.org");
     analytics.event("Email Sign Up", {label: "Learn More About Webmaker"});
     analytics.conversionGoal("WebmakerEmailSignUp");

views/layout.html

@@ -161,6 +161,8 @@
     </div>
   </footer>
 
+  {% include 'thanks-modal.html' %}
+
   <script src="/bower_components/jquery/dist/jquery.min.js"></script>
   <script src="/bower_components/jquery-colorbox/jquery.colorbox-min.js"></script>
   <script src="/bower_components/bootstrap/js/collapse.js"></script>

views/thanks-modal.html

@@ -0,0 +1,10 @@
+<div class="modal-backdrop fade"></div>
+<div id="thanks-modal" class="modal fade text-center">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-body">
+        <h1>Thanks for signing up!</h1>
+      </div>
+    </div>
+  </div>
+</div>