implement small prototype showing a use case of renderjs

poc/renderjs/gadget/article.html

+<h1>Article Header</h1>
+
+<p>Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.</p>
+
+<h2>Article Subhead</h2>
+
+<p>Vestibulum lacus erat, volutpat vel dignissim at, fringilla ut felis.</p>

poc/renderjs/gadget/nagivation.html

+<h1><a href="/">Page Title</a></h1>
+
+<nav>
+
+  <ol>
+    <li><a href="">Nav Link 1</a></li>
+    <li><a href="">Nav Link 2</a></li>
+    <li><a href="">Nav Link 3</a></li>
+  </ol>
+
+</nav>

poc/renderjs/index.html

@@ -26,53 +26,21 @@
 <div class="wrapper"><!-- not needed? up to you: http://camendesign.com/code/developpeurs_sans_frontieres -->
 
   <header>
-
-    <h1><a href="/">Page Title</a></h1>
-    
-    <nav>
-    
-      <ol>
-        <li><a href="">Nav Link 1</a></li>
-        <li><a href="">Nav Link 2</a></li>
-        <li><a href="">Nav Link 3</a></li>
-      </ol>
-    
-    </nav>
-  
+    <div id="gadget-header"/>
   </header>
   
   <article>
-    
-    <h1>Article Header</h1>
-    
-    <p>Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.</p>
-    
-    <h2>Article Subhead</h2>
-    
-    <p>Vestibulum lacus erat, volutpat vel dignissim at, fringilla ut felis.</p>
+
+    <div id="gadget-article">
   
   </article>
   
-  <aside>
-  
-    <h2>Sidebar Content</h2>
-  
-  </aside>
-  
-  <footer>
-    
-    <p><small>&copy; Copyright Your Name Here 2011. All Rights Reserved.</small></p>
-    
-  </footer>
-
 </div>
 
 <!-- here comes the javascript -->
 
-<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
-<script>window.jQuery || document.write("<script src='lib/js/jquery-1.5.1.min.js'>\x3C/script>")</script>
-<script src="js/render.js"></script>
+<script src="lib/js/jquery-1.5.1.min.js"></script>
+<script src="js/renderjs.js"></script>
 
 <!-- this is where we put our custom functions -->
 <script src="js/renderjs_poc.js"></script>

poc/renderjs/js/renderjs_poc.js

+/* trigger when page is ready */
+$(document).ready(function (){
+
+  TabbularGadget.addNewTabGadget('gadget/nagivation.html','gadget-header',undefined);
+  TabbularGadget.addNewTabGadget('gadget/article.html','gadget-article',undefined);
+
+});
\ No newline at end of file