Fixes #2649: Rearrange package index.html.

svn changeset:6922/svn branch:trunk

diff --git a/WebContent/index.html b/WebContent/index.html
index aa0b5803fda7e9487ee9fd48aa0ad6a59fd5acd2..02cbaf26b9abfaa20925d2d69c5f21961bcd74f5 100644 (file)
--- a/WebContent/index.html
+++ b/WebContent/index.html
@@ -15,13 +15,8 @@
                
                var itmill = function() {
                
-                       var isIE = /MSIE/.test(navigator.userAgent) && !window.opera;
                        var packageContent;
                        var package;
-                       var demoArea;
-                       var demos;
-                       var additionalDemos;
-                       var additionalDemosContent;
                
                        return {
                        
@@ -105,24 +100,31 @@
                                <h4>IT Mill Toolkit Sampler</h4>
                                <p><a href="sampler/" title="Open Sampler">Sampler</a> contains examples of most features, as well as combination examples and useful UI patterns that you can use simply by copy-pasting the code.</p>
                                
-                               <h4 id="address-book"><a class="demoapp" href="AddressBook/" title="Open Address Book">Address Book</a></h4>
-                               <h4>Address Book application</h4>
-                               <p>A basic application for managing your contact informations. See the accompanying tutorial and learn how to build the same application.</p>
+                               <h4>Additional demos</h4>
+                               <ul><li><a class="demoapp" href="Reservr">Reservr &ndash; reservation application</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/reservation">sources</a>)</li>
+                                       <li><a class="demoapp" href="ToolkitTunesLayout/">ToolkitTunes &ndash; advanced layout &amp; theme</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/ToolkitTunesLayout.java.html">sources</a>)</li>
+                                       <li><a class="demoapp" href="Coverflow/">Coverflow &ndash; Flex integration</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/coverflow">sources</a>)</li>
+                               </ul>
+                               
+                               
+                               <h2 class="tutorial">Tutorial and Examples</h2>
+                               
+                               <h4 id="address-book">Address Book tutorial</h4>
+                               <p>Read the step-by-step tutorial and learn how to build a simple contacts management application.</p>
                                <ul class="links">
                                        <li><a href="http://itmill.com/documentation/itmill-toolkit-5-tutorial/" class="more">Step-by-step tutorial</a></li>
+                                       <li><a href="AddressBook/" class="more">See Address Book application</a></li>
                                </ul>
                                
                                
                                
                                        
-                               <h4>Additional demos</h4>
-                               <p>Below is a collection of stand-alone demo applications that will help you get started with development.</p>
+                               <h4>More Examples</h4>
+                               <p>Below is a collection of stand-alone demo applications that will help you get started with the actual Toolkit code.</p>
                                <ul>
                                        <li><a class="demoapp" href="HelloWorld/">Hello world</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/HelloWorld.java.html">sources</a>)</li>
                                        <li><a class="demoapp" href="Calc/">Calculator</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/Calc.java.html">sources</a>)</li>
-                                       <li><a class="demoapp" href="Reservr">Reservr &ndash; reservation application</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/reservation">sources</a>)</li>
-                                       <li><a class="demoapp" href="Coverflow/">Coverflow &ndash; Flex integration</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/coverflow">sources</a>)</li>
-                                       <li><a class="demoapp" href="ToolkitTunesLayout/">ToolkitTunes &ndash; advanced layout &amp; theme</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/ToolkitTunesLayout.java.html">sources</a>)</li>
+                                       <li><a class="demoapp" href="colorpicker">Colorpicker &ndash; creating new widgets</a> &nbsp; (<a href="doc/example-source/com/itmill/toolkit/demo/colorpicker">sources</a>)</li>
                                </ul>
                                        
                        </div> <!-- /demos -->