"Documentation" draft

svn changeset:12474/svn branch:6.3

diff --git a/WebContent/index.html b/WebContent/index.html
index 420e29e69de257e0a8bffeb48a2d73264020a6ea..9f8e1100f5f109b9685e9a12cf4ff4240863cc1c 100644 (file)
--- a/WebContent/index.html
+++ b/WebContent/index.html
@@ -73,8 +73,8 @@
                                        <h4 title="Write Java">Programming Model</h4>
                                        
                                        <div class="col2">
-                                               <h5>Server side Java Only</h5>
-                                               <p>Forget about the client and RPC, you're only working with the server-side code. This separates Vaadin from similar client oriented Java frameworks such as GWT.</p>
+                                               <h5>Server-side Java</h5>
+                                               <p>Forget about the browser and RPC, you're working with server-side code. This separates Vaadin from client oriented Java frameworks such as GWT.</p>
                                        </div>
                                        
                                        <div class="col2">
@@ -93,7 +93,7 @@
                                        
                                        <div class="newline col2">
                                                <h5>Architecture Diagram</h5>
-                                               <p>Learn how Vaadin integrates with different platforms and other frameworks and where your code fits in.</p>
+                                               <p>Learn how Vaadin integrates with different platforms and other frameworks, and where your code fits in.</p>
                                                <a class="thumb" href="demo/img/vaadin-overall-architecture.png" rel="zoombox">
                                                        <img src="demo/img/icons/architecture.png" />
                                                        <span></span>
@@ -102,7 +102,7 @@
                                        
                                        <div class="col2">
                                                <h5>Short Development Example</h5>
-                                               <p>Watch as we create a document editor step by step in less than 10 minutes using the Eclipse IDE.</p>
+                                               <p>Watch how to create a document editor in less than 10 minutes using the Eclipse IDE.</p>
                                                <a class="thumb video" href="http://www.youtube.com/watch?v=u-a3VQF90kw" rel="zoombox">
                                                        <img src="demo/img/icons/dev-video.png" />
                                                        <span>Vaadin step-by-step (10 min)</span>
@@ -123,22 +123,22 @@
                                        
                                        <div class="col4">
                                                <h5>Looks the Way You Want It To</h5>
-                                               <p>Vaadin comes with two great themes to get you started.</p><p>But since individual apps have individual needs, Vaadin makes it easy to customize the look of your application with only CSS.</p>
+                                               <p>Vaadin comes with two great themes to get you started. Since individual apps have individual needs, Vaadin makes it easy to customize the look of your application using only CSS.</p>
                                        </div>
                                        
                                        <div class="newline col4">
                                                <h5>Built-in Themes</h5>
                                                <div class="col2">
-                                                       <a class="thumb" href="/ReindeerTheme">
+                                                       <a class="thumb" href="ReindeerTheme">
                                                                <img src="demo/img/icons/reindeer.png" />
                                                                <span><strong>Reindeer</strong>One theme &ndash; multiple looks</span>
                                                        </a>
                                                </div>
                                                <div class="col2">
-                                                       <a class="thumb" href="/RunoTheme">
-                                                               <img src="demo/img/icons/runo.png" />
+                                                       <span class="thumb">
+                                                               <img class="thumb" src="demo/img/icons/runo.png" />
                                                                <span><strong>Runo</strong>Clean and easy to extend</span>
-                                                       </a>
+                                                       </span>
                                                </div>
                                        </div>
                                        
@@ -163,7 +163,7 @@
                                        <div class="col4">
                                                <h5>More?</h5>
                                                <ul>
-                                                       <li><a href="http://vaadin.com/directory#browse/type/2">Browser themes category in the Directory</a></li>
+                                                       <li><a href="http://vaadin.com/directory#browse/type/2">Browse the themes category in the Directory</a></li>
                                                </ul>
                                        </div>
                                </li>
@@ -172,7 +172,7 @@
                                        <h4 title="Add-ons">Extending, Packaging and Distributing</h4>
                                        <div class="col2">
                                                <h5>Add-on Architecture</h5>
-                                               <p>Vaadin has a unique add-on architecture. Add-ons, such as new components/widgets can be packaged as single JARs, which can then be used in other projects just by dropping it to your project’s classpath.</p>
+                                               <p>Vaadin has a unique add-on architecture. Add-ons, such as new components/widgets can be packaged as single JARs, which can then be used in other projects just by adding them to the project's classpath.</p>
                                        </div>
                                        <div class="col2">
                                                <h5>Browse Add-ons</h5>
@@ -200,6 +200,24 @@
                                
                                <li id="documentation" class="tab">
                                        <h4 title="Documentation">Best Documentation Around</h4>
+                                       <div class="col2">
+                                               <h5>Documentation is the key to understanding</h5>
+                                               <p>
+                                                               <img src="demo/img/book-of-vaadin.png" />
+                                               </p>
+                                               
+                                                <a href="docs/book-of-vaadin.pdf">Book of Vaadin</a> provides you with all the information you need about Vaadin in a comprehensive form.</p>
+                                               <h5>API</h5>
+                                               <p>When you get down to programming the <a href="docs/api/index.html">Vaadin API Reference Documentation</a> will help you with the classes and the methods.</p>
+                                       </div>
+                                       <div class="col2">
+                                               <h5>DZone Refcard</h5>
+                                               <p>For a quick introduction to Vaadin, check out the <a href="http://refcardz.dzone.com/refcardz/getting-started-vaadin">DZone Vaadin Refcard</a></p>
+                                               <h5>Tutorials</h5>
+                                               <p>Vaadin tutorials provides you with a code-centric introduction to Vaadin.</p>
+                                               <p><a href="http://vaadin.com/tutorial/-/page/">Building a simple address book</a></p>
+                                               <p><a href="http://vaadin.com/tutorial/">More tutorials</a></p>
+                                       </div>
                                </li>
                                
                                <li id="jar" class="tab">