Introduce documentation for Qt Enterprise Embedded Examples

Create documentation structure for Qt Enterprise Embedded
Examples and Demos, including the subprojects from the
/basicsuite subdirectory.

Task-number: QTEE-137
Change-Id: Ic6f9f9fa8cea8b7fa4821508fda93822c0b99ea3
Reviewed-by: Samuli Piippo <samuli.piippo@digia.com>
Reviewed-by: Eirik Aavitsland <eirik.aavitsland@digia.com>

28 files changed, 1028 insertions, 34 deletions

diff --git a/b2qt-demos.pro b/b2qt-demos.pro
index d5943bc..3adc812 100644
--- a/b2qt-demos.pro
+++ b/b2qt-demos.pro
@@ -1,3 +1,4 @@
 TEMPLATE = subdirs
 SUBDIRS += \
-    basicsuite
+    basicsuite \
+    doc
diff --git a/basicsuite/About Boot to Qt/About Boot to Qt.qmlproject b/basicsuite/About Boot to Qt/About Boot to Qt.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/About Boot to Qt/About Boot to Qt.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Controls Layouts/Controls Layouts.qmlproject b/basicsuite/Controls Layouts/Controls Layouts.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Controls Layouts/Controls Layouts.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Controls Touch/Controls Touch.qmlproject b/basicsuite/Controls Touch/Controls Touch.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Controls Touch/Controls Touch.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Graphical Effects/Graphical Effects.qmlproject b/basicsuite/Graphical Effects/Graphical Effects.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Graphical Effects/Graphical Effects.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Media Player/Media Player.qmlproject b/basicsuite/Media Player/Media Player.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Media Player/Media Player.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Photo Gallery/Photo Gallery.qmlproject b/basicsuite/Photo Gallery/Photo Gallery.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Photo Gallery/Photo Gallery.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Qt5 Cinematic Demo/Qt5_CinematicExperience.qmlproject b/basicsuite/Qt5 Cinematic Demo/Qt5 Cinematic Demo.qmlproject
index fd24655..eabee43 100644
--- a/basicsuite/Qt5 Cinematic Demo/Qt5_CinematicExperience.qmlproject
+++ b/basicsuite/Qt5 Cinematic Demo/Qt5 Cinematic Demo.qmlproject
@@ -3,7 +3,7 @@
 import QmlProject 1.1
 
 Project {
-    mainFile: "Qt5_CinematicExperience.qml"
+    mainFile: "main.qml"
 
     /* Include .qml, .js, and image files from current directory and subdirectories */
     QmlFiles {
diff --git a/basicsuite/Qt5 Particles Demo/Qt5 Particles Demo.qmlproject b/basicsuite/Qt5 Particles Demo/Qt5 Particles Demo.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Qt5 Particles Demo/Qt5 Particles Demo.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Qt5 Particles Demo/doc/src/emitters.qdoc b/basicsuite/Qt5 Particles Demo/doc/src/emitters.qdoc
index 5644ab1..9577b06 100644
--- a/basicsuite/Qt5 Particles Demo/doc/src/emitters.qdoc
+++ b/basicsuite/Qt5 Particles Demo/doc/src/emitters.qdoc
@@ -25,36 +25,36 @@
 **
 ****************************************************************************/
 /*!
-    \title QtQuick.Particles Examples - Emitters
-    \example quick/particles/emitters
+    \title QtQuick Particles Emitters
+    \example Qt5 Particles Demo
+    \ingroup b2qt-demos
     \brief This is a collection of examples using Emitters in the QML particle system.
-    \image qml-emitters-example.png
 
     This is a collection of small QML examples relating to using Emitters in the particle system.
     Each example is a small QML file emphasizing a particular element or feature.
 
     Velocity from motion gives the effect of strong particle motion through primarily moving the emitters:
-    \snippet quick/particles/emitters/content/velocityfrommotion.qml 0
+    \snippet Qt5\ Particles\ Demo/content/velocityfrommotion.qml 0
 
     Burst and pulse calls the burst and pulse methods on two idential emitters.
-    \snippet quick/particles/emitters/content/burstandpulse.qml 0
+    \snippet Qt5\ Particles\ Demo/content/burstandpulse.qml 0
     Note how burst takes an argument of number of particles to emit, and pulse takes an argument of number of milliseconds to emit for.
     This gives a slightly different behaviour, which is easy to see in this example.
 
     Custom Emitter connects to the emitParticles signal to set arbitrary values on particle data as they're emitted;
-    \snippet quick/particles/emitters/content/customemitter.qml 0
+    \snippet Qt5\ Particles\ Demo/content/customemitter.qml 0
     This is used to emit curving particles in six rotating spokes.
 
     Emit mask sets an image mask on the Emitter, to emit out of an arbitrary shape.
-    \snippet quick/particles/emitters/content/emitmask.qml 0
+    \snippet Qt5\ Particles\ Demo/content/emitmask.qml 0
 
     Maximum emitted emits no more than a certain number of particles at a time. This example makes it easy to see what happens when the limit is reached.
 
     Shape and Direction emits particles out of an unfilled Ellipse shape, using a TargetDirection
-    \snippet quick/particles/emitters/content/shapeanddirection.qml 0
+    \snippet Qt5\ Particles\ Demo/content/shapeanddirection.qml 0
     This sends the particles towards the center of the ellipse with proportional speed, keeping the ellipse outline as they move to the center.
 
     TrailEmitter uses that element to add smoke particles to trail the fire particles in the scene.
-    \snippet quick/particles/emitters/content/customemitter.qml 0
+    \snippet Qt5\ Particles\ Demo/content/customemitter.qml 0
 
 */
diff --git a/basicsuite/SensorExplorer/doc/src/sensor_explorer.qdoc b/basicsuite/SensorExplorer/doc/src/sensor_explorer.qdoc
index be04215..001642f 100644
--- a/basicsuite/SensorExplorer/doc/src/sensor_explorer.qdoc
+++ b/basicsuite/SensorExplorer/doc/src/sensor_explorer.qdoc
@@ -26,18 +26,18 @@
 ****************************************************************************/
 
 /*!
-    \example sensor_explorer
-    \title Qt Sensors - Explorer QML example
-    \ingroup qtsensors-examples
+    \example SensorExplorer
+    \title Sensor Explorer
+    \brief The Sensor Explorer example demonstrates how to read the meta-data of available sensors.
+    \ingroup b2qt-demos
 
     \section2 Sensor Explorer in QML
-    \brief The Sensor Explorer example demonstrates how to read the meta-data of available sensors.
 
 
     This example is divided into two parts:
 
     \list
-    \li A \l{Sensor Explorer QML Import}{C++ plug-in} that provides QML alternatives for QSensorExplorer, QPropertyInfo and the QSensorItem classes.
+    \li A C++ plug-in that provides QML alternatives for QSensorExplorer, QPropertyInfo and the QSensorItem classes.
     \li A QML Application that uses the QML alternatives to read the sensors meta-data and present it.
     \endlist
 
@@ -54,38 +54,26 @@
 
     Import the Explorer 1.0 declarative plugin:
 
-    \snippet sensor_explorer/sensor_explorer.qml 0
+    \snippet SensorExplorer/main.qml 0
 
     Create a SensorExplorer QML item:
 
-    \snippet sensor_explorer/sensor_explorer.qml 1
+    \snippet SensorExplorer/main.qml 1
 
     You can retrieve a list of all available sensors using the SensorExplorer:
 
-    \snippet sensor_explorer/sensor_explorer.qml 2
+    \snippet SensorExplorer/main.qml 2
 
     To retrieve the properties of a SensorItem use:
 
-    \snippet sensor_explorer/sensor_explorer.qml 3
+    \snippet SensorExplorer/main.qml 3
 
     Changing a property value can be done like:
 
-    \snippet sensor_explorer/sensor_explorer.qml 4
+    \snippet SensorExplorer/main.qml 4
 
     Starting and stopping a sensor can be done like:
 
-    \snippet sensor_explorer/sensor_explorer.qml 5
-*/
-
-/*!
-    \example sensor_explorer/import
-    \title Sensor Explorer QML Import
-
-    \section2 Sensor Explorer Declarative Plugin
-    \brief The Sensor Explorer QML import exports the QSensorExplorer, QPropertyInfo and the QSensorItem class as a QML type.
-
-    This example creates the \e {Explorer 1.0} import.
-
-    \sa {Qt Sensors - Explorer QML example}
+    \snippet SensorExplorer/main.qml 5
 */
 
diff --git a/basicsuite/Sensors/Sensors.qmlproject b/basicsuite/Sensors/Sensors.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Sensors/Sensors.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/basicsuite/Text Input/Text Input.qmlproject b/basicsuite/Text Input/Text Input.qmlproject
new file mode 100644
index 0000000..4d32f75
--- /dev/null
+++ b/basicsuite/Text Input/Text Input.qmlproject
@@ -0,0 +1,18 @@
+import QmlProject 1.1
+
+Project {
+    mainFile: "main.qml"
+
+    /* Include .qml, .js, and image files from current directory and subdirectories */
+    QmlFiles {
+        directory: "."
+    }
+    JavaScriptFiles {
+        directory: "."
+    }
+    ImageFiles {
+        directory: "."
+    }
+    /* List of plugin directories passed to QML runtime */
+    // importPaths: [ "../exampleplugin" ]
+}
diff --git a/doc/b2qt-demos.qdoc b/doc/b2qt-demos.qdoc
new file mode 100644
index 0000000..67fe0fa
--- /dev/null
+++ b/doc/b2qt-demos.qdoc
@@ -0,0 +1,111 @@
+/****************************************************************************
+**
+** Copyright (C) 2013 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use the contact form at
+** http://qt.digia.com/
+**
+** This file is part of Qt Enterprise Embedded.
+**
+** Licensees holding valid Qt Enterprise licenses may use this file in
+** accordance with the Qt Enterprise License Agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** the contact form at http://qt.digia.com/
+**
+****************************************************************************/
+
+/*!
+    \contentspage{b2qt-demos.html}{Qt Enterprise Embedded Examples and Demos}
+    \group b2qt-demos
+    \title Qt Enterprise Embedded Examples and Demos
+
+    \SDK has a number of examples and demos. These are included in the
+    \B2Q images, available in the launcher that is run by default at
+    startup.
+
+    In Qt Creator, you can find and open them from \b Welcome > \b Examples
+    by selecting a \c {Boot2Qt} version of Qt from the drop-down list.
+*/
+
+/*!
+    \example About Boot to Qt
+    \title About Boot to Qt
+    \ingroup b2qt-demos
+    \brief Displays information about the Boot to Qt software stack.
+*/
+
+/*!
+    \example Camera
+    \title Camera
+    \ingroup b2qt-demos
+    \brief Demonstrates using camera in a QML application.
+*/
+
+/*!
+    \example Controls Layouts
+    \title Controls Layouts
+    \ingroup b2qt-demos
+    \brief Demonstrates using Qt Quick Controls Layouts.
+*/
+
+/*!
+    \example Controls Touch
+    \title Controls Touch
+    \ingroup b2qt-demos
+    \brief Demonstrates a touch UI implemented with Qt Quick Controls.
+*/
+
+/*!
+    \example Graphical Effects
+    \title Graphical Effects
+    \ingroup b2qt-demos
+    \brief Demonstrates the different graphical effects that can be used in a QML application.
+*/
+
+/*!
+    \example Media Player
+    \title Media Player
+    \ingroup b2qt-demos
+    \brief A media player implemented in QML.
+*/
+
+/*!
+    \example Photo Gallery
+    \title Photo Gallery
+    \ingroup b2qt-demos
+    \brief A photo gallery implemented in QML.
+*/
+
+/*!
+    \example Qt5 Cinematic Demo
+    \title Qt5 Cinematic Demo
+    \ingroup b2qt-demos
+    \brief A cool demonstration of the graphical prowess of Qt 5 and Qt Quick 2.
+*/
+
+/*!
+    \example Qt5Everywhere
+    \title Qt 5 Everywhere
+    \ingroup b2qt-demos
+    \brief Highlights the versatility and cross-platform capability of Qt
+
+    The Qt 5 Everywhere demo shows how to use different user interface styles in several platforms and device types with one source code.
+*/
+
+/*!
+    \example Sensors
+    \title Sensors
+    \ingroup b2qt-demos
+    \brief Demostrates using the accelerometer and light sensors in a QML application.
+*/
+
+/*!
+    \example Text Input
+    \title Text Input
+    \ingroup b2qt-demos
+    \brief Demostrates text input capabilities and the virtual keyboard in a QML application.
+*/
+
diff --git a/doc/b2qt-demos.qdocconf b/doc/b2qt-demos.qdocconf
new file mode 100644
index 0000000..068ed36
--- /dev/null
+++ b/doc/b2qt-demos.qdocconf
@@ -0,0 +1,47 @@
+include(html-offline.qdocconf)
+
+naturallanguage              = en_US
+outputencoding               = UTF-8
+sourceencoding               = UTF-8
+
+project                      = QtEnterpriseEmbeddedDemos
+description                  = Qt Enterprise Embedded Examples and Demos
+version                      = 2.0.0
+
+sourcedirs                   = .
+imagedirs                   += images
+
+sources.fileextensions       = "*.qdoc"
+
+examples.fileextensions      = "*.cpp *.h *.js *.xq *.svg *.xml *.ui *.qhp *.qhcp *.qml *.css"
+examples.imageextensions     = "*.png *.jpg *.gif"
+
+exampledirs                  = ../basicsuite
+examplesinstallpath          = ../../../../sources/b2qt-demos/basicsuite
+
+qhp.projects                 = QtEnterpriseEmbeddedDemos
+
+qhp.QtEnterpriseEmbeddedDemos.file                = b2qt-demos.qhp
+qhp.QtEnterpriseEmbeddedDemos.namespace           = com.digia.b2qt-demos.200
+qhp.QtEnterpriseEmbeddedDemos.virtualFolder       = b2qt-demos
+qhp.QtEnterpriseEmbeddedDemos.indexTitle          = Qt Enterprise Embedded Examples and Demos
+qhp.QtEnterpriseEmbeddedDemos.indexRoot           =
+
+qhp.QtEnterpriseEmbeddedDemos.subprojects                  = demos
+qhp.QtEnterpriseEmbeddedDemos.subprojects.demos.title      = Qt Enterprise Embedded Examples and Demos
+qhp.QtEnterpriseEmbeddedDemos.subprojects.demos.indexTitle = Qt Enterprise Embedded Examples and Demos
+
+# Add a thumbnail for all examples
+manifestmeta.filters               = thumbnail
+manifestmeta.thumbnail.attributes  = "imageUrl:qthelp\://com.digia.b2qt-demos.200/b2qt-demos/images/b2qt-demo.png"
+manifestmeta.thumbnail.tags        = "b2qt,qtee"
+manifestmeta.thumbnail.names       = "QtEnterpriseEmbeddedDemos/*"
+
+# Add an image used in example manifests to qhp
+HTML.extraimages                             += images/b2qt-demo.png
+qhp.QtEnterpriseEmbeddedDemos.extraFiles     += images/b2qt-demo.png
+
+macro.B2Q                    = "Boot to Qt"
+macro.SDK                    = "Qt Enterprise Embedded"
+
+navigation.landingpage = "Qt Enterprise Embedded Examples and Demos"
diff --git a/doc/doc.pro b/doc/doc.pro
new file mode 100644
index 0000000..9c84012
--- /dev/null
+++ b/doc/doc.pro
@@ -0,0 +1,3 @@
+TEMPLATE = aux
+QMAKE_DOCS = $$PWD/b2qt-demos.qdocconf
+
diff --git a/doc/html-offline.qdocconf b/doc/html-offline.qdocconf
new file mode 100644
index 0000000..cd95334
--- /dev/null
+++ b/doc/html-offline.qdocconf
@@ -0,0 +1,54 @@
+HTML.nobreadcrumbs    = "true"
+
+HTML.stylesheets      = template/style/offline.css
+
+# Copy images used by the template to images folder in output directory
+HTML.extraimages      = template/images/bgrContent.png \
+                        template/images/blu_dot.png \
+                        template/images/btn_next.png \
+                        template/images/btn_prev.png \
+                        template/images/ico_note.png \
+                        template/images/ico_note_attention.png \
+                        template/images/ico_out.png \
+                        template/images/arrow_bc.png \
+                        template/images/home.png
+
+# Add style-related files into qch package
+qhp.extraFiles       += style/offline.css \
+                        images/bgrContent.png \
+                        images/blu_dot.png \
+                        images/btn_next.png \
+                        images/btn_prev.png \
+                        images/ico_note.png \
+                        images/ico_note_attention.png \
+                        images/ico_out.png \
+                        images/home.png \
+                        images/arrow_bc.png
+
+HTML.headerstyles = \
+    "  <link rel=\"stylesheet\" type=\"text/css\" href=\"style/offline.css\" />\n"
+
+HTML.endheader = \
+    "</head>\n" \
+    "<body>\n"
+
+HTML.footer = \
+    "  <div class=\"ft\">\n" \
+    "    <span></span>\n" \
+    "  </div>\n" \
+    "</div> \n" \
+    "<div class=\"footer\">\n" \
+    "    <p>\n" \
+    "      <acronym title=\"Copyright\">&copy;</acronym> 2013 Digia Plc and/or its\n" \
+    "      subsidiaries.</p>\n" \
+    "    <p>\n" \
+    "       Licensees holding valid Qt Commercial licenses may use this document in\n" \
+    "       accordance with the Qt Commercial License Agreement provided with the\n" \
+    "       Software or, alternatively, in accordance with the terms contained in a\n" \
+    "       written agreement between you and Digia.<\p>\n" \
+    "    <p>\n" \
+    "      Digia, Qt and their respective logos are trademarks of Digia Plc \n" \
+    "      in Finland and/or other countries worldwide. All other trademarks are property\n" \
+    "      of their respective owners. <a title=\"Privacy Policy\"\n" \
+    "      href=\"http://en.gitorious.org/privacy_policy/\">Privacy Policy</a></p>\n" \
+    "</div>\n"
diff --git a/doc/images/b2qt-demo.png b/doc/images/b2qt-demo.png
new file mode 100644
index 0000000..e798ae2
--- /dev/null
+++ b/doc/images/b2qt-demo.png
diff --git a/doc/template/images/arrow_bc.png b/doc/template/images/arrow_bc.png
new file mode 100644
index 0000000..f2a83a5
--- /dev/null
+++ b/doc/template/images/arrow_bc.png
diff --git a/doc/template/images/bgrContent.png b/doc/template/images/bgrContent.png
new file mode 100644
index 0000000..1a81b03
--- /dev/null
+++ b/doc/template/images/bgrContent.png
diff --git a/doc/template/images/blu_dot.png b/doc/template/images/blu_dot.png
new file mode 100644
index 0000000..c332148
--- /dev/null
+++ b/doc/template/images/blu_dot.png
diff --git a/doc/template/images/btn_next.png b/doc/template/images/btn_next.png
new file mode 100644
index 0000000..f7bc2b7
--- /dev/null
+++ b/doc/template/images/btn_next.png
diff --git a/doc/template/images/btn_prev.png b/doc/template/images/btn_prev.png
new file mode 100644
index 0000000..10a620c
--- /dev/null
+++ b/doc/template/images/btn_prev.png
diff --git a/doc/template/images/home.png b/doc/template/images/home.png
new file mode 100644
index 0000000..8de6d0c
--- /dev/null
+++ b/doc/template/images/home.png
diff --git a/doc/template/images/ico_note.png b/doc/template/images/ico_note.png
new file mode 100644
index 0000000..1379404
--- /dev/null
+++ b/doc/template/images/ico_note.png
diff --git a/doc/template/images/ico_note_attention.png b/doc/template/images/ico_note_attention.png
new file mode 100644
index 0000000..b85b696
--- /dev/null
+++ b/doc/template/images/ico_note_attention.png
diff --git a/doc/template/images/ico_out.png b/doc/template/images/ico_out.png
new file mode 100644
index 0000000..ff6e458
--- /dev/null
+++ b/doc/template/images/ico_out.png
diff --git a/doc/template/style/offline.css b/doc/template/style/offline.css
new file mode 100644
index 0000000..3bab27b
--- /dev/null
+++ b/doc/template/style/offline.css
@@ -0,0 +1,628 @@
+body{
+font: normal 400 14px/1.2 Arial;
+margin-top:85px;
+font-family: Arial, Helvetica;
+color:#313131;
+text-align:justify;
+margin-left:5px;
+margin-right:5px;
+}
+
+img{
+-moz-box-shadow: 3px 3px 3px #ccc;
+-webkit-box-shadow: 3px 3px 3px #ccc;
+box-shadow: 3px 3px 3px #ccc;
+border:#8E8D8D 2px solid;
+margin-left:0px;
+max-width: 800px;
+height: auto
+}
+
+b{
+font-weight:600;
+}
+
+.content{}
+
+.descr{
+margin-top:35px;
+/*max-width: 75%;*/
+margin-left:5px;
+text-align:justify;
+min-height:700px;
+vertical-align:top;
+}
+
+.name{
+max-width: 75%;
+font-weight:100;
+}
+
+tt{
+text-align:left;}
+
+/*
+-----------
+links
+-----------
+*/
+
+a:link{
+color: #2C418D;
+text-decoration: none;
+text-align:left;
+}
+
+a:hover{
+color: #869CD1;
+text-decoration:underline;
+text-align:left;
+}
+
+a:visited{
+color: #869CD1;
+text-decoration: none;
+text-align:left;
+}
+
+a:visited:hover{
+text-decoration:underline;
+text-align:left;
+}
+
+a[href*="http://"], a[href*="ftp://"],a[href*="https://"]
+{
+text-decoration: none;
+background-image:url(../images/ico_out.png);
+background-repeat:no-repeat;
+background-position:left;
+padding-left:20px;
+text-align:left;
+}
+
+.flags{
+text-decoration:none;
+text-height:24px;
+}
+
+/*
+-------------------------------
+NOTE styles
+-------------------------------
+*/
+.notetitle, .tiptitle, .fastpathtitle{
+font-weight:bold;
+}
+
+.attentiontitle,.cautiontitle,.dangertitle,.importanttitle,.remembertitle,.restrictiontitle{
+font-weight:bold;
+}
+
+.note,.tip,.fastpath{
+background: #F2F2F2 url(../images/ico_note.png);
+background-repeat: no-repeat;
+background-position: top left;
+padding:5px;
+padding-left:40px;
+padding-bottom:10px;
+border:#999 1px dotted;
+color:#666666;
+margin:5px;
+}
+
+.attention,.caution,.danger,.important,.remember,.restriction{
+background: #F2F2F2 url(../images/ico_note_attention.png);
+background-repeat:no-repeat;
+background-position:top left;
+padding:5px;
+padding-left:40px;
+padding-bottom:10px;
+border:#999 1px dotted;
+color:#666666;
+margin:5px;
+}
+
+/*
+-------------------------------
+Top navigation
+-------------------------------
+*/
+
+.header{
+
+height:1px;
+padding:0px;
+margin:0px;
+}
+
+.qtref{
+display: block;
+position: relative;
+top: -76px;
+height:15px;
+z-index: 1;
+font-size:11px;
+padding-right:10px;
+float:right;
+}
+
+.naviNextPrevious{
+display: block;
+position: relative;
+text-align: right;
+top: -53px;
+float:right;
+height:20px;
+z-index:1;
+padding-right:10px;
+padding-top:2px;
+vertical-align:top;
+margin:0px;
+}
+
+
+.naviNextPrevious > a.prevPage {
+background-image:url(../images/btn_prev.png);
+background-repeat:no-repeat;
+background-position:left;
+padding-left:20px;
+height:20px;
+padding-left:20px;
+}
+
+.naviNextPrevious > a.nextPage {
+background-image:url(../images/btn_next.png);
+background-repeat:no-repeat;
+background-position:right;
+padding-right:20px;
+height:20px;
+margin-left:30px;
+}
+
+.breadcrumb{
+display: block;
+position: relative;
+top:-20px;
+/*border-top:2px solid #ffffff;*/
+border-bottom: 1px solid #cecece;
+background-color:#F2F2F2;
+z-index:1;
+height:20px;
+padding:0px;
+margin:0px;
+padding-left:10px;
+padding-top:2px;
+margin-left:-5px;
+margin-right:-5px;
+}
+
+.breadcrumb ul{
+ margin:0px;
+ padding:0px;
+}
+
+.breadcrumb ul li{
+background-color:#F2F2F2;
+list-style-type:none;
+padding:0;
+margin:0;
+height:20px;
+}
+
+.breadcrumb li{
+float:left;
+}
+
+.breadcrumb .first {
+background:url(../images/home.png);
+background-position:left;
+background-repeat:no-repeat;
+padding-left:20px;
+}
+
+
+.breadcrumb li a{
+color:#2C418D;
+display:block;
+text-decoration:none;
+background:url(../images/arrow_bc.png);
+background-repeat:no-repeat;
+background-position:right;
+padding-right:25px;
+padding-left:10px;
+}
+
+.breadcrumb li a:hover{
+color:#909090;
+display:block;
+text-decoration:none;
+background:url(../images/arrow.png);
+background-repeat:no-repeat;
+background-position:right;
+padding-right:20px;
+padding-left:10px;
+}
+
+
+/* table of content
+no display
+*/
+
+/*
+-----------
+headers
+-----------
+*/
+
+
+@media screen{
+.title{
+color:#313131;
+font-size: 18px;
+font-weight: normal;
+left: 0;
+padding-bottom: 20px;
+padding-left: 10px;
+padding-top: 20px;
+position: absolute;
+right: 0;
+top: 0;
+background-color:#E6E6E6;
+border-bottom: 1px #CCC solid;
+border-top: 2px #CCC solid;
+font-weight:bold;
+margin-left:0px;
+margin-right:0px;
+}
+}
+
+h1 {
+margin: 0;
+}
+
+h2, p.h2 {
+font: 500 16px/1.2 Arial;
+font-weight:100;
+background-color:#F2F3F4;
+padding:4px;
+padding-left: 14px;
+margin-bottom:30px;
+margin-top:30px;
+margin-left: -10px;
+margin-right: -5px;
+border-top:#E0E0DE 1px solid;
+border-bottom: #E0E0DE 1px solid;
+}
+
+h3{
+
+font: 500 14px/1.2 Arial;
+font-weight:100;
+text-decoration:underline;
+margin-bottom:30px;
+margin-top:30px;
+}
+
+h3.fn,span.fn{
+border-width: 1px;
+border-style: solid;
+border-color: #E6E6E6;
+-moz-border-radius: 7px 7px 7px 7px;
+-webkit-border-radius: 7px 7px 7px 7px;
+border-radius: 7px 7px 7px 7px;
+background-color: #F6F6F6;
+word-spacing: 3px;
+padding: 5px 5px;
+text-decoration:none;
+font-weight:bold;
+max-width:75%;
+font-size:14px;
+margin:0px;
+margin-top:30px;
+
+}
+
+.name{
+color:#1A1A1A;
+}
+.type{
+color:#808080;
+}
+
+
+
+@media print {
+.title {
+color:#0066CB;
+font-family:Arial, Helvetica;
+font-size: 32px;
+font-weight: normal;
+left: 0;
+position: absolute;
+right: 0;
+top: 0;
+}
+}
+
+
+/*
+-----------------
+table styles
+-----------------
+*/
+.table img {
+border:none;
+margin-left:0px;
+-moz-box-shadow:0px 0px 0px #fff;
+-webkit-box-shadow: 0px 0px 0px #fff;
+box-shadow: 0px 0px 0px #fff;
+}
+
+/* table with border alternative colors*/
+
+ table,pre{
+-moz-border-radius: 7px 7px 7px 7px;
+-webkit-border-radius: 7px 7px 7px 7px;
+ border-radius: 7px 7px 7px 7px;
+background-color: #F6F6F6;
+border: 1px solid #E6E6E6;
+border-collapse: separate;
+font-size: 12px;
+line-height: 1.2;
+margin-bottom: 25px;
+margin-left: 15px;
+font-size: 12px;
+line-height: 1.2;
+margin-bottom: 25px;
+margin-left: 15px;
+}
+
+
+table th{
+text-align:left;
+padding-left:20px;
+}
+
+table td {
+padding: 3px 15px 3px 20px;
+border-bottom:#CCC dotted 1px;
+}
+table p { margin:0px;}
+
+table tr.even {
+background-color: white;
+color: #66666E;
+}
+
+table tr.odd {
+background-color: #F6F6F6;
+color: #66666E;
+}
+
+
+table thead {
+text-align:left;
+padding-left:20px;
+background-color:#e1e0e0;
+border-left:none;
+border-right:none;
+}
+
+table thead th {
+padding-top:5px;
+padding-left:10px;
+padding-bottom:5px;
+border-bottom: 2px solid #D1D1D1;
+padding-right:10px;
+}
+
+
+/* table bodless & white*/
+
+.borderless {
+border-radius: 0px 0px 0px 0px;
+background-color: #fff;
+border: 1px solid #fff;
+}
+
+.borderless tr {
+background-color: #FFF;
+color: #66666E;
+}
+
+.borderless td {
+border:none;
+border-bottom:#fff dotted 1px;
+}
+
+/*
+-----------
+List
+-----------
+*/
+
+ul{
+padding-bottom:2px;
+}
+
+li {
+margin-bottom: 10px;
+padding-left: 8px;
+list-style:outside;
+list-style-type:square;
+text-align:left;
+}
+
+
+ol{
+margin:10px;
+padding:0;
+}
+
+ol > li{
+margin-left: 30px;
+padding-left:8px;
+list-style:decimal;
+}
+
+.centerAlign{
+text-align: left;
+}
+
+.cpp{
+display: block;
+margin: 10;
+overflow: hidden;
+overflow-x: hidden;
+overflow-y: hidden;
+padding: 20px 0 20px 0;
+}
+
+.footer{
+margin-top: 50px;
+padding-left:5px;
+margin-bottom: 10px;
+font-size:10px;
+border-top: 1px solid #999;
+padding-top:11px;
+}
+
+.footer a[href*="http://"], a[href*="ftp://"],a[href*="https://"]{
+background-size: 13px 11px;
+padding-left: 16px;
+}
+
+.footerNavi{
+width:auto;
+text-align:right;
+margin-top:50px;
+z-index:1;
+}
+
+.memItemLeft{
+padding-right: 3px;
+}
+
+.memItemRight{
+padding: 3px 15px 3px 0;
+}
+
+.qml{
+display: block;
+margin: 10;
+overflow: hidden;
+overflow-x: hidden;
+overflow-y: hidden;
+padding: 20px 0 20px 0;
+}
+
+.qmldefault{
+padding-left: 5px;
+float: right;
+color: red;
+}
+
+.qmlreadonly{
+padding-left: 5px;
+float: right;
+color: #254117;
+}
+
+.rightAlign{
+padding: 3px 5px 3px 10px;
+text-align: right;
+}
+
+/*
+-----------
+Content table
+-----------
+*/
+
+@media print{
+.toc {
+float: right;
+padding-bottom: 10px;
+padding-top: 50px;
+width: 100%;
+background-image:url(../images/bgrContent.png);
+background-position:top;
+background-repeat:no-repeat;
+}
+}
+
+@media screen{
+.toc{
+clear:both;
+float:right;
+vertical-align:top;
+-moz-border-radius: 7px 7px 7px 7px;
+-webkit-border-radius: 7px 7px 7px 7px;
+border-radius: 7px 7px 7px 7px;
+ background:#FFF url(../images/bgrContent.png);
+background-position:top;
+background-repeat:repeat-x;
+border: 1px solid #E6E6E6;
+padding-left:5px;
+padding-bottom:10px;
+height: auto;
+width: 200px;
+text-align:left;
+z-index:2;
+margin-left:20px;
+margin-right:20px;
+margin-top:0px;
+padding-top:0px;
+}
+}
+
+.toc h3{
+text-decoration:none;
+}
+
+.toc h3{font: 500 14px/1.2 Arial;
+font-weight:100;
+padding:0px;
+margin:0px;
+padding-top:5px;
+padding-left:5px;
+}
+
+
+.toc ul{
+width:160px;
+padding-left:10px;
+padding-right:5px;
+padding-top:10px;
+}
+
+.toc ul li{
+margin-left:20px;
+list-style-image:url(../images/blu_dot.png);
+list-style:outside;
+
+}
+
+
+.toc ul li a:link{
+color: #2C418D;
+text-decoration: none;
+}
+
+.toc ul li a:hover{
+color: #869CD1;
+text-decoration:underline;
+
+}
+
+.toc ul li a:visited{
+color: #869CD1;
+font-weight: bold;
+}
+
+.level1{
+border:none;}
+
+.clearfix{
+clear:both;}
+