Finishing the rest of the footer tomorrow

god night guys
TODO for tomorrow:
Make the button show the info it should
make it prettier

app/app.css

@@ -442,4 +442,16 @@ footer a:hover{
 
 #player {
     visibility: hidden;
+}
+.footerButtons {
+background:none!important;
+     border:none; 
+     padding:0!important;
+     font: inherit;
+     /*border is optional*/
+     border-bottom:1px solid #444; 
+     cursor: pointer;
+}
+.footerButtons:hover {
+  background-color: #f5f7f9;
 }

app/app.js

@@ -143,6 +143,13 @@ if (Meteor.isClient) {
       }
     });
 
+    Template.footer.events({
+        "click #APIButton": function(){
+            $("#login-view").hide();
+            $("#register-view").show();
+        }
+    });
+
     Template.room.helpers({
         type: function() {
           var parts = location.href.split('/');

app/templates/footer.html

@@ -1,10 +1,9 @@
 <template name="footer">
     <footer>
         <p>Copyright © 2015 All Right Reserved</p>
-        <p>API |
-            Terms |
-            Privacy |
-            About
-        </p>
+        <button class="footerButtons" id="APIButton">API |</button>
+        <button class="footerButtons" id="termsButton">Terms |</button>
+		<button class="footerButtons" id="privacyButton">Privacy |</button>
+        <button class="footerButtons" id="aboutButton">About</button>
     </footer>
 </template>