Getting some switching into place

app/assets/javascripts/darkswarm/controllers/sidebar_controller.js.coffee

@@ -4,6 +4,5 @@ window.SidebarCtrl = Darkswarm.controller "SidebarCtrl", ($scope, $location) ->
   , ->
     $scope.active_sidebar = $location.path() 
 
-
   $scope.active = ->
-    return "active" if $scope.active_sidbar != null and $scope.active_sidebar != ""
+    return "active" if $scope.active_sidebar != null and $scope.active_sidebar != ""

app/assets/stylesheets/darkswarm/offcanvas.css

@@ -1,5 +1,5 @@
 /* Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski Requires globals.css grid.css */
-body.off-canvas { padding: 0; margin: 0; overflow: hidden}
+body.off-canvas { padding: 0; margin: 0;}
 
 .container { width: 100%; }
 

app/assets/stylesheets/darkswarm/sidepanel.css.sass

@@ -0,0 +1,13 @@
+@import "foundation/variables"
+@import "foundation/components/global"
+@import "foundation/components/buttons"
+@import "foundation/components/panels"
+
+
+#sidebar
+  margin-top: 1.875em
+  .login-panel
+    $bg: #222
+    $padding: emCalc(20)
+    $adjust: true
+    @include panel($bg, $padding, $adjust)

app/views/shared/_login_panel.html.haml

@@ -1,6 +1,7 @@
 .login-panel
   %a{href: "#"} Close
-  #login-content
+
+  #login-content{"ng-show" => "active_sidebar == '/login'"}
     = render "home/login"
-  #sign-up-content
+  #sign-up-content{"ng-show" => "active_sidebar == '/signup'"}
     = render "home/signup"