app layout, index

This commit is contained in:
Torsten Ruger 2018-04-11 10:20:08 +03:00
parent c143b5bbd0
commit 599583c8f4
5 changed files with 61 additions and 88 deletions

View File

@ -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))

View File

@ -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

View File

@ -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),

View File

@ -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)

View File

@ -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.