Add enquiry modal

Author: tomhamiltonstubber

_includes/footer.html

@@ -57,11 +57,15 @@ <h3>About Dino Tutors</h3>
 <script>
   socket('9c79f14df986a1ec693c', {
     mode: 'enquiry',
-    element: '#socket-enquiry',
-    router_mode: 'history'
+    element: '#socket-enquiry'
   });
 
   socket('9c79f14df986a1ec693c', {
     router_mode: 'history'
+  });
+  socket('9c79f14df986a1ec693c', {
+    mode: 'enquiry-modal',
+    element: '#socket-enquiry-modal',
+    router_mode: 'history'
   })
 </script>

_includes/nav.html

@@ -25,10 +25,10 @@
           <a href="#about">About</a>
         </li>
         <li class="page-scroll">
-          <a href="#contact">Contact</a>
+          <a href="https://secure.dinotutors.com">Sign in</a>
         </li>
         <li class="page-scroll">
-          <a href="https://secure.dinotutors.com">Sign in</a>
+          <div id="socket-enquiry-modal"></div>
         </li>
       </ul>
     </div>

_redirects

@@ -1 +1,4 @@
 /*    /     200
+
+/enquiry /                                 200
+/*/enquiry  /:splat                        200

static/css/style.scss

@@ -184,6 +184,31 @@ header {
       outline: 0;
     }
   }
+  .tcs-enquiry-modal {
+    .tcs-centre {
+      color: $primary-colour;
+    }
+    .tcs-enquiry-button {
+      background: $primary-colour;
+      border: solid 2px $primary-colour;
+      &:hover {
+        color: $primary-colour;
+        background: transparent;
+        text-decoration: none !important;
+      }
+    }
+    .tcs-submit {
+      button {
+        background: $primary-colour;
+        border: solid 2px $primary-colour;
+        &:hover {
+          color: $primary-colour;
+          background: transparent;
+          text-decoration: none !important;
+        }
+      }
+    }
+  }
 }
 
 .navbar-default, .navbar-inverse {