menu for debugger for better integration

app/assets/stylesheets/debug.css

@@ -2,3 +2,7 @@
 *= require css/menu
 *= require css/app
 */
+
+ul li {
+  list-style-image: none;
+}

app/views/debugger/index.html.haml

@@ -2,6 +2,10 @@
 %html
   %head
     %title Debugger
+    = stylesheet_link_tag    'application', media: 'all'
     = stylesheet_link_tag    'debug', media: 'all'
   %body
-    = javascript_include_tag "debug"
+    %header.container
+      =render "layouts/menu"
+    %main.container
+      = javascript_include_tag "debug"

app/views/layouts/_menu.html.haml

@@ -0,0 +1,7 @@
+%ul.nav
+  %li= link_to "Home" , root_path
+  %li= link_to "Architecture", "/rubyx/layers.html"
+  %li= link_to "Arm Resources" , "/arm/overview.html"
+  %li= link_to "About" , "/project/motivation.html"
+  %li= link_to "Misc" ,  "/misc/index.html"
+  %li= link_to "News" , blog_index_path

app/views/layouts/application.html.haml

@@ -13,13 +13,7 @@
     %header.container
       %a{:href => "https://github.com/ruby-x"}
         %img{:alt => "Fork me on GitHub", "data-canonical-src" => "https://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png", :src => "https://camo.githubusercontent.com/8b6b8ccc6da3aa5722903da7b58eb5ab1081adee/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f6f72616e67655f6666373630302e706e67", :style => "position: absolute; top: 0; left: 0; border: 0;"}/
-      %ul.nav
-        %li= link_to "Home" , root_path
-        %li= link_to "Architecture", "/rubyx/layers.html"
-        %li= link_to "Arm Resources" , "/arm/overview.html"
-        %li= link_to "About" , "/project/motivation.html"
-        %li= link_to "Misc" ,  "/misc/index.html"
-        %li= link_to "News" , blog_index_path
+      =render "layouts/menu"
       =link_to "https://github.com/ruby-x" do
         =image_tag "x-small.png", style: "position: absolute; top: 15px; right: 15px; border: 0; width: 70px"
     %main.container