Blog-post and some changes

- blog-post is mostly ready
- added photo-frame
- feng-shui

webgl-release-demo/TabCamera.qml

@@ -77,6 +77,12 @@ Item {
                         }
                     }
                 }
+
+//                Image {
+//                    anchors.fill: parent
+//                    source: "img/viewfinder.png"
+//                    visible: camera.cameraState == Camera.ActiveState
+//                }
 //                    }
         }
 
@@ -159,7 +165,6 @@ Item {
             }
 
             Image {
-                id: cameraIcon
                 anchors.fill: parent
                 source: "/img/camera.png"
             }

webgl-release-demo/TabPhotos.qml

@@ -58,6 +58,14 @@ Item {
                 fillMode: Image.PreserveAspectFit
                 autoTransform: true
             }
+
+            Image {
+                anchors.fill: parent
+                anchors.margins: 15
+                source: "img/photo-frame.png"
+                fillMode: Image.PreserveAspectFit
+                autoTransform: true
+            }
         }
     }
 }

webgl-release-demo/main.qml

@@ -17,7 +17,7 @@ ApplicationWindow {
     property int maxValue: 70 // degrees for servos (with 20 safety gap)
     property int maxSize: 60 // pixels for sliders items and button
     property string sliderColor: "transparent" // perhaps some styling will take place
-    property bool cameraUpsideDown: true // if you need to rotate viewfinder to 180
+    property bool cameraUpsideDown: false // if you need to rotate viewfinder to 180
 
     Backend { id: backend }
 

webgl-release-demo/qml.qrc

@@ -5,5 +5,7 @@
         <file>MessageBox.qml</file>
         <file>TabPhotos.qml</file>
         <file>TabCamera.qml</file>
+        <file>img/photo-frame.png</file>
+        <file>img/viewfinder.png</file>
     </qresource>
 </RCC>

webgl-release-demo/webgl-release-demo.pro

 QT += quick multimedia
-#QTPLUGIN += qavfcamera
 CONFIG += c++11
 
 # The following define makes your compiler emit warnings if you use