From dd25dfe239605073c147c10de488ccee1fbea40a 2012-02-27 09:23:21
From: Michal Klocek <michal.klocek@digia.com>
Date: 2012-02-27 09:23:21
Subject: [PATCH] Reformats about page

---

diff --git a/doc/src/index.qdoc b/doc/src/index.qdoc
index 102f8d2..efe0e0a 100644
--- a/doc/src/index.qdoc
+++ b/doc/src/index.qdoc
@@ -1,21 +1,29 @@
 /*!
     \page index.html
-    \title About QCharts
     \keyword About
 
 	\raw HTML
     <div class="qchart">
      <img src="images/qt_commercial_logo.png" alt="qtcommercial"/>
 
-     <p>QCharts is a part of Qt Commercial addons package. It provides a set of simple chart components which are available for Qt Commercial customers.
-        It uses Qt Graphics View Framework, therefore charts can be easily integrated 2d modern user interfaces.
-        TODO: Introduction... With QCharts you can easily create impressive graphs of your data in Qt and QtQuick applications...</p>
+     <p>
+     QCharts is a part of Qt Commercial addons package. It provides a set of simple chart components which are available for Qt Commercial customers.
+     It uses Qt Graphics View Framework, therefore charts can be easily integrated 2D modern user interfaces. QCharts can be used as QWidgets, QGraphicsWidget or QML elements.
+     Users can easily create impressive graphs by selecting one of the charts themes. 
+     </p>
+    <table><tr>
+    <td><img src="images/linechart.png" alt="linechart" /></td>
+    <td><img src="images/chartview_example_bar.jpg " alt="barchart" /></td>
+    <td><img src="images/chartview_example_pie.jpg " alt="piechart" /></td>
+    </tr>
+    <tr>
+    <td><img src="images/chartview_example.jpg " alt="linechart" /></td>
+    <td><img src="images/chartview_example_scatter.jpg " alt="scatterchart" /></td>
+    <td><img src="images/chartview_example_theme.jpg " alt="themechart" /></td>
+    </tr>
+    </table> 
      </div>
 	\endraw
-    
-    For example, to create a chart with line series using a widget based application (TODO: decent screen shots):
-
-    \snippet ../example/chartview/main.cpp 1
-    \image chartview_example.jpg
-
+	
+	 
 */
diff --git a/doc/style/offline.css b/doc/style/offline.css
index d271745..56ff06b 100644
--- a/doc/style/offline.css
+++ b/doc/style/offline.css
@@ -1,11 +1,24 @@
 @media screen
 {
 
+    .qchart
+    {
+	width: 80%;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 50px;
+    }
+
     .qchart img
     { 
      float:left;
     }
 
+    .qchart table
+    { 
+     	margin-top: 50px;
+    }
+
 /* basic elements */
     html
     {