move assets
got some layout back, but no style
This commit is contained in:
6
app/assets/README.md
Normal file
6
app/assets/README.md
Normal file
@ -0,0 +1,6 @@
|
||||
## UML and images
|
||||
|
||||
UML (Unified Modeling Language) diagrams are stored as originals in this folder.
|
||||
They are created with [UMLet](http://www.umlet.com/) and exported as jpg.
|
||||
|
||||
Jpeg files are referenced from the markdown.
|
BIN
app/assets/images/layers.jpg
Normal file
BIN
app/assets/images/layers.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 89 KiB |
BIN
app/assets/images/types.jpg
Normal file
BIN
app/assets/images/types.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
BIN
app/assets/images/x-big.png
Normal file
BIN
app/assets/images/x-big.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 96 KiB |
BIN
app/assets/images/x-small.png
Normal file
BIN
app/assets/images/x-small.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
158
app/assets/layers.uxf
Normal file
158
app/assets/layers.uxf
Normal file
@ -0,0 +1,158 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<diagram program="umlet" version="14.2">
|
||||
<zoom_level>10</zoom_level>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>60</x>
|
||||
<y>130</y>
|
||||
<w>120</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes><Vool>
|
||||
--
|
||||
Concrete Tree</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>60</x>
|
||||
<y>70</y>
|
||||
<w>120</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes><Ruby>
|
||||
--
|
||||
Abstract Tree</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>60</x>
|
||||
<y>190</y>
|
||||
<w>120</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes><Mom>
|
||||
--
|
||||
Concrete Tree
|
||||
+ Linked List</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>60</x>
|
||||
<y>250</y>
|
||||
<w>120</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes><Risc>
|
||||
--
|
||||
Linked List</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>60</x>
|
||||
<y>300</y>
|
||||
<w>120</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes><Arm>
|
||||
--
|
||||
Linked List</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>60</x>
|
||||
<y>350</y>
|
||||
<w>120</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes><Elf>
|
||||
--
|
||||
Binary / Array</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>220</x>
|
||||
<y>70</y>
|
||||
<w>670</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes>Ruby is parsed into and abstract syntax tree. "Abstract" means all nodes are
|
||||
represented by one class. Compiling to Vool happens by visitor pattern.</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>220</x>
|
||||
<y>130</y>
|
||||
<w>670</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes>Vool (Virtual object oriented Language) is ruby without the fluff. Just simple oo.
|
||||
Vool uses a concrete syntax tree, meaning one class per kind of statement.
|
||||
Code to compile to Mom is in the statement classes.
|
||||
</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>220</x>
|
||||
<y>190</y>
|
||||
<w>670</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes>Mom (Minimal object machine) is a very simple object oriented machine. It only deals in objects,
|
||||
incuding the calling convention. A first pass still uses a tree structure to represent control.
|
||||
The final representation is a list of instructions.</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>220</x>
|
||||
<y>250</y>
|
||||
<w>670</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes>The Risc (reduced intruction set computer) layer is an (sane) subset of ARM. It models only those
|
||||
instructions needed to implement Mom, about 20. It deals in memory, logic and jumps.</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>220</x>
|
||||
<y>300</y>
|
||||
<w>670</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes>The arm chip is the most sold/used in the world, so it is our first "target". Arm has a simple
|
||||
instruction set and we only use the part to implement what is used in Risc.</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>220</x>
|
||||
<y>350</y>
|
||||
<w>670</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes>The lowest level, achieved by assembling arm instructions, is binary code that a cpu can execute.
|
||||
Elf is used to wrap it into a file so Linux can start it. Elf includes debug info too.</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
</diagram>
|
@ -12,4 +12,5 @@
|
||||
*
|
||||
*= require_tree .
|
||||
*= require_self
|
||||
*= require site
|
||||
*/
|
||||
|
40
app/assets/stylesheets/site.sass
Normal file
40
app/assets/stylesheets/site.sass
Normal file
@ -0,0 +1,40 @@
|
||||
a
|
||||
color: #53a5ff
|
||||
text-decoration: none
|
||||
.container
|
||||
max-width: 90%
|
||||
|
||||
ul.nav
|
||||
text-align: center
|
||||
li
|
||||
display: inline
|
||||
margin-left: 5px
|
||||
&:before
|
||||
color: #b5e853
|
||||
content: ">> "
|
||||
width: 30px
|
||||
height: 30px
|
||||
left: -30px
|
||||
a
|
||||
border-bottom: 1px dashed #53a5ff
|
||||
&:hover
|
||||
border-bottom: 0px
|
||||
small
|
||||
color: lightgrey
|
||||
.center
|
||||
text-align: center
|
||||
|
||||
.row
|
||||
clear: both
|
||||
width: 100%
|
||||
|
||||
.tripple
|
||||
width: 30%
|
||||
float: left
|
||||
margin-right: 3%
|
||||
&:last-child
|
||||
margin-right: 0%
|
||||
.main
|
||||
width: 78%
|
||||
.menu
|
||||
width: 20%
|
87
app/assets/types.uxf
Normal file
87
app/assets/types.uxf
Normal file
@ -0,0 +1,87 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<diagram program="umlet" version="14.2">
|
||||
<zoom_level>10</zoom_level>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>380</x>
|
||||
<y>60</y>
|
||||
<w>210</w>
|
||||
<h>70</h>
|
||||
</coordinates>
|
||||
<panel_attributes>_Type_
|
||||
--
|
||||
hash: unique id
|
||||
list of attribute names</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>710</x>
|
||||
<y>60</y>
|
||||
<w>210</w>
|
||||
<h>70</h>
|
||||
</coordinates>
|
||||
<panel_attributes>_Object_
|
||||
--
|
||||
type
|
||||
list of attribute values</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>UMLClass</id>
|
||||
<coordinates>
|
||||
<x>10</x>
|
||||
<y>60</y>
|
||||
<w>150</w>
|
||||
<h>70</h>
|
||||
</coordinates>
|
||||
<panel_attributes>_Class_
|
||||
--
|
||||
instance_type</panel_attributes>
|
||||
<additional_attributes/>
|
||||
</element>
|
||||
<element>
|
||||
<id>Relation</id>
|
||||
<coordinates>
|
||||
<x>150</x>
|
||||
<y>100</y>
|
||||
<w>250</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes>lt=->
|
||||
m1=n
|
||||
m2=1
|
||||
< implements</panel_attributes>
|
||||
<additional_attributes>230.0;30.0;110.0;30.0;10.0;10.0</additional_attributes>
|
||||
</element>
|
||||
<element>
|
||||
<id>Relation</id>
|
||||
<coordinates>
|
||||
<x>580</x>
|
||||
<y>70</y>
|
||||
<w>150</w>
|
||||
<h>50</h>
|
||||
</coordinates>
|
||||
<panel_attributes>lt=<-
|
||||
m1=1
|
||||
m2=1
|
||||
is of ></panel_attributes>
|
||||
<additional_attributes>10.0;20.0;130.0;20.0</additional_attributes>
|
||||
</element>
|
||||
<element>
|
||||
<id>Relation</id>
|
||||
<coordinates>
|
||||
<x>150</x>
|
||||
<y>50</y>
|
||||
<w>250</w>
|
||||
<h>60</h>
|
||||
</coordinates>
|
||||
<panel_attributes>lt=->
|
||||
m1=1
|
||||
m2=1
|
||||
current ></panel_attributes>
|
||||
<additional_attributes>10.0;40.0;120.0;10.0;230.0;10.0</additional_attributes>
|
||||
</element>
|
||||
</diagram>
|
Reference in New Issue
Block a user