getting_started.html in motion-prime-0.4.5

- old
+ new

@@ -96,12 +96,12 @@
               
               <div class="pilwrap ">
                 <a class="pilcrow" href="#section-4">&#182;</a>
               </div>
               <p><strong>2. Create application delegate.</strong></p>
-<p>You should rewrite the <code>on_load</code> method, which will be runned after starting application.
-Note: you should always use AppDelegate class name.</p>
+<p>You should rewrite the <code>on_load</code> method, which will be runned after starting application.</p>
+<p>NOTE: you should always use AppDelegate class name.</p>
 
             </div>
             
             <div class="content"><div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">AppDelegate</span> <span class="inheritance">&lt; <span class="parent">Prime::BaseAppDelegate</span></span></span>
   <span class="function"><span class="keyword">def</span> <span class="title">on_load</span><span class="params">(app, options)</span></span>
@@ -118,10 +118,11 @@
               <div class="pilwrap ">
                 <a class="pilcrow" href="#section-5">&#182;</a>
               </div>
               <p><strong>3. Create the main screen.</strong></p>
 <p>You should rewrite the <code>render</code> method, which will be runned after first opening screen.</p>
+<p>NOTE: it&#39;s recommended to use instance variables for sections, e.g. <code>@main_section</code> instead of <code>main_section</code>.</p>
 
             </div>
             
             <div class="content"><div class='highlight'><pre><span class="class"><span class="keyword">class</span> <span class="title">MainScreen</span> <span class="inheritance">&lt; <span class="parent">Prime::BaseScreen</span></span></span>
   title <span class="string">'Main screen'</span>
@@ -162,12 +163,12 @@
                 <a class="pilcrow" href="#section-7">&#182;</a>
               </div>
               <p><strong>5. Create your first stylesheet file.</strong></p>
 <p>Styles will be applied to each element in section.
 The simplest rule by default is: <code>:section-name_:element-name</code>.</p>
-<p>E.g. if you have &#39;MyProfileSection&#39; (the name for section by default will be - <code>my_profile</code>)
-and &#39;title&#39; element, then you should use <code>my_profile_title</code> style name.</p>
+<p>E.g. if you have &quot;MyProfileSection&quot; (the name for section by default will be - <code>my_profile</code>)
+and &quot;title&quot; element, then you should use <code>my_profile_title</code> style name.</p>
 
             </div>
             
             <div class="content"><div class='highlight'><pre><span class="constant">Prime::Styles</span>.define <span class="keyword">do</span>
   style <span class="symbol">:my_profile_title</span>, <span class="symbol">width:</span> <span class="number">300</span>, <span class="symbol">height:</span> <span class="number">20</span>
@@ -180,10 +181,10 @@
             <div class="annotation">
               
               <div class="pilwrap ">
                 <a class="pilcrow" href="#section-8">&#182;</a>
               </div>
-              <p>Also, you can pass namespace to <code>define</code> method.</p>
+              <p>You can pass namespace to <code>define</code> method.</p>
 
             </div>
             
             <div class="content"><div class='highlight'><pre><span class="constant">Prime::Styles</span>.define <span class="symbol">:my_profile</span> <span class="keyword">do</span>
   style <span class="symbol">:title</span>, <span class="symbol">width:</span> <span class="number">300</span>, <span class="symbol">height:</span> <span class="number">20</span>