Merge pull request #3 from amber-smalltalk/gh-pages

Master is behind gh-pages

1-getting-started.md

@@ -1,12 +1,30 @@
 ---
-title: Getting started
+title: Quick start guide
 layout: default
 permalink: "getting-started.html"
+next: "overview.html"
 ---
 
-Welcome to Amber! This quick starting guide will walk you through the
-installation process of Amber and the creation of a small Todo
-example.
+Welcome to Amber! This super quick starting guide will get you up and running with Amber.
+
+## Installing Amber
+
+<p class="note">
+The <a href="overview.html">Overview</a> gives more informations about the way Amber is shipped, how to install and load it.
+</p>
+
+To get Amber running, you will need [Bower](http://bower.io) and [Node.js](http://nodejs.org). Then, install the command-line tools with `npm` and Amber with bower:
+
+{% highlight sh %}
+sudo npm install -g amber
+cd myproject/
+bower install --save amber
+{% endhighlight %}
+
+Create an index.html file
+
+
+
 
 <p class="warning">
 This page is unfinished.

_includes/head.html

@@ -3,6 +3,7 @@
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <meta name="author" content="Nicolas Petton" />
   <link rel="stylesheet" type="text/css" href='{{ site.url }}/css/style.css' />
+  <link rel="stylesheet" type="text/css" href='{{ site.url }}/css/pygments.css' />
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
   <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

_layouts/default.html

@@ -33,7 +33,7 @@
 
 	  <div class="content">
 		<h1>
-		  Amber docs <span class="tiny">v0.12.3</span><br><small>Guides & API reference</small>
+		  Amber docs <span class="tiny">v0.13.0pre</span><br><small>Guides & API reference</small>
 		</h1>
 	  </div>
 	</div>

css/pygments.css

@@ -0,0 +1,62 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #f8f8f8; }
+.highlight .c { color: #408080; font-style: italic } /* Comment */
+.highlight .err { border: 1px solid #FF0000 } /* Error */
+.highlight .k { color: #008000; font-weight: bold } /* Keyword */
+.highlight .o { color: #666666 } /* Operator */
+.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
+.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #A00000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00A000 } /* Generic.Inserted */
+.highlight .go { color: #808080 } /* Generic.Output */
+.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0040D0 } /* Generic.Traceback */
+.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #008000 } /* Keyword.Pseudo */
+.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #B00040 } /* Keyword.Type */
+.highlight .m { color: #666666 } /* Literal.Number */
+.highlight .s { color: #BA2121 } /* Literal.String */
+.highlight .na { color: #7D9029 } /* Name.Attribute */
+.highlight .nb { color: #008000 } /* Name.Builtin */
+.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
+.highlight .no { color: #880000 } /* Name.Constant */
+.highlight .nd { color: #AA22FF } /* Name.Decorator */
+.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #0000FF } /* Name.Function */
+.highlight .nl { color: #A0A000 } /* Name.Label */
+.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #19177C } /* Name.Variable */
+.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #666666 } /* Literal.Number.Float */
+.highlight .mh { color: #666666 } /* Literal.Number.Hex */
+.highlight .mi { color: #666666 } /* Literal.Number.Integer */
+.highlight .mo { color: #666666 } /* Literal.Number.Oct */
+.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
+.highlight .sc { color: #BA2121 } /* Literal.String.Char */
+.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
+.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
+.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
+.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
+.highlight .sx { color: #008000 } /* Literal.String.Other */
+.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
+.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
+.highlight .ss { color: #19177C } /* Literal.String.Symbol */
+.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #19177C } /* Name.Variable.Class */
+.highlight .vg { color: #19177C } /* Name.Variable.Global */
+.highlight .vi { color: #19177C } /* Name.Variable.Instance */
+.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */

overview/2-loading-amber.md

@@ -42,7 +42,7 @@ comes with several AMD modules to load Amber; the default one --
 the one with support for application development and in-browser IDE --
 being `amber/devel`.
 
-```html
+{% highlight html %}
 <!DOCTYPE html>
 <html>
 	<head>
@@ -56,14 +56,14 @@ being `amber/devel`.
 	    </script>
 	    <script type='text/javascript'>
 		  require(['amber/devel'], function (amber) {
-	  		amber.initialize({});
+	  		amber.initialize();
 		  });
 	    </script>
 	</head>
 	<body>
 	</body>
 </html> 
-```
+{% endhighlight %}
 
 <p class="warning">
 This page is unfinished.