app layout, index
This commit is contained in:
Torsten Ruger
parent
c143b5bbd0
commit
599583c8f4
|
|
@ -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
|
||||
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
|
||||
|
||||
|
||||
header h1:before
|
||||
content: "./ "
|
||||
font-size: 24px
|
||||
|
||||
|
||||
header h2
|
||||
font-size: 18px
|
||||
font-weight: 300
|
||||
color: #666
|
||||
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)
|
||||
|
||||
|
||||
#main_content h1
|
||||
h1
|
||||
font-size: 30px
|
||||
|
||||
|
||||
#main_content h2
|
||||
h2
|
||||
font-size: 24px
|
||||
|
||||
|
||||
#main_content h3
|
||||
h3
|
||||
font-size: 18px
|
||||
|
||||
|
||||
#main_content h4
|
||||
h4
|
||||
font-size: 14px
|
||||
|
||||
|
||||
#main_content h5
|
||||
h5
|
||||
font-size: 12px
|
||||
text-transform: uppercase
|
||||
margin: 0 0 5px 0
|
||||
|
||||
|
||||
#main_content h6
|
||||
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))
|
||||
|
||||
|
|
|
|||
|
|
@ -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%
|
||||
float: left
|
||||
margin-right: 3%
|
||||
&:last-child
|
||||
margin-right: 0%
|
||||
@include span(4)
|
||||
|
||||
.main
|
||||
width: 78%
|
||||
.menu
|
||||
|
|
|
|||
|
|
@ -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
|
||||
.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
|
||||
%a{:href => "/"} Home
|
||||
%li
|
||||
%a{:href => "/rubyx/layers.html"} Architecture
|
||||
%li
|
||||
%a{:href => "/typed/typed.html"} Typed layer
|
||||
%li
|
||||
%a{:href => "/arm/overview.html"} Arm Resources
|
||||
%li
|
||||
%a{:href => "/project/motivation.html"} About
|
||||
%li
|
||||
= link_to "News" , blog_post_url(Post.posts.keys.first)
|
||||
=link_to "https://github.com/ruby-x" do
|
||||
=image_tag "x-small.png", style: "position: absolute; top: 15px; right: 15px; border: 0; width: 70px"
|
||||
.container
|
||||
%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
|
||||
%a{:href => "/"} Home
|
||||
%li
|
||||
%a{:href => "/rubyx/layers.html"} Architecture
|
||||
%li
|
||||
%a{:href => "/typed/typed.html"} Typed layer
|
||||
%li
|
||||
%a{:href => "/arm/overview.html"} Arm Resources
|
||||
%li
|
||||
%a{:href => "/project/motivation.html"} About
|
||||
%li
|
||||
= link_to "News" , blog_post_url(Post.posts.keys.first)
|
||||
=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
|
||||
= yield
|
||||
%footer
|
||||
.container
|
||||
.row.center
|
||||
%p © Copyright Torsten Ruger 2013-7
|
||||
%footer.container
|
||||
.row.center
|
||||
%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),
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -1,9 +1,6 @@
|
|||
%hr/
|
||||
%p
|
||||
layout: rubyx
|
||||
title: RubyX architectural layers
|
||||
—
|
||||
%h2#main-layers Main Layers
|
||||
- title = "RubyX architectural layers"
|
||||
|
||||
%h1#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.
|
||||
|
|
|
|||
Loading…
Reference in New Issue