ramaze 2008.06 → 2008.11

data/doc/LEGAL

@@ -14,9 +14,13 @@ lib/proto/js/jquery.js
   Author: John Resig
 
 lib/ramaze/spec/helper/simple_http.rb
-  License: GPL
+  License: Ruby
   Author: Tim Becker
 
 lib/ramaze/template/xslt.rb
   License: Ruby
   Author: Stephan Maka
+
+lib/vendor/bacon.rb
+  License: MIT
+  Author: Christian Neukirchen

data/doc/meta/announcement.txt

@@ -1,4 +1,4 @@
-This time we are proud to announce Version 2008.06 of Ramaze, the light and
+This time we are proud to announce Version 2008.07 of Ramaze, the light and
 modular open source web framework.
 
 This release features a lot of work directly from our community and we are
@@ -10,11 +10,11 @@ implementation and usage. Ramaze is under development by a growing community
 and in production use at companies.
 
 
-Home page:    http://ramaze.net
-Screencasts:  http://ramaze.net/screencasts
+Home page:       http://ramaze.net
+Screencasts:     http://ramaze.net/screencasts
 
-View source:  http://source.ramaze.net
-Github:       http://github.com/manveru/ramaze
+Source browser:  http://source.ramaze.net
+Repository:      http://github.com/manveru/ramaze
 
 Nightly gems:    http://gems.ramaze.net
 Git clone:       git://github.com/manveru/ramaze
@@ -36,41 +36,25 @@ Simple example:
   Ramaze.start
 
 
-This is a special release, and the first of the upcoming new series of monthly releases.
-As you may have noticed, Ramaze has changed to a date base versioning system,
-although this means that people who have waited for a 1.0 for the past years
-may be disappointed it provides much larger flexibility in detecting new
-versions and comparing them with nightly builds.
+Some of 52 patches since 2008.06:
 
-Another change is the switch from darcs to git and moving our primary
-repository to github. There have been serious performance issues regarding
-darcs as Ramaze gathered a longer history, using git allows us to move on at a
-faster pace again.
-
-Please regard this release as a major step from the previous one, over 450
-patches have been applied and there were changes in the internal API.
-
-We are unable to nicely summarize these changes, so this release will not have
-a list of the most important ones, if you are concerned about a specific area
-feel free to ask on the Mailing list or stop by on IRC.
+  - Loggers are now in Ramaze::Logger namespace
+  - Global.prefix for nested deployment via webserver in front
+  - Binding#locals fixed for Ruby 1.9
+  - Redirects now use HTTP status 302 instead of 303
+  - Logger::Syslog works again
 
 Special (alphabetic) thanks go to:
 
-  Aman 'tmm1' Gupta         - Tons of patches, support
-  andy                      - Cleanup
-  Ara T. Howard             - Tagz templating engine
-  Clive Crous               - Patches, cleanup
-  evaryont                  - Patches for identity helper
-  James Tucker              - OSX compatibility, cleanup and fixes
-  Jonathan 'Kashia' Buch    - Patches, support and the first ramaze paper
-  Keita Yamaguchi           - Much work on the benchmark suite
-  Leo Borisenko             - Fix for SourceReload on windows
-  Pistos                    - Mathetes, patches and lots of friendly support
-  Riku Räisäenen            - Patches for scaffolding example
-  Ryan Grove                - Various fixes and patches
-  Sam Carr                  - Patches and action matching speedup
-  Thomas Leitner            - Patches for identity helper
-  Wang Jinjing              - patches, 1.9/1.8.7 compatibility
+  Pistos                  - The usual Mathetes, patches and lots of friendly support
+  Aman 'tmm1' Gupta       - Time snippets for numeric
+  Clinton R. Nixon        - More REST and some fixes
+  Jean-Francois Chevrette - Restore --console feature
+  raggi                   - Various fixes
+  Rob Lievaart            - Fix Logger::Syslog
+  Sam Carr                - Cleanup of Cache
+  Wang Jinjing            - 1.9 compatibility
+  Yasushi Abe             - First patch!
 
 A complete Changelog is available at
 http://github.com/manveru/ramaze/tree/master/doc/CHANGELOG?raw=true

data/doc/tutorial/todolist.html

@@ -2,26 +2,89 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
 <html xml:lang="en" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/1999/xhtml">
 <head><meta content="application/xhtml+xml;charset=utf-8" http-equiv="Content-type" /><title>The official Ramaze todolist tutorial</title><style type="text/css">
