first stage of removing bstrap

app/index.html

@@ -6,9 +6,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
-  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
-  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
-
   <link rel="shortcut icon" sizes="196x196" href="/images/sharedrop-icon.png">
 
   <!-- build:css(.tmp) /styles/app.css -->

app/scripts/app/templates/application.hbs

@@ -1,62 +1,54 @@
-<div class="wrap">
-  <div class="header">
-    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
-      <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
-          <span class="sr-only">Toggle navigation</span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </button>
 
-        <h1 class="logo">
-          <span class="logo-title">ShareDrop</span>
-          <span class="logo-subtitle">P2P file transfer</span>
-          <img src="/images/sharedrop.svg">
-        </h1>
+<div class="header">
+  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+    <div class="navbar-header">
+      <h1 class="logo">
+        <span class="logo-title">ShareDrop</span>
+        <span class="logo-subtitle">P2P file transfer</span>
+        <img src="/images/sharedrop.svg">
+      </h1>
 
-      </div>
-
-      <div class="collapse navbar-collapse" id="navbar-collapse">
-        <ul class="nav navbar-nav navbar-right">
-          {{#if you.email}}
-            <li>
-              <span class="navbar-text signed-in">{{you.email}}</span>
-            </li>
-            <li>
-              <a href="javascript:void(0)" class="sign-out" {{action 'signOut'}}>
-                <img src="/images/persona.svg">
-                Sign out
-              </a>
-            </li>
-          {{else}}
-            <li>
-              <a href="javascript:void(0)" class="sign-in" {{action 'signIn'}}>
-                <img src="/images/persona.svg">
-                Sign in
-              </a>
-            </li>
-          {{/if}}
-        </ul>
-      </div>
-    </nav>
-  </header>
-
-  {{outlet}}
-
-  <div class="footer">
-    <div class="cowbell-labs">
-      Made by
-      <a href="https://cowbell-labs.com/" target="_blank">
-        <span>Cowbell Labs</span>
-        <img src="/images/cowbell-labs.svg">
-      </a>
     </div>
 
-    <p class="about">{{outlet about_you}}</p>
+    <div class="collapse navbar-collapse" id="navbar-collapse">
+      <ul class="nav navbar-nav navbar-right">
+        {{#if you.email}}
+          <li>
+            <span class="navbar-text signed-in">{{you.email}}</span>
+          </li>
+          <li>
+            <a href="javascript:void(0)" class="sign-out" {{action 'signOut'}}>
+              <img src="/images/persona.svg">
+              Sign out
+            </a>
+          </li>
+        {{else}}
+          <li>
+            <a href="javascript:void(0)" class="sign-in" {{action 'signIn'}}>
+              <img src="/images/persona.svg">
+              Sign in
+            </a>
+          </li>
+        {{/if}}
+      </ul>
+    </div>
+  </nav>
+</header>
 
-    <a href="https://github.com/cowbell/sharedrop" class="github" target="_blank">
-      <img src="/images/github.svg">
+{{outlet}}
+
+<div class="footer">
+  <div class="cowbell-labs">
+    Made by
+    <a href="https://cowbell-labs.com/" target="_blank">
+      <span>Cowbell Labs</span>
+      <img src="/images/cowbell-labs.svg">
     </a>
   </div>
+
+  <p class="about">{{outlet about_you}}</p>
+
+  <a href="https://github.com/cowbell/sharedrop" class="github" target="_blank">
+    <img src="/images/github.svg">
+  </a>
 </div>

app/styles/_layout.sass

@@ -1,6 +1,11 @@
+*
+  +box-sizing(border-box)
+  &::before, &::after
+    +box-sizing(border-box)
+
 html
   height: 100%
-  // The html and body elements cannot have any padding or margin.
+  font-family: "Helvetica Neue"
 
 body
   height: 100%
@@ -9,12 +14,8 @@ body
     height: 100%
     // The html and body elements cannot have any padding or margin.
 
-.wrap
-  min-height: 100%
-  height: auto
-  // Negative indent footer by its height
-  margin: 0 auto -50px
-  padding: 0
+a
+  text-decoration: none
 
 .invisible
   height: 0

app/styles/app.sass

@@ -1,4 +1,5 @@
-@import "compass"
+@import compass/reset
+@import compass/css3
 
 @import layout
 @import header