Extensions Docs Server: Doc conversion script - SVN

chrome/common/extensions/docs/server2/templates/articles/app_frameworks.html

-<div id="pageData-name" class="pageData">MVC Architecture</div>
-<div id="pageData-showTOC" class="pageData">true</div>
+<h1>MVC Architecture</h1>
+
 
 <p>
 As modern browsers become more powerful with rich features,
 building full-blown web applications in JavaScript is not only feasible,
 but increasingly popular.
 Based on
 <a href="http://httparchive.org/trends.php?s=intersection&minlabel=Jan+20+2011&maxlabel=Jan+15+2012">trends</a>
 on <a href="http://httparchive.org/">HTTP Archive</a>,
 deployed JavaScript code size has grown 45% over the course of the year.
 </p>
 
-<img src="../images/jstransferrequests.png"
+<img src="{{static}}/images/jstransferrequests.png"
      width="568"
      height="292"
      alt="JS transfer size and JS requests">
 
 <p>
 With JavaScript's popularity climbing,
 our client-side applications are much more complex than before.
 Application development requires collaboration from multiple developers.
 Writing <strong>maintainable</strong> and
 <strong>reusable</strong> code is crucial in the new web app era.
@@ skipping 22 matching lines @@
 MVC offers architectural benefits over standard JavaScript &mdash;
 it helps you write better organized, and therefore more maintainable code.
 This pattern has been used and extensively tested
 over multiple languages and generations of programmers.
 </p>
 
 <p>
 MVC is composed of three components:
 </p>
 
-<img src="../images/mvc.png"
+<img src="{{static}}/images/mvc.png"
      width="466"
      height="303"
      alt="model-view-controller">
 
 <h3>Model</h3>
 
 <p>
 Model is where the application’s data objects are stored.
 The model doesn’t know anything about views and controllers.
 When a model changes, typically it will notify its observers that a change has occurred.
 </p>
 
 <p>
 To understand this further, let’s use the Todo list app, a simple, one page web app that tracks your task list.
 </p>
 
 <br>
 
-<img src="../images/todos.png"
+<img src="{{static}}/images/todos.png"
      width="444"
      height="366"
      alt="model-view-controller">
 
 <p>
 The model here represents attributes associated
 with each todo item such as description and status.
 When a new todo item is created,
 it is stored in an instance of the model.
 </p>
@@ skipping 232 matching lines @@
 
 <ul>
         <li><a href="http://www.amazon.com/JavaScript-Web-Applications-Alex-MacCaw/dp/144930351X">JavaScript Web Applications</a>
                 (By Alex MacCaw)</li>
         <li><a href="http://www.amazon.com/JavaScript-Patterns-Stoyan-Stefanov/dp/0596806752/ref=pd_sim_b_2">JavaScript Patterns</a>
                 (By Stoyan Stefonov)</li>
         <li><a href="http://www.amazon.com/Maintainable-JavaScript-Nicholas-C-Zakas/dp/1449327680">Maintainable JavaScript</a>
                 (By Nicolas Z. Zakas)</li>
 </ul>
 
-<p class="backtotop"><a href="#top">Back to top</a></p>
-
+<p class="backtotop"><a href="#top">Back to top</a></p>