About buttons

3 files changed, 32 insertions, 0 deletions

diff --git a/client/button.js b/client/button.js
index 4c5eafa..3b7e936 100644
--- a/client/button.js
+++ b/client/button.js
@@ -229,6 +229,24 @@ Template.photo.helpers({
   }
 })
 
+Template.about.events({
+  'click button.start-over': function (event) {
+    if (Meteor.userId()) {
+      Router.go('dates');
+    }
+    else {
+      Router.go('login');
+    }
+  },
+  'click button.logout': function (event) {
+    $('body').append('<div style="display:none;"><iframe src="https://instagram.com/accounts/logout"></iframe></div>');
+    Meteor.logout();
+    _.delay(function () {
+      Router.go('login');
+    }, 500);
+  }
+})
+
 Accounts.onLogin(function() {
   if (Router.current().route.getName() == 'login') {
     Router.go('dates');
diff --git a/client/colors.less b/client/colors.less
index e3ab64c..417810a 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -333,6 +333,18 @@ body {
             }
           }
         }
+        button {
+          margin-top: 40px;
+          color: #2636F9;
+          font-size: 1.3em;
+          background-color: white;
+          padding: 7px 35px;
+          border: 1px #2636F9 solid;
+          &:hover, &:active {
+            color: white;
+            background-color: #2636F9;
+          }
+        }
       }
     }
   }
diff --git a/client/templates/about.html b/client/templates/about.html
index caa79f6..a3bd5da 100644
--- a/client/templates/about.html
+++ b/client/templates/about.html
@@ -20,6 +20,8 @@
           <div class="content"><a href="#">The NB Haifa School of Design</a></div>
         </div>
       </div>
+      <button class="start-over">Start Over</button>
+      <button class="logout">Logout</button>
     </div>
   </div>
 </template>