app layout, index

app/assets/stylesheets/hacker.sass

@@ -20,20 +20,12 @@ body
 
 /* General & 'Reset' Stuff */
 
-.container
-  width: 90%
-  max-width: 1000px
-  margin: 0 auto
-
 
 section
   display: block
   margin: 0 0 20px 0
 
 
-h1, h2, h3, h4, h5, h6
-  margin: 0 0 20px
-
 
 li
   line-height: 1.4
@@ -52,29 +44,25 @@ header
   border-bottom: 1px dashed $conifer //header
   padding: 20px 0
   margin: 0 0 40px 0
+  h1
+    font-size: 30px
+    line-height: 1.5
+    margin: 0 0 0 -40px
+    font-weight: bold
+    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace
+    color: $conifer//$header
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1)
+    letter-spacing: -1px
+    -webkit-font-smoothing: antialiased
 
+  h1:before
+    content: "./ "
+    font-size: 24px
 
-header h1
+  h2
-  font-size: 30px
+    font-size: 18px
-  line-height: 1.5
+    font-weight: 300
-  margin: 0 0 0 -40px
+    color: #666
-  font-weight: bold
-  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace
-  color: $conifer//$header
-  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1)
-  letter-spacing: -1px
-  -webkit-font-smoothing: antialiased
-
-
-header h1:before
-  content: "./ "
-  font-size: 24px
-
-
-header h2
-  font-size: 18px
-  font-weight: 300
-  color: #666
 
 
 #downloads .btn
@@ -83,12 +71,6 @@ header h2
   margin: 0
 
 
-/* Main Content*/
-
-#main_content
-  width: 100%
-  -webkit-font-smoothing: antialiased
-
 section img
   max-width: 100%
 
@@ -100,30 +82,19 @@ h1, h2, h3, h4, h5, h6
   letter-spacing: -0.03em
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1)
 
-
+h1
-#main_content h1
   font-size: 30px
-
+h2
-
-#main_content h2
   font-size: 24px
-
+h3
-
-#main_content h3
   font-size: 18px
-
+h4
-
-#main_content h4
   font-size: 14px
-
+h5
-
-#main_content h5
   font-size: 12px
   text-transform: uppercase
   margin: 0 0 5px 0
-
+h6
-
-#main_content h6
   font-size: 12px
   text-transform: uppercase
   color: #999
@@ -206,7 +177,6 @@ hr
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75)
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05)
 
-
 .btn:hover
   background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8))
 

app/assets/stylesheets/site.sass

@@ -1,6 +1,14 @@
+@import "susy"
+$susy: ( columns: 12, gutters: 1/4,  gutter-position: inside )
+
 a
   color: #53a5ff
   text-decoration: none
+
+.container
+  width: 90%
+  max-width: 1000px
+  margin: 0 auto
 .container
   max-width: 90%
 
@@ -29,11 +37,8 @@ ul.nav
   width: 100%
 
 .tripple
-  width: 30%
+  @include span(4)
-  float: left
+
-  margin-right: 3%
-  &:last-child
-    margin-right: 0%
 .main
   width: 78%
 .menu

app/views/layouts/application.html.haml

@@ -10,31 +10,29 @@
     %script{:async => "", :defer => "defer", :src => "https://buttons.github.io/buttons.js"}
   %body
     %link{:href => "http://fonts.googleapis.com/css?family=Roboto:400,300,100,100italic,300italic,500,700", :rel => "stylesheet", :type => "text/css"}/
-    %header
+    %header.container
-      .container
+      %a{:href => "https://github.com/ruby-x"}
-        %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;"}/
-          %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
-        %ul.nav
+        %li
-          %li
+          %a{:href => "/"} Home
-            %a{:href => "/"} Home
+        %li
-          %li
+          %a{:href => "/rubyx/layers.html"} Architecture
-            %a{:href => "/rubyx/layers.html"} Architecture
+        %li
-          %li
+          %a{:href => "/typed/typed.html"} Typed layer
-            %a{:href => "/typed/typed.html"} Typed layer
+        %li
-          %li
+          %a{:href => "/arm/overview.html"} Arm Resources
-            %a{:href => "/arm/overview.html"} Arm Resources
+        %li
-          %li
+          %a{:href => "/project/motivation.html"} About
-            %a{:href => "/project/motivation.html"} About
+        %li
-          %li
+          = link_to "News" , blog_post_url(Post.posts.keys.first)
-            = link_to "News" , blog_post_url(Post.posts.keys.first)
+      =link_to "https://github.com/ruby-x" do
-        =link_to "https://github.com/ruby-x" do
+        =image_tag "x-small.png", style: "position: absolute; top: 15px; right: 15px; border: 0; width: 70px"
-          =image_tag "x-small.png", style: "position: absolute; top: 15px; right: 15px; border: 0; width: 70px"
+    %main.container
-    .container
       = yield
-    %footer
+    %footer.container
-      .container
+      .row.center
-        .row.center
+        %p © Copyright Torsten Ruger 2013-7
-          %p © Copyright Torsten Ruger 2013-7
     :javascript
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

app/views/pages/index.html.haml

@@ -33,11 +33,14 @@
         An Object model of
         = succeed "," do
           %a{:href => "/typed/parfait.html"} classes, types
+        methods and basic types.
       %li Methods for every type (may be several per class)
     %p
       The lower level, strongly typed layer is
       = succeed "." do
         %a{:href => "/typed/typed.html"} finished
+      While it has well known typed language data semantics,
+      it introduces several new concept:
     %ul
       %li Object based memory (no global memory)
       %li Object oriented calling semantics (not stack based)

app/views/pages/rubyx/layers.html.haml

@@ -1,9 +1,6 @@
-%hr/
+- title = "RubyX architectural layers"
-%p
+
-  layout: rubyx
+%h1#main-layers Main Layers
-  title: RubyX architectural layers
-  —
-%h2#main-layers Main Layers
 %p
   To implement an object system to execute object oriented languages takes a large system.
   The parts or abstraction layers are detailed below.