-      .ruby .normal {}
-.ruby .comment { color: #005; font-style: italic; }
-.ruby .keyword { color: #A00; font-weight: bold; }
-.ruby .method { color: #077; }
-.ruby .class { color: #074; }
-.ruby .module { color: #050; }
-.ruby .punct { color: #447; font-weight: bold; }
-.ruby .symbol { color: #099; }
-.ruby .string { color: #944; background: #FFE; }
-.ruby .char { color: #F07; }
-.ruby .ident { color: #004; }
-.ruby .constant { color: #07F; }
-.ruby .regex { color: #B66; background: #FEF; }
-.ruby .number { color: #F99; }
-.ruby .attribute { color: #7BB; }
-.ruby .global { color: #7FB; }
-.ruby .expr { color: #227; }
-.ruby .escape { color: #277; }
-
-    </style></head>
+              pre { margin: 1em; padding: 1em; }
+              pre.iplastic .Constant {
+   color: #6782D3;
+}
+pre.iplastic .Support {
+   font-weight: bold;
+   color: #3333FF;
+}
+pre.iplastic .EmbeddedSource {
+   background-color: #F9F9F9;
+   color: #000000;
+}
+pre.iplastic .Arguments {
+   font-style: italic;
+}
+pre.iplastic .TypeName {
+   font-weight: bold;
+}
+pre.iplastic .Identifier {
+   color: #9700CC;
+}
+pre.iplastic .Number {
+   color: #0066FF;
+}
+pre.iplastic .SectionName {
+   font-weight: bold;
+}
+pre.iplastic .Storage {
+   font-weight: bold;
+}
+pre.iplastic .line-numbers {
+   background-color: #BAD6FD;
+   color: #000000;
+}
+pre.iplastic {
+   background-color: #EEEEEE;
+   color: #000000;
+}
+pre.iplastic .FrameTitle {
+   font-weight: bold;
+   color: #000000;
+}
+pre.iplastic .TagName {
+   font-weight: bold;
+}
+pre.iplastic .Tag {
+   color: #0033CC;
+}
+pre.iplastic .Exception {
+   color: #990000;
+}
+pre.iplastic .XmlDeclaration {
+   color: #333333;
+}
+pre.iplastic .TrailingWhitespace {
+   background-color: #EEEEEE;
+}
+pre.iplastic .TagAttribute {
+   color: #3366CC;
+   font-style: italic;
+}
+pre.iplastic .Invalid {
+   background-color: #E7342D;
+   color: #FF0000;
+}
+pre.iplastic .Keyword {
+   color: #0000FF;
+}
+pre.iplastic .String {
+   color: #009933;
+}
+pre.iplastic .Comment {
+   color: #0066FF;
+   font-style: italic;
+}
+pre.iplastic .FunctionName {
+   color: #FF8000;
+}
+pre.iplastic .RegularExpression {
+   color: #FF0080;
+}
+
+            </style></head>
 <body>
 <h1 id="todo_list_tutorial">To-do List Tutorial</h1>
 <div class="maruku_toc"><ul style="list-style: none;"><li><a href="#step_zero_introduction">Step Zero, Introduction</a></li><li><a href="#first_step_create">First Step, Create</a></li><li><a href="#second_step_m_like_model">Second Step, M, like Model</a></li><li><a href="#third_step_v_like_view">Third Step, V, like View</a></li><li><a href="#fourth_step_c_like_controller">Fourth Step, C, like Controller</a></li><li><a href="#fifth_step_getting_dynamic">Fifth Step, getting dynamic</a></li><li><a href="#sixth_step_open_and_close_tasks">Sixth Step, open and close tasks</a></li><li><a href="#seventh_step_delete_tasks">Seventh Step, delete tasks</a></li><li><a href="#eighth_step_elements">Eighth Step, Elements</a></li><li><a href="#ninth_step_prettify">Ninth Step, Prettify</a></li><li><a href="#tenth_step_configuration">Tenth Step, Configuration</a></li><li><a href="#eleventh_step_refactor_with_aspecthelper">Eleventh Step, Refactor with AspectHelper</a></li><li><a href="#twelfth_step_validation_and_errors">Twelfth Step, Validation and Errors</a></li></ul></div>
@@ -49,7 +112,8 @@
 
 <p>So run:</p>
 
-<pre><code>$ ramaze --create todolist</code></pre>
+<pre class="iplastic"><code class="shell-unix-generic" lang="shell-unix-generic">ramaze --create todolist
+</code></pre>
 
 <p>done.</p>
 
@@ -59,16 +123,18 @@
 
 <p>So first, create a <code>model/todolist.rb</code> for our application:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="ident">require</span> <span class="punct">&#39;</span><span class="string">ramaze/store/default</span><span class="punct">&#39;</span>
-<span class="constant">TodoList</span> <span class="punct">=</span> <span class="constant">Ramaze</span><span class="punct">::</span><span class="constant">Store</span><span class="punct">::</span><span class="constant">Default</span><span class="punct">.</span><span class="ident">new</span><span class="punct">(&#39;</span><span class="string">todolist.yaml</span><span class="punct">&#39;)</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">require</span> <span class="String"><span class="String">'</span>ramaze/store/default<span class="String">'</span></span>
+TodoList <span class="Keyword">=</span> <span class="Support">Ramaze</span>::<span class="FunctionName">Store</span>::<span class="FunctionName">Default</span>.<span class="FunctionName">new</span>(<span class="String"><span class="String">'</span>todolist.yaml<span class="String">'</span></span>)
+</code></pre>
 
 <p>Let&#8217;s add some items as well to have a base to start from.</p>
 
-<pre><code class="ruby" lang="ruby"><span class="punct">{</span> <span class="punct">&#39;</span><span class="string">Laundry</span><span class="punct">&#39;</span>     <span class="punct">=&gt;</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">},</span>
-  <span class="punct">&#39;</span><span class="string">Wash dishes</span><span class="punct">&#39;</span> <span class="punct">=&gt;</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">},</span>
-<span class="punct">}.</span><span class="ident">each</span> <span class="keyword">do</span> <span class="punct">|</span><span class="ident">title</span><span class="punct">,</span> <span class="ident">value</span><span class="punct">|</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">value</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby">{ <span class="String"><span class="String">'</span>Laundry<span class="String">'</span></span>     =&gt; {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>},
+  <span class="String"><span class="String">'</span>Wash dishes<span class="String">'</span></span> =&gt; {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>},
+}.<span class="FunctionName">each</span> <span class="Keyword">do </span>|title, value|
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> value
+<span class="Keyword">end</span>
+</code></pre>
 
 <h2 id="third_step_v_like_view">Third Step, V, like View</h2>
 
@@ -80,22 +146,23 @@
 
 <p>Let&#8217;s put some things in there, I&#8217;ll explain the syntax as we go, it&#8217;s quite simple.</p>
 
-<pre><code class="nagoro" lang="nagoro">&lt;html&gt;
-  &lt;head&gt;
-    &lt;title&gt;TodoList&lt;/title&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
-    &lt;h1&gt;TodoList&lt;/h1&gt;
-    &lt;ul&gt;
-      &lt;?r
-        TodoList.each do |title, value|
-          status = value[:done] ? &#39;done&#39; : &#39;not done&#39;
-        ?&gt;
-        &lt;li&gt;#{c title}: #{status}&lt;/li&gt;
-      &lt;?r end ?&gt;
-    &lt;/ul&gt;
-  &lt;/body&gt;
-&lt;/html&gt;</code></pre>
+<pre class="iplastic"><code class="html" lang="html"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+<span class="EmbeddedSource">      <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?</span><span class="Constant">r</span></span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">        <span class="Constant">TodoList</span><span class="Keyword">.</span><span class="Constant">each</span> <span class="Keyword">do</span> <span class="Keyword">|</span><span class="Constant">title</span>, <span class="Constant">value</span><span class="Keyword">|</span></span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">          <span class="Constant">status</span> <span class="Keyword">=</span> <span class="Constant">value</span>[:<span class="Constant">done</span>] ? <span class="String"><span class="String">'</span><span class="String">done</span><span class="String">'</span></span> : <span class="String"><span class="String">'</span><span class="String">not done</span><span class="String">'</span></span></span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">        <span class="EmbeddedSource"><span class="EmbeddedSource">?</span>&gt;</span></span></span>
+        <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>#<span class="EmbeddedSource">{h title}</span>: #<span class="EmbeddedSource">{status}</span><span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+      <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>I will assume that you are familiar with basic Ruby already, so we will concentrate on the things new here.</p>
 
@@ -103,10 +170,11 @@
 
 <p>The whole Template would expand to something like this (only showing the interesting part)</p>
 
-<pre><code class="nagoro" lang="nagoro">&lt;ul&gt;
-  &lt;li&gt;Laundry: not done&lt;/li&gt;
-  &lt;li&gt;Wash dishes: not done&lt;/li&gt;
-&lt;/ul&gt;</code></pre>
+<pre class="iplastic"><code class="html" lang="html"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>Laundry: not done<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>Wash dishes: not done<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>That wasn&#8217;t too bad, huh?</p>
 
@@ -132,47 +200,50 @@
 
 <p>The contents of it are like following:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">class </span><span class="class">MainController</span> <span class="punct">&lt;</span> <span class="constant">Controller</span>
-  <span class="keyword">def </span><span class="method">index</span>
-    <span class="attribute">@welcome</span> <span class="punct">=</span> <span class="punct">&quot;</span><span class="string">Welcome to Ramaze!</span><span class="punct">&quot;</span>
-  <span class="keyword">end</span>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">class</span> <span class="TypeName">MainController<span class="TypeName"> <span class="TypeName">&lt;</span> Controller</span></span>
+  <span class="Keyword">def</span> <span class="FunctionName">index</span>
+    @welcome <span class="Keyword">=</span> <span class="String"><span class="String">&quot;</span>Welcome to Ramaze!<span class="String">&quot;</span></span>
+  <span class="Keyword">end</span>
 
-  <span class="keyword">def </span><span class="method">notemplate</span>
-    <span class="punct">&quot;</span><span class="string">there is no template associated with this action</span><span class="punct">&quot;</span>
-  <span class="keyword">end</span>
-<span class="keyword">end</span></code></pre>
+  <span class="Keyword">def</span> <span class="FunctionName">notemplate</span>
+    <span class="String"><span class="String">&quot;</span>there is no template associated with this action<span class="String">&quot;</span></span>
+  <span class="Keyword">end</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>The only methods right now are <code>#index</code> and <code>#notemplate</code>. The relationship between the methods on the controller and the templates is 1:1, so the method <code>#index</code> is combined with the template <code>index.xhtml</code>. This combination is called an <code>action</code>.</p>
 
 <p>Let&#8217;s get back to editing and change the method <code>#index</code> to this:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">index</span>
-  <span class="attribute">@tasks</span> <span class="punct">=</span> <span class="constant">TodoList</span><span class="punct">.</span><span class="ident">original</span>
-  <span class="attribute">@tasks</span><span class="punct">.</span><span class="ident">each</span> <span class="keyword">do</span> <span class="punct">|</span><span class="ident">title</span><span class="punct">,</span> <span class="ident">value</span><span class="punct">|</span>
-    <span class="ident">status</span> <span class="punct">=</span> <span class="ident">value</span><span class="punct">[</span><span class="symbol">:done</span><span class="punct">]</span> <span class="punct">?</span> <span class="punct">&#39;</span><span class="string">done</span><span class="punct">&#39;</span> <span class="punct">:</span> <span class="punct">&#39;</span><span class="string">not done</span><span class="punct">&#39;</span>
-    <span class="attribute">@tasks</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">status</span>
-  <span class="keyword">end</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">index</span>
+  @tasks <span class="Keyword">=</span> <span class="Support">TodoList</span>.<span class="FunctionName">original</span>
+  @tasks.<span class="FunctionName">each</span> <span class="Keyword">do </span>|title, value|
+    status <span class="Keyword">=</span> value[<span class="Constant"><span class="Constant">:</span>done</span>] <span class="Keyword">?</span> <span class="String"><span class="String">'</span>done<span class="String">'</span></span> : <span class="String"><span class="String">'</span>not done<span class="String">'</span></span>
+    @tasks[title] <span class="Keyword">=</span> status
+  <span class="Keyword">end</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>This will take care of the logic inside the template, which now should be changed to do following:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="punct">&lt;</span><span class="ident">html</span><span class="punct">&gt;</span>
-  <span class="punct">&lt;</span><span class="ident">head</span><span class="punct">&gt;</span>
-    <span class="punct">&lt;</span><span class="ident">title</span><span class="punct">&gt;</span><span class="constant">TodoList</span><span class="punct">&lt;/</span><span class="regex">title&gt;
-  &lt;</span><span class="punct">/</span><span class="ident">head</span><span class="punct">&gt;</span>
-  <span class="punct">&lt;</span><span class="ident">body</span><span class="punct">&gt;</span>
-    <span class="punct">&lt;</span><span class="ident">h1</span><span class="punct">&gt;</span><span class="constant">TodoList</span><span class="punct">&lt;/</span><span class="regex">h1&gt;
-    &lt;?r if @tasks.empty? ?&gt;
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>
+    <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">if</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">empty?</span></span> <span class="EmbeddedSource">?&gt;</span></span>
       No Tasks
-    &lt;?r else ?&gt;
-      &lt;ul&gt;
-        &lt;?r @tasks.each do |title, status| ?&gt;
-          &lt;li&gt;<span class="expr">#{c title}</span>: <span class="expr">#{status}</span>&lt;</span><span class="punct">/</span><span class="ident">li</span><span class="punct">&gt;</span>
-        <span class="punct">&lt;</span><span class="char">?r</span> <span class="keyword">end</span> <span class="char">?&gt;</span>
-      <span class="punct">&lt;/</span><span class="regex">ul&gt;
-    &lt;?r end ?&gt;
-  &lt;</span><span class="punct">/</span><span class="ident">body</span><span class="punct">&gt;</span>
-<span class="punct">&lt;/</span><span class="regex">html&gt;</span></code></pre>
+    <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">else</span> <span class="EmbeddedSource">?&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+        <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">each</span></span> <span class="Keyword">do </span><span class="EmbeddedSource">|</span><span class="EmbeddedSource">title</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">status</span><span class="EmbeddedSource">|</span> <span class="EmbeddedSource">?&gt;</span></span>
+          <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>#<span class="EmbeddedSource">{h title}</span>: #<span class="EmbeddedSource">{status}</span><span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+        <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+    <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>The rest of the template can stay the same.</p>
 
@@ -192,24 +263,26 @@
 
 <p>Add a link on the <code>view/index.xhtml</code> like this:</p>
 
-<pre><code>&lt;h1&gt;TodoList&lt;/h1&gt;
-&lt;a href=&quot;/new&quot;&gt;New Task&lt;/a&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;</span><span class="TagName">a</span> <span class="TagAttribute">href</span>=<span class="String"><span class="String">&quot;</span>/new<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>New Task<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">a</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>Open a new file <code>view/new.xhtml</code> with a form to add a new task.</p>
 
-<pre><code>&lt;html&gt;
-  &lt;head&gt;
-    &lt;title&gt;TodoList&lt;/title&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
-    &lt;h1&gt;New Task&lt;/h1&gt;
-    &lt;a href=&quot;/&quot;&gt;Back to TodoList&lt;/a&gt;
-    &lt;form method=&quot;POST&quot; action=&quot;create&quot;&gt;
-      Task: &lt;input type=&quot;text&quot; name=&quot;title&quot; /&gt;&lt;br /&gt;
-      &lt;input type=&quot;submit&quot; /&gt;
-    &lt;/form&gt;
-  &lt;/body&gt;
-&lt;/html&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>New Task<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">a</span> <span class="TagAttribute">href</span>=<span class="String"><span class="String">&quot;</span>/<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>Back to TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">a</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">form</span> <span class="TagAttribute">method</span>=<span class="String"><span class="String">&quot;</span>POST<span class="String">&quot;</span></span> <span class="TagAttribute">action</span>=<span class="String"><span class="String">&quot;</span>create<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>
+      Task: <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">input</span> <span class="TagAttribute">type</span>=<span class="String"><span class="String">&quot;</span>text<span class="String">&quot;</span></span> <span class="TagAttribute">name</span>=<span class="String"><span class="String">&quot;</span>title<span class="String">&quot;</span></span> /<span class="Tag">&gt;</span></span><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">br</span> /<span class="Tag">&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">input</span> <span class="TagAttribute">type</span>=<span class="String"><span class="String">&quot;</span>submit<span class="String">&quot;</span></span> /<span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">form</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>We will not need a method for this on our controller, in fact, actions can consist of either method and template or only one of them. The Controller can act as a View and the View can work like you may know it from PHP.</p>
 
@@ -221,11 +294,12 @@
 
 <p>OK, let&#8217;s implement the action for <code>#create</code>, all we want to do is take the requests parameters and create a new task for it, this looks like following on your MainController.</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">create</span>
-  <span class="ident">title</span> <span class="punct">=</span> <span class="ident">request</span><span class="punct">[&#39;</span><span class="string">title</span><span class="punct">&#39;]</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">}</span>
-  <span class="ident">redirect</span> <span class="constant">Rs</span><span class="punct">()</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">create</span>
+  title <span class="Keyword">=</span> request[<span class="String"><span class="String">'</span>title<span class="String">'</span></span>]
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>}
+  redirect Rs()
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>That&#8217;s all folks!</p>
 
@@ -239,34 +313,37 @@
 
 <p>Jump into <code>view/index.xhtml</code> and do the following:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="punct">&lt;</span><span class="char">?r</span> <span class="attribute">@tasks</span><span class="punct">.</span><span class="ident">each</span> <span class="keyword">do</span> <span class="punct">|</span><span class="ident">title</span><span class="punct">,</span> <span class="ident">status</span><span class="punct">,</span> <span class="ident">toggle</span><span class="punct">|</span> <span class="char">?&gt;</span>
-  <span class="punct">&lt;</span><span class="ident">li</span><span class="punct">&gt;</span>
-    <span class="comment">#{c title}: #{status} - [ #{toggle} ]</span>
-  <span class="punct">&lt;/</span><span class="regex">li&gt;
-&lt;?r end</span></code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">each</span></span> <span class="Keyword">do </span><span class="EmbeddedSource">|</span><span class="EmbeddedSource">title</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">status</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">toggle</span><span class="EmbeddedSource">|</span> <span class="EmbeddedSource">?&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+    #<span class="EmbeddedSource">{h title}</span>: #<span class="EmbeddedSource">{status}</span> - [ #<span class="EmbeddedSource">{toggle}</span> ]
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span></span>
+</code></pre>
 
 <p>We added a new element here, <code>toggle</code>, the Controller should give us a link to change the status corresponding to the status of the task, so off we go and change the index method on the controller once again:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">index</span>
-  <span class="attribute">@tasks</span> <span class="punct">=</span> <span class="punct">[]</span>
-  <span class="constant">TodoList</span><span class="punct">.</span><span class="ident">original</span><span class="punct">.</span><span class="ident">each</span> <span class="keyword">do</span> <span class="punct">|</span><span class="ident">title</span><span class="punct">,</span> <span class="ident">value</span><span class="punct">|</span>
-    <span class="keyword">if</span> <span class="ident">value</span><span class="punct">[</span><span class="symbol">:done</span><span class="punct">]</span>
-      <span class="ident">status</span> <span class="punct">=</span> <span class="punct">&#39;</span><span class="string">done</span><span class="punct">&#39;</span>
-      <span class="ident">toggle</span> <span class="punct">=</span> <span class="constant">A</span><span class="punct">(&#39;</span><span class="string">Open Task</span><span class="punct">&#39;,</span> <span class="symbol">:href</span> <span class="punct">=&gt;</span> <span class="constant">Rs</span><span class="punct">(</span><span class="symbol">:open</span><span class="punct">,</span> <span class="ident">title</span><span class="punct">))</span>
-    <span class="keyword">else</span>
-      <span class="ident">status</span> <span class="punct">=</span> <span class="punct">&#39;</span><span class="string">not done</span><span class="punct">&#39;</span>
-      <span class="ident">toggle</span> <span class="punct">=</span> <span class="constant">A</span><span class="punct">(&#39;</span><span class="string">Close Task</span><span class="punct">&#39;,</span> <span class="symbol">:href</span> <span class="punct">=&gt;</span> <span class="constant">Rs</span><span class="punct">(</span><span class="symbol">:close</span><span class="punct">,</span> <span class="ident">title</span><span class="punct">))</span>
-    <span class="keyword">end</span>
-    <span class="attribute">@tasks</span> <span class="punct">&lt;&lt;</span> <span class="punct">[</span><span class="ident">title</span><span class="punct">,</span> <span class="ident">status</span><span class="punct">,</span> <span class="ident">toggle</span><span class="punct">]</span>
-  <span class="keyword">end</span>
-  <span class="attribute">@tasks</span><span class="punct">.</span><span class="ident">sort!</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">index</span>
+  @tasks <span class="Keyword">=</span> []
+  <span class="Support">TodoList</span>.<span class="FunctionName">original</span>.<span class="FunctionName">each</span> <span class="Keyword">do </span>|title, value|
+    <span class="Keyword">if</span> value[<span class="Constant"><span class="Constant">:</span>done</span>]
+      status <span class="Keyword">=</span> <span class="String"><span class="String">'</span>done<span class="String">'</span></span>
+      toggle <span class="Keyword">=</span> A(<span class="String"><span class="String">'</span>Open Task<span class="String">'</span></span>, <span class="Constant"><span class="Constant">:</span>href</span> =&gt; Rs(<span class="Constant"><span class="Constant">:</span>open</span>, title))
+    <span class="Keyword">else</span>
+      status <span class="Keyword">=</span> <span class="String"><span class="String">'</span>not done<span class="String">'</span></span>
+      toggle <span class="Keyword">=</span> A(<span class="String"><span class="String">'</span>Close Task<span class="String">'</span></span>, <span class="Constant"><span class="Constant">:</span>href</span> =&gt; Rs(<span class="Constant"><span class="Constant">:</span>close</span>, title))
+    <span class="Keyword">end</span>
+    @tasks <span class="Keyword">&lt;&lt;</span> [title, status, toggle]
+  <span class="Keyword">end</span>
+  @tasks.<span class="FunctionName">sort!</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Wow, quite some new stuff here. Let me explain that in detail.</p>
 
 <p>We first decide whether a task is done or not, then go on and provide a link to toggle the status, A and Rs are both methods that help you do that. The result will be something like:</p>
 
-<pre><code>&lt;a href=&quot;/open/Wash+dishes&quot;&gt;Close Task&lt;/a&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">a</span> <span class="TagAttribute">href</span>=<span class="String"><span class="String">&quot;</span>/open/Wash+dishes<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>Close Task<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">a</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>Rs actually is responsible to build the links href, for more information please take a look at the RDoc for LinkHelper.</p>
 
@@ -274,35 +351,41 @@
 
 <p>As usual since the links for open and close don&#8217;t lead anywhere, add the corresponding methods to the Controller:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">open</span> <span class="ident">title</span>
-  <span class="ident">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="constant">false</span>
-  <span class="ident">redirect</span> <span class="constant">Rs</span><span class="punct">()</span>
-<span class="keyword">end</span>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">open</span> title
+  task_status title, <span class="Identifier">false</span>
+  redirect Rs()
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">close</span> <span class="ident">title</span>
-  <span class="ident">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="constant">true</span>
-  <span class="ident">redirect</span> <span class="constant">Rs</span><span class="punct">()</span>
-<span class="keyword">end</span>
+<span class="Keyword">def</span> <span class="FunctionName">close</span> title
+  task_status title, <span class="Identifier">true</span>
+  redirect Rs()
+<span class="Keyword">end</span>
 
-<span class="ident">private</span>
+<span class="Keyword">private</span>
 
-<span class="keyword">def </span><span class="method">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="ident">status</span>
-  <span class="ident">task</span> <span class="punct">=</span> <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span>
-  <span class="ident">task</span><span class="punct">[</span><span class="symbol">:done</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">status</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">task</span>
-<span class="keyword">end</span></code></pre>
+<span class="Keyword">def</span> <span class="FunctionName">task_status</span> title, status
+  task <span class="Keyword">=</span> <span class="Support">TodoList</span>[title]
+  task[<span class="Constant"><span class="Constant">:</span>done</span>] <span class="Keyword">=</span> status
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> task
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Oh, now what have we got here? <code>private</code> declares that methods from here on are only to be used within the Controller itself, we define an <code>#task_status</code> method that takes the title and status to be set so we don&#8217;t have to repeat that code in <code>#open</code> and <code>#close</code> and follow the DRY (Don&#8217;t repeat yourself) paradigm.</p>
 
 <p>Another thing we have not encountered so far is that you can define your public methods to take parameters on their own, they will be calculated from requests.</p>
 
-<pre><code class="ruby" lang="ruby"><span class="punct">&#39;</span><span class="string">/open/Wash+dishes</span><span class="punct">&#39;</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="String"><span class="String">'</span>/open/Wash+dishes<span class="String">'</span></span>
+</code></pre>
 
 <p>will translate into:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="ident">open</span><span class="punct">(&#39;</span><span class="string">Wash dishes</span><span class="punct">&#39;)</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="FunctionName">open</span>(<span class="String"><span class="String">'</span>Wash dishes<span class="String">'</span></span>)
+</code></pre>
 
-<p>Which in turn will call <code>task_status(&#39;Wash dishes&#39;, false)</code></p>
+<p>Which in turn will call</p>
+
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="FunctionName">task_status</span>(<span class="String"><span class="String">'</span>Wash dishes<span class="String">'</span></span>, <span class="Identifier">false</span>)
+</code></pre>
 
 <p>That&#8217;s it, go on and try it :)</p>
 
@@ -312,23 +395,26 @@
 
 <p>This is just two little changes away, so let&#8217;s add the link for deletion in our Controller:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="ident">delete</span> <span class="punct">=</span> <span class="constant">A</span><span class="punct">(&#39;</span><span class="string">Delete</span><span class="punct">&#39;,</span> <span class="symbol">:href</span> <span class="punct">=&gt;</span> <span class="constant">Rs</span><span class="punct">(</span><span class="symbol">:delete</span><span class="punct">,</span> <span class="ident">title</span><span class="punct">))</span>
-<span class="attribute">@tasks</span> <span class="punct">&lt;&lt;</span> <span class="punct">[</span><span class="ident">title</span><span class="punct">,</span> <span class="ident">status</span><span class="punct">,</span> <span class="ident">toggle</span><span class="punct">,</span> <span class="ident">delete</span><span class="punct">]</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby">delete <span class="Keyword">=</span> A(<span class="String"><span class="String">'</span>Delete<span class="String">'</span></span>, <span class="Constant"><span class="Constant">:</span>href</span> =&gt; Rs(<span class="Constant"><span class="Constant">:</span>delete</span>, title))
+@tasks <span class="Keyword">&lt;&lt;</span> [title, status, toggle, delete]
+</code></pre>
 
 <p>and an corresponding method while we&#8217;re at it:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">delete</span> <span class="ident">title</span>
-  <span class="constant">TodoList</span><span class="punct">.</span><span class="ident">delete</span> <span class="ident">title</span>
-  <span class="ident">redirect</span> <span class="constant">Rs</span><span class="punct">()</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">delete</span> title
+  <span class="Support">TodoList</span>.<span class="FunctionName">delete</span> title
+  redirect Rs()
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Now jumping to <code>view/index.xhtml</code> again, change it so it shows the link:</p>
 
-<pre><code>&lt;?r @tasks.each do |title, status, toggle, delete| ?&gt;
-  &lt;li&gt;
-    #{c title}: #{status} [ #{toggle} | #{delete} ]
-  &lt;/li&gt;
-&lt;?r end ?&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">each</span></span> <span class="Keyword">do </span><span class="EmbeddedSource">|</span><span class="EmbeddedSource">title</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">status</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">toggle</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">delete</span><span class="EmbeddedSource">|</span> <span class="EmbeddedSource">?&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+    #<span class="EmbeddedSource">{h title}</span>: #<span class="EmbeddedSource">{status}</span> [ #<span class="EmbeddedSource">{toggle}</span> | #<span class="EmbeddedSource">{delete}</span> ]
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+</code></pre>
 
 <p>Voilà, you now have acquired the Certificate of Ramazeness.</p>
 
@@ -336,7 +422,8 @@
 
 <h2 id="eighth_step_elements">Eighth Step, Elements</h2>
 
-<pre><code>&lt;Page&gt;&lt;/Page&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">Page</span><span class="Tag">&gt;<span class="Tag">&lt;</span>/</span><span class="TagName">Page</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>This is called an Element, Ramaze will go and search for a class that matches the name Page and responds to <code>#render</code>. Then it will go and hand the content in between to that Element.</p>
 
@@ -344,20 +431,22 @@
 
 <p>Let us have a look at our templates, they got some repetitive stuff, like:</p>
 
-<pre><code>&lt;html&gt;
-  &lt;head&gt;
-    &lt;title&gt;TodoList&lt;/title&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
-    &lt;h1&gt;some title&lt;/h1&gt;
-  &lt;/body&gt;
-&lt;/html&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>some title<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">html</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>How about replacing that with something short and reusable:</p>
 
-<pre><code>&lt;Page title=&quot;TodoList&quot;&gt;
+<pre class="iplastic"><code class="html" lang="html"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">Page</span> <span class="TagAttribute">title</span>=<span class="String"><span class="String">&quot;</span>TodoList<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>
   your other content
-&lt;/Page&gt;</code></pre>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">Page</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>Would be nice of course, and when you start having more templates it makes an awful lot of sense being able to change the enclosing stuff in one place.</p>
 
@@ -365,40 +454,42 @@
 
 <p>Take a look at the <code>src/element/page.rb</code></p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">class </span><span class="class">Page</span> <span class="punct">&lt;</span> <span class="constant">Ezamar</span><span class="punct">::</span><span class="constant">Element</span>
-  <span class="keyword">def </span><span class="method">render</span>
-    <span class="punct">%{</span><span class="string">
-    &lt;html&gt;
-      &lt;head&gt;
-        &lt;title&gt;Welcome to Ramaze&lt;/title&gt;
-      &lt;/head&gt;
-      &lt;body&gt;
-        <span class="expr">#{content}</span>
-      &lt;/body&gt;
-    &lt;/html&gt;
-    </span><span class="punct">}</span>
-  <span class="keyword">end</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">class</span> <span class="TypeName">Page<span class="TypeName"> <span class="TypeName">&lt;</span> Ezamar::Element</span></span>
+  <span class="Keyword">def</span> <span class="FunctionName">render</span>
+    <span class="String"><span class="String">%{</span></span>
+<span class="String">    &lt;html&gt;</span>
+<span class="String">      &lt;head&gt;</span>
+<span class="String">        &lt;title&gt;Welcome to Ramaze&lt;/title&gt;</span>
+<span class="String">      &lt;/head&gt;</span>
+<span class="String">      &lt;body&gt;</span>
+<span class="String">        <span class="String"><span class="String">#{</span>content<span class="String">}</span></span></span>
+<span class="String">      &lt;/body&gt;</span>
+<span class="String">    &lt;/html&gt;</span>
+<span class="String">    <span class="String">}</span></span>
+  <span class="Keyword">end</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Alright, most things we need are in place already, the most important thing is the <code>#content</code> method that we call with <code>#{content}</code> inside the string in <code>#render</code>.</p>
 
 <p>Just adopt it to your liking, I&#8217;ll just use the things we had in our templates so far:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">class </span><span class="class">Page</span> <span class="punct">&lt;</span> <span class="constant">Ezamar</span><span class="punct">::</span><span class="constant">Element</span>
-  <span class="keyword">def </span><span class="method">render</span>
-    <span class="punct">%{</span><span class="string">
-    &lt;html&gt;
-      &lt;head&gt;
-        &lt;title&gt;TodoList&lt;/title&gt;
-      &lt;/head&gt;
-      &lt;body&gt;
-        &lt;h1&gt;<span class="expr">#{@title}</span>&lt;/h1&gt;
-        <span class="expr">#{content}</span>
-      &lt;/body&gt;
-    &lt;/html&gt;
-    </span><span class="punct">}</span>
-  <span class="keyword">end</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">class</span> <span class="TypeName">Page<span class="TypeName"> <span class="TypeName">&lt;</span> Ezamar::Element</span></span>
+  <span class="Keyword">def</span> <span class="FunctionName">render</span>
+    <span class="String"><span class="String">%{</span></span>
+<span class="String">    &lt;html&gt;</span>
+<span class="String">      &lt;head&gt;</span>
+<span class="String">        &lt;title&gt;TodoList&lt;/title&gt;</span>
+<span class="String">      &lt;/head&gt;</span>
+<span class="String">      &lt;body&gt;</span>
+<span class="String">        &lt;h1&gt;<span class="String"><span class="String">#{</span><span class="String"><span class="String">@</span>title</span><span class="String">}</span></span>&lt;/h1&gt;</span>
+<span class="String">        <span class="String"><span class="String">#{</span>content<span class="String">}</span></span></span>
+<span class="String">      &lt;/body&gt;</span>
+<span class="String">    &lt;/html&gt;</span>
+<span class="String">    <span class="String">}</span></span>
+  <span class="Keyword">end</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Please note that instance variables reflecting the parameters are set.</p>
 
@@ -406,30 +497,32 @@
 
 <p>First the <code>view/index.xhtml</code></p>
 
-<pre><code>&lt;Page title=&quot;TodoList&quot;&gt;
-  &lt;a href=&quot;/new&quot;&gt;New Task&lt;/a&gt;
-  &lt;?r if @tasks.empty? ?&gt;
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">Page</span> <span class="TagAttribute">title</span>=<span class="String"><span class="String">&quot;</span>TodoList<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">a</span> <span class="TagAttribute">href</span>=<span class="String"><span class="String">&quot;</span>/new<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>New Task<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">a</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">if</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">empty?</span></span> <span class="EmbeddedSource">?&gt;</span></span>
     No Tasks
-  &lt;?r else ?&gt;
-    &lt;ul&gt;
-      &lt;?r @tasks.each do |title, status, toggle, delete| ?&gt;
-        &lt;li&gt;
-          #{c title}: #{status} [ #{toggle} | #{delete} ]
-        &lt;/li&gt;
-      &lt;?r end ?&gt;
-    &lt;/ul&gt;
-  &lt;?r end ?&gt;
-&lt;/Page&gt;</code></pre>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">else</span> <span class="EmbeddedSource">?&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+      <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">each</span></span> <span class="Keyword">do </span><span class="EmbeddedSource">|</span><span class="EmbeddedSource">title</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">status</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">toggle</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">delete</span><span class="EmbeddedSource">|</span> <span class="EmbeddedSource">?&gt;</span></span>
+        <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+          #<span class="EmbeddedSource">{h title}</span>: #<span class="EmbeddedSource">{status}</span> [ #<span class="EmbeddedSource">{toggle}</span> | #<span class="EmbeddedSource">{delete}</span> ]
+        <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+      <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">Page</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>and the <code>view/new.xhtml</code></p>
 
-<pre><code>&lt;Page title=&quot;New Task&quot;&gt;
-  &lt;a href=&quot;/&quot;&gt;Back to TodoList&lt;/a&gt;
-  &lt;form method=&quot;POST&quot; action=&quot;create&quot;&gt;
-    Task: &lt;input type=&quot;text&quot; name=&quot;title&quot; /&gt;&lt;br /&gt;
-    &lt;input type=&quot;submit&quot; /&gt;
-  &lt;/form&gt;
-&lt;/Page&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">Page</span> <span class="TagAttribute">title</span>=<span class="String"><span class="String">&quot;</span>New Task<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">a</span> <span class="TagAttribute">href</span>=<span class="String"><span class="String">&quot;</span>/<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>Back to TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">a</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">form</span> <span class="TagAttribute">method</span>=<span class="String"><span class="String">&quot;</span>POST<span class="String">&quot;</span></span> <span class="TagAttribute">action</span>=<span class="String"><span class="String">&quot;</span>create<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>
+    Task: <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">input</span> <span class="TagAttribute">type</span>=<span class="String"><span class="String">&quot;</span>text<span class="String">&quot;</span></span> <span class="TagAttribute">name</span>=<span class="String"><span class="String">&quot;</span>title<span class="String">&quot;</span></span> /<span class="Tag">&gt;</span></span><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">br</span> /<span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">input</span> <span class="TagAttribute">type</span>=<span class="String"><span class="String">&quot;</span>submit<span class="String">&quot;</span></span> /<span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">form</span><span class="Tag">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">Page</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>Alright, now just go and look at the result in the browser, try changing the things inside the Element and look at how it behaves.</p>
 
@@ -439,40 +532,43 @@
 
 <p>So, from what we have right now:</p>
 
-<pre><code>&lt;ul&gt;
-  &lt;?r @tasks.each do |title, status, toggle, delete| ?&gt;
-    &lt;li&gt;
-      #{c title}: #{status} [ #{toggle} | #{delete} ]
-    &lt;/li&gt;
-  &lt;?r end ?&gt;
-&lt;/ul&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">each</span></span> <span class="Keyword">do </span><span class="EmbeddedSource">|</span><span class="EmbeddedSource">title</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">status</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">toggle</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">delete</span><span class="EmbeddedSource">|</span> <span class="EmbeddedSource">?&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+      #<span class="EmbeddedSource">{h title}</span>: #<span class="EmbeddedSource">{status}</span> [ #<span class="EmbeddedSource">{toggle}</span> | #<span class="EmbeddedSource">{delete}</span> ]
+    <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">li</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">ul</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>To something like this:</p>
 
-<pre><code>&lt;table&gt;
-  &lt;?r @tasks.each do |title, status, toggle, delete| ?&gt;
-    &lt;tr&gt;
-      &lt;td class=&quot;title&quot;&gt;  #{c title}  &lt;/td&gt;
-      &lt;td class=&quot;status&quot;&gt; #{status} &lt;/td&gt;
-      &lt;td class=&quot;toggle&quot;&gt; #{toggle} &lt;/td&gt;
-      &lt;td class=&quot;delete&quot;&gt; #{delete} &lt;/td&gt;
-    &lt;/tr&gt;
-  &lt;?r end ?&gt;
-&lt;/table&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">table</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="EmbeddedSource"><span class="EmbeddedSource">@</span>tasks</span><span class="EmbeddedSource"><span class="EmbeddedSource">.</span><span class="FunctionName">each</span></span> <span class="Keyword">do </span><span class="EmbeddedSource">|</span><span class="EmbeddedSource">title</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">status</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">toggle</span><span class="EmbeddedSource">,</span> <span class="EmbeddedSource">delete</span><span class="EmbeddedSource">|</span> <span class="EmbeddedSource">?&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">tr</span><span class="Tag">&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">td</span> <span class="TagAttribute">class</span>=<span class="String"><span class="String">&quot;</span>title<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>  #<span class="EmbeddedSource">{h title}</span>  <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">td</span><span class="Tag">&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">td</span> <span class="TagAttribute">class</span>=<span class="String"><span class="String">&quot;</span>status<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span> #<span class="EmbeddedSource">{status}</span> <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">td</span><span class="Tag">&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">td</span> <span class="TagAttribute">class</span>=<span class="String"><span class="String">&quot;</span>toggle<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span> #<span class="EmbeddedSource">{toggle}</span> <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">td</span><span class="Tag">&gt;</span></span>
+      <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">td</span> <span class="TagAttribute">class</span>=<span class="String"><span class="String">&quot;</span>delete<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span> #<span class="EmbeddedSource">{delete}</span> <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">td</span><span class="Tag">&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">tr</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">table</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>And, since we have proper classes to address some style sheets, jump into the Page element and add some style sheet:</p>
 
-<pre><code>&lt;head&gt;
-  &lt;title&gt;TodoList&lt;/title&gt;
-  &lt;style&gt;
-    table     { width:       100%;              }
-    tr        { background:  #efe; width: 100%; }
-    tr:hover  { background:  #dfd;              }
-    td.title  { font-weight: bold; width: 60%;  }
-    td.status { margin:      1em;               }
-    a         { color:       #3a3;              }
-  &lt;/style&gt;
-&lt;/head&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>TodoList<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">title</span><span class="Tag">&gt;</span></span>
+<span class="EmbeddedSource">  <span class="EmbeddedSource">&lt;</span><span class="TagName">style</span><span class="EmbeddedSource">&gt;</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">    <span class="TagName">table</span>     </span><span class="EmbeddedSource">{ width:       100%;              }</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">    <span class="TagName">tr</span>        </span><span class="EmbeddedSource">{ background:  #efe; width: 100%; }</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">    <span class="TagName">tr</span><span class="TagAttribute"><span class="TagAttribute">:</span>hover</span>  </span><span class="EmbeddedSource">{ background:  #dfd;              }</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">    <span class="TagName">td</span><span class="TagAttribute"><span class="TagAttribute">.</span>title</span>  </span><span class="EmbeddedSource">{ font-weight: bold; width: 60%;  }</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">    <span class="TagName">td</span><span class="TagAttribute"><span class="TagAttribute">.</span>status</span> </span><span class="EmbeddedSource">{ margin:      1em;               }</span></span>
+<span class="EmbeddedSource"><span class="EmbeddedSource">    <span class="TagName">a</span>         </span><span class="EmbeddedSource">{ color:       #3a3;              }</span></span>
+<span class="EmbeddedSource">  <span class="EmbeddedSource">&lt;/</span><span class="TagName">style</span><span class="EmbeddedSource">&gt;</span></span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">head</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>That looks quite a bit nicer, right? And yes, if you don&#8217;t like tables (though this is an entirely legit use in my opinion) you can just do it like you want, using nested lists or divs/spans, replacing the open/close and delete links with nice images and changing the style according to the status.</p>
 
@@ -484,22 +580,26 @@
 
 <p>First of all, the default port Ramaze runs on is 7000, but to make it a usual webserver it has to run on port 80. So, let&#8217;s add following line in your start.rb right after the lines of require you added before:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="constant">Ramaze</span><span class="punct">::</span><span class="constant">Global</span><span class="punct">.</span><span class="ident">port</span> <span class="punct">=</span> <span class="number">80</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Support">Ramaze</span>::<span class="FunctionName">Global</span>.<span class="FunctionName">port</span> <span class="Keyword">=</span> <span class="Number">80</span>
+</code></pre>
 
 <p>Alright, that wasn&#8217;t that hard. Let&#8217;s say now you also want to run Mongrel instead of WEBrick, to get nice a bit of performance:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="constant">Ramaze</span><span class="punct">::</span><span class="constant">Global</span><span class="punct">.</span><span class="ident">adapter</span> <span class="punct">=</span> <span class="symbol">:mongrel</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Support">Ramaze</span>::<span class="FunctionName">Global</span>.<span class="FunctionName">adapter</span> <span class="Keyword">=</span> <span class="Constant"><span class="Constant">:</span>mongrel</span>
+</code></pre>
 
 <p>To do this in a DRY way you could also do following:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="constant">Ramaze</span><span class="punct">::</span><span class="constant">Global</span><span class="punct">.</span><span class="ident">setup</span> <span class="keyword">do</span> <span class="punct">|</span><span class="ident">g</span><span class="punct">|</span>
-  <span class="ident">g</span><span class="punct">.</span><span class="ident">port</span> <span class="punct">=</span> <span class="number">80</span>
-  <span class="ident">g</span><span class="punct">.</span><span class="ident">adapter</span> <span class="punct">=</span> <span class="symbol">:mongrel</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Support">Ramaze</span>::<span class="FunctionName">Global</span>.<span class="FunctionName">setup</span> <span class="Keyword">do </span>|g|
+  g.<span class="FunctionName">port</span> <span class="Keyword">=</span> <span class="Number">80</span>
+  g.<span class="FunctionName">adapter</span> <span class="Keyword">=</span> <span class="Constant"><span class="Constant">:</span>mongrel</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>It seems to be quite common to put this configuration into separate files so you can just require it on demand. There are other, slightly stronger way to set options, which is either using flags on the ramaze executable, or like this:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="constant">Ramaze</span><span class="punct">.</span><span class="ident">start</span> <span class="symbol">:port</span> <span class="punct">=&gt;</span> <span class="number">80</span><span class="punct">,</span> <span class="symbol">:adapter</span> <span class="punct">=&gt;</span> <span class="symbol">:mongrel</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Support">Ramaze</span>.<span class="FunctionName">start</span> <span class="Constant"><span class="Constant">:</span>port</span> =&gt; <span class="Number">80</span>, <span class="Constant"><span class="Constant">:</span>adapter</span> =&gt; <span class="Constant"><span class="Constant">:</span>mongrel</span>
+</code></pre>
 
 <p>We haven&#8217;t started Ramaze directly as of yet, but this allows you to ignore the ramaze executable and just run your application by <code>ruby start.rb</code>.</p>
 
@@ -507,26 +607,27 @@
 
 <p>Now, if you take a closer look at the Controller you will see:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">create</span>
-  <span class="ident">title</span> <span class="punct">=</span> <span class="ident">request</span><span class="punct">[&#39;</span><span class="string">title</span><span class="punct">&#39;]</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">}</span>
-  <span class="ident">redirect</span> <span class="constant">R</span><span class="punct">(</span><span class="constant">self</span><span class="punct">)</span>
-<span class="keyword">end</span>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">create</span>
+  title <span class="Keyword">=</span> request[<span class="String"><span class="String">'</span>title<span class="String">'</span></span>]
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>}
+  redirect R(self)
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">open</span> <span class="ident">title</span>
-  <span class="ident">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="constant">false</span>
-  <span class="ident">redirect</span> <span class="constant">R</span><span class="punct">(</span><span class="constant">self</span><span class="punct">)</span>
-<span class="keyword">end</span>
+<span class="Keyword">def</span> <span class="FunctionName">open</span> title
+  task_status title, <span class="Identifier">false</span>
+  redirect R(self)
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">close</span> <span class="ident">title</span>
-  <span class="ident">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="constant">true</span>
-  <span class="ident">redirect</span> <span class="constant">R</span><span class="punct">(</span><span class="constant">self</span><span class="punct">)</span>
-<span class="keyword">end</span>
+<span class="Keyword">def</span> <span class="FunctionName">close</span> title
+  task_status title, <span class="Identifier">true</span>
+  redirect R(self)
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">delete</span> <span class="ident">title</span>
-  <span class="constant">TodoList</span><span class="punct">.</span><span class="ident">delete</span> <span class="ident">title</span>
-  <span class="ident">redirect</span> <span class="constant">R</span><span class="punct">(</span><span class="constant">self</span><span class="punct">)</span>
-<span class="keyword">end</span></code></pre>
+<span class="Keyword">def</span> <span class="FunctionName">delete</span> title
+  <span class="Support">TodoList</span>.<span class="FunctionName">delete</span> title
+  redirect R(self)
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>We did some refactoring before, by introducing <code>#task_status</code>, but here we have repetition again: <code>redirect Rs()</code> <em>after</em> each method did its job.</p>
 
@@ -534,25 +635,26 @@
 
 <p>In your Controller, replace the previous chunk with following:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">create</span>
-  <span class="ident">title</span> <span class="punct">=</span> <span class="ident">request</span><span class="punct">[&#39;</span><span class="string">title</span><span class="punct">&#39;]</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">}</span>
-<span class="keyword">end</span>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">create</span>
+  title <span class="Keyword">=</span> request[<span class="String"><span class="String">'</span>title<span class="String">'</span></span>]
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>}
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">open</span> <span class="ident">title</span>
-  <span class="ident">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="constant">false</span>
-<span class="keyword">end</span>
+<span class="Keyword">def</span> <span class="FunctionName">open</span> title
+  task_status title, <span class="Identifier">false</span>
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">close</span> <span class="ident">title</span>
-  <span class="ident">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="constant">true</span>
-<span class="keyword">end</span>
+<span class="Keyword">def</span> <span class="FunctionName">close</span> title
+  task_status title, <span class="Identifier">true</span>
+<span class="Keyword">end</span>
 
-<span class="keyword">def </span><span class="method">delete</span> <span class="ident">title</span>
-  <span class="constant">TodoList</span><span class="punct">.</span><span class="ident">delete</span> <span class="ident">title</span>
-<span class="keyword">end</span>
+<span class="Keyword">def</span> <span class="FunctionName">delete</span> title
+  <span class="Support">TodoList</span>.<span class="FunctionName">delete</span> title
+<span class="Keyword">end</span>
 
-<span class="ident">helper</span> <span class="symbol">:aspect</span>
-<span class="ident">after</span><span class="punct">(</span><span class="symbol">:create</span><span class="punct">,</span> <span class="symbol">:open</span><span class="punct">,</span> <span class="symbol">:close</span><span class="punct">,</span> <span class="symbol">:delete</span><span class="punct">){</span> <span class="ident">redirect</span><span class="punct">(</span><span class="constant">Rs</span><span class="punct">())</span> <span class="punct">}</span></code></pre>
+helper <span class="Constant"><span class="Constant">:</span>aspect</span>
+<span class="FunctionName">after</span>(<span class="Constant"><span class="Constant">:</span>create</span>, <span class="Constant"><span class="Constant">:</span>open</span>, <span class="Constant"><span class="Constant">:</span>close</span>, <span class="Constant"><span class="Constant">:</span>delete</span>){ <span class="FunctionName">redirect</span>(Rs()) }
+</code></pre>
 
 <p>Alright, that looks a lot nicer already and is definitely easier to maintain.</p>
 
@@ -564,23 +666,25 @@
 
 <p>First we head over to the Controller again and take a look at <code>#create</code>:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">create</span>
-  <span class="ident">title</span> <span class="punct">=</span> <span class="ident">request</span><span class="punct">[&#39;</span><span class="string">title</span><span class="punct">&#39;]</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">}</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">create</span>
+  title <span class="Keyword">=</span> request[<span class="String"><span class="String">'</span>title<span class="String">'</span></span>]
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>}
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Here we just create a new task, no matter what we get. Every seasoned web-developer would advise you to be suspicious about all the input you receive from your users, so let&#8217;s apply this advice.</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">create</span>
-  <span class="keyword">if</span> <span class="ident">title</span> <span class="punct">=</span> <span class="ident">request</span><span class="punct">[&#39;</span><span class="string">title</span><span class="punct">&#39;]</span>
-    <span class="ident">title</span><span class="punct">.</span><span class="ident">strip!</span>
-    <span class="keyword">if</span> <span class="ident">title</span><span class="punct">.</span><span class="ident">empty?</span>
-      <span class="ident">failed</span><span class="punct">(&quot;</span><span class="string">Please enter a title</span><span class="punct">&quot;)</span>
-      <span class="ident">redirect</span> <span class="punct">&#39;</span><span class="string">/new</span><span class="punct">&#39;</span>
-    <span class="keyword">end</span>
-    <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="punct">{</span><span class="symbol">:done</span> <span class="punct">=&gt;</span> <span class="constant">false</span><span class="punct">}</span>
-  <span class="keyword">end</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">create</span>
+  <span class="Keyword">if</span> title <span class="Keyword">=</span> request[<span class="String"><span class="String">'</span>title<span class="String">'</span></span>]
+    title.<span class="FunctionName">strip!</span>
+    <span class="Keyword">if</span> title.<span class="FunctionName">empty?</span>
+      <span class="FunctionName">failed</span>(<span class="String"><span class="String">&quot;</span>Please enter a title<span class="String">&quot;</span></span>)
+      redirect <span class="String"><span class="String">'</span>/new<span class="String">'</span></span>
+    <span class="Keyword">end</span>
+    <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> {<span class="Constant"><span class="Constant">:</span>done</span> =&gt; <span class="Identifier">false</span>}
+  <span class="Keyword">end</span>
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>First of all we check if we got a request with a value for &#8216;title&#8217;, if we get none we just let the aspect kick in that will redirect the browser to the index. Next we strip the title of all spaces around it so we can check if it is empty. We will talk about the specifics of our error-handling now.</p>
 
@@ -588,45 +692,49 @@
 
 <p>Let me show you our <code>#failed</code> method (it goes in the private section to <code>#task_status</code>):</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">failed</span><span class="punct">(</span><span class="ident">message</span><span class="punct">)</span>
-  <span class="ident">flash</span><span class="punct">[</span><span class="symbol">:error</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">message</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">failed</span>(<span class="Arguments">message</span>)
+  flash[<span class="Constant"><span class="Constant">:</span>error</span>] <span class="Keyword">=</span> message
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>Duh, you may say, wouldn&#8217;t that fit in the one line instead of the call to <code>#failed</code>? Indeed, it would, but let me remind you, we have no checks for changing the status of a task yet. We will need error-handling there as well, so we just keep our code DRY and maintainable by collecting shared behaviour in small pieces.</p>
 
 <p>Now on to the <code>#task_status</code>:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="ident">status</span>
-  <span class="keyword">unless</span> <span class="ident">task</span> <span class="punct">=</span> <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span>
-    <span class="ident">failed</span> <span class="punct">&quot;</span><span class="string">No such Task: `<span class="expr">#{title}</span>&#39;</span><span class="punct">&quot;</span>
-    <span class="ident">redirect_referer</span>
-  <span class="keyword">end</span>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">task_status</span> title, status
+  <span class="Keyword">unless</span> task <span class="Keyword">=</span> <span class="Support">TodoList</span>[title]
+    failed <span class="String"><span class="String">&quot;</span>No such Task: `<span class="String"><span class="String">#{</span>title<span class="String">}</span></span>'<span class="String">&quot;</span></span>
+    redirect_referer
+  <span class="Keyword">end</span>
 
-  <span class="ident">task</span><span class="punct">[</span><span class="symbol">:done</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">status</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">task</span>
-<span class="keyword">end</span></code></pre>
+  task[<span class="Constant"><span class="Constant">:</span>done</span>] <span class="Keyword">=</span> status
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> task
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>That used to look like this:</p>
 
-<pre><code class="ruby" lang="ruby"><span class="keyword">def </span><span class="method">task_status</span> <span class="ident">title</span><span class="punct">,</span> <span class="ident">status</span>
-  <span class="ident">task</span> <span class="punct">=</span> <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span>
-  <span class="ident">task</span><span class="punct">[</span><span class="symbol">:done</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">status</span>
-  <span class="constant">TodoList</span><span class="punct">[</span><span class="ident">title</span><span class="punct">]</span> <span class="punct">=</span> <span class="ident">task</span>
-<span class="keyword">end</span></code></pre>
+<pre class="iplastic"><code class="ruby" lang="ruby"><span class="Keyword">def</span> <span class="FunctionName">task_status</span> title, status
+  task <span class="Keyword">=</span> <span class="Support">TodoList</span>[title]
+  task[<span class="Constant"><span class="Constant">:</span>done</span>] <span class="Keyword">=</span> status
+  <span class="Support">TodoList</span>[title] <span class="Keyword">=</span> task
+<span class="Keyword">end</span>
+</code></pre>
 
 <p>So in fact all we added is a check whether a task already exists, set an error-message in case it doesn&#8217;t and redirect to wherever the browser came from.</p>
 
 <p>But what about actually showing the error-messages we so carefully set? Well, where do we change the view? Right, in the templates. But both templates we have so far (index and new) share this behaviour, so we head over to the Element and add in the right place:</p>
 
-<pre><code>&lt;body&gt;
-  &lt;h1&gt;#{@title}&lt;/h1&gt;
-  &lt;?r if flash[:error] ?&gt;
-    &lt;div class=&quot;error&quot;&gt;
-      \\#{flash[:error]}
-    &lt;/div&gt;
-  &lt;?r end ?&gt;
-  #{content}
-&lt;/body&gt;</code></pre>
+<pre class="iplastic"><code class="ezamar" lang="ezamar"><span class="Tag"><span class="Tag">&lt;</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+  <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>#<span class="EmbeddedSource">{@title}</span><span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">h1</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">if</span> flash<span class="EmbeddedSource">[</span><span class="Constant"><span class="Constant">:</span>error</span><span class="EmbeddedSource">]</span> <span class="EmbeddedSource">?&gt;</span></span>
+    <span class="Tag"><span class="Tag">&lt;</span><span class="TagName">div</span> <span class="TagAttribute">class</span>=<span class="String"><span class="String">&quot;</span>error<span class="String">&quot;</span></span><span class="Tag">&gt;</span></span>
+      \\#<span class="EmbeddedSource">{flash[:error]}</span>
+    <span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">div</span><span class="Tag">&gt;</span></span>
+  <span class="EmbeddedSource"><span class="EmbeddedSource">&lt;?r</span> <span class="Keyword">end</span> <span class="EmbeddedSource">?&gt;</span></span>
+  #<span class="EmbeddedSource">{content}</span>
+<span class="Tag"><span class="Tag">&lt;/</span><span class="TagName">body</span><span class="Tag">&gt;</span></span>
+</code></pre>
 
 <p>The only thing special about it is the <code>\\#{flash[:error]}</code>, we have to escape the <code>#</code> so it won&#8217;t evaluate this immediately but wait until it is really rendered. As a note, If you read this as pure markaby, the double backslash is to output properly to HTML, just use one instead. Again, you can add some nifty style for that.</p>