added home button nav on profile page [ci skip]

app/assets/stylesheets/new_styles/_profile.scss

@@ -1,6 +1,5 @@
 #edit-controls {
-  @include transition(opacity);
-  @include opacity(0);
+  display : none;
 
   position : fixed;
 
@@ -21,7 +20,7 @@
 /* functionality under edit mode */
 .edit-mode {
   #edit-controls {
-    @include opacity(1);
+    display : block;
   }
 
   #edit-mode-toggle.control {
@@ -70,4 +69,31 @@
       @include opacity(0.8);
     }
   }
+}
+
+#home-button {
+  @include transition(opacity);
+  @include opacity(0.4);
+
+  position : absolute;
+  right : 10px;
+  top : 10px;
+
+  .label {
+    padding : 2px 5px;
+    padding-right : 7px;
+    padding-bottom : 3px;
+
+    span {
+      display : inline-block;
+      position : relative;
+      top : 1px;
+      font-family : Roboto-Bold;
+    }
+  }
+
+  &:hover {
+    @include opacity(0.75);
+    text-decoration : none;
+  }
 }

app/assets/stylesheets/new_styles/_typography.scss

@@ -4,6 +4,11 @@
   src : image-url('fonts/Roboto-Regular.ttf')
 }
 
+@font-face {
+  font-family : Roboto-Bold;
+  src : image-url('fonts/Roboto-Bold.ttf')
+}
+
 body, p, h1, h2, h3, h4, h5, h6, textarea, input, * {
   font-family : Roboto, Helvetica, sans;
 }

app/assets/templates/profile.jst.hbs

@@ -1,7 +1,16 @@
 <div id="edit-controls">
-    editing...
+    EDITING
 </div>
 
+<a href="/" id="home-button">
+    <span class="label label-inverse">
+        <i class="icon-home icon-white"></i>
+        <span>
+            HOME
+        </span>
+    </span>
+</a>
+
 <section id="profile-info"/>
 
 <section id="profile-controls">
@@ -19,6 +28,6 @@
     {{/if}}
 </section>
 
-<section id="canvas"></section>
+<section id="canvas"/>
 
-<div id=paginate><span class="loader hidden"/></div>
+<div id="paginate"><span class="loader hidden"/></div>