index.haml in helios-0.1.1

- old
+ new
@@ -2,25 +2,41 @@
 %html{lang: "en"}
   %head
     %meta{charset: "utf-8"}
     %meta{:'http-equiv' => "X-UA-Compatible", content: "IE=edge,chrome=1"}
     %title Helios
-    %link{rel: "shortcut icon", href: "/favicon.ico", type: "image/x-icon"}
     %link{rel: "license", href: "http://opensource.org/licenses/MIT", :title => "MIT License"}
     %link{rel: "description", href: "Helios"}
     = css :application
 
-  %body{role: 'application'}
+  %body{role: 'application', data: {version: Helios::VERSION}}
     %header{role: 'banner'}
-      %h1#logo 
+      %h1#logo
         %a{href: ''} Helios
 
       %nav{role: 'navigation'}
-        %ul
-          - for service in ['Data', 'Push Notification', 'In-App Purchase', 'Passbook']
-            - slug = service.downcase.gsub(/\W/, '-')
-            %li{class: slug}
-              %a{href: "##{slug}"}= service
+        %ul.button-group
+          %li.button
+            %a{href: "#data"}
+              %i.data
+              Data
+          %li.button
+            %a{href: "#push-notification"}
+              %i.push-notification
+              Push Notification
+
+          %li.button
+            %a{href: "#in-app-purchase"}
+              %i.in-app-purchase
+              In-App Purchase
+
+          %li.button
+            %a{href: "#passbook"}
+              %i.passbook
+              Passbook
+
+
+
 
     %div{role: 'main'}
 
     / %footer
     /   %p= "Helios #{Helios::VERSION}"