Add demo3 homescreen source codeicefish_8.99.5icefish_8.99.4icefish_8.99.3icefish_8.99.2icefish_8.99.1icefish/8.99.5icefish/8.99.4icefish/8.99.3icefish/8.99.2icefish/8.99.1halibut_8.0.6halibut_8.0.5halibut_8.0.4halibut_8.0.3halibut_8.0.2halibut_8.0.1halibut_8.0.0halibut_7.99.3halibut_7.99.2halibut_7.99.1halibut/8.0.6halibut/8.0.5halibut/8.0.4halibut/8.0.3halibut/8.0.2halibut/8.0.1halibut/8.0.0halibut/7.99.3halibut/7.99.2halibut/7.99.18.99.58.99.48.99.38.99.28.99.18.0.68.0.58.0.48.0.38.0.28.0.18.0.07.99.37.99.27.99.1halibut

Add demo3 homescreen source code

[Patch Set 2]Update LICENSE file.
Change-Id: I22768e87b2e440428cb38b84d52e152f50a4794e
BUG-AGL: SPEC-2261
Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>

52 files changed, 1171 insertions, 0 deletions

diff --git a/homescreen/qml/IconItem.qml b/homescreen/qml/IconItem.qml
new file mode 100644
index 0000000..9099c79
--- /dev/null
+++ b/homescreen/qml/IconItem.qml
@@ -0,0 +1,120 @@
+/*
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.0
+import QtQuick.Controls 2.0
+import QtGraphicalEffects 1.0
+
+Item {
+    id: main
+    width: 320
+    height: 320
+    property string icon: model.icon
+
+    Item {
+        id: container
+        parent: loc
+        x: main.x
+        y: main.y
+        width: main.width
+        height: main.height
+
+        Image {
+            id: item
+            anchors.top: parent.top
+            anchors.topMargin: 20
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: 220
+            height: width
+            source: './images/%1_%2.svg'.arg(model.icon).arg(loc.pressed && (loc.index === model.index || loc.currentId === model.id) ? 'active' : 'inactive')
+            antialiasing: item.state !== ''
+
+            property string initial: model.name.substring(0,1).toUpperCase()
+
+            Item {
+                id: title
+                width: 125
+                height: 125
+                anchors.centerIn: parent
+                Repeater {
+                    delegate: Label {
+                        style: Text.Outline
+                        styleColor: 'red'
+                        color: 'transparent'
+                        font.pixelSize: 125
+                        anchors.centerIn: parent
+                        anchors.horizontalCenterOffset: model.index / 3 - 1
+                        anchors.verticalCenterOffset: model.index % 3 - 1
+                        text: item.initial
+                    }
+                    model: main.icon === 'blank' ? 9 : 0
+                }
+                layer.enabled: true
+                layer.effect: LinearGradient {
+                    gradient: Gradient {
+                        GradientStop { position: -0.5; color: "#6BFBFF" }
+                        GradientStop { position: +1.5; color: "#00ADDC" }
+                    }
+                }
+            }
+        }
+        Label {
+            id: name
+            anchors.top: item.bottom
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.margins: 20
+            font.pixelSize: 25
+            font.letterSpacing: 5
+            wrapMode: Text.WordWrap
+            horizontalAlignment: Text.AlignHCenter
+            color: "white"
+            text: qsTr(model.name.toUpperCase())
+        }
+
+        Behavior on x { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+        Behavior on y { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+        SequentialAnimation on rotation {
+            NumberAnimation { to:  5; duration: 100 }
+            NumberAnimation { to: -5; duration: 200 }
+            NumberAnimation { to:  0; duration: 100 }
+            running: loc.currentId !== '' && item.state !== 'active'
+            loops: Animation.Infinite; alwaysRunToEnd: true
+        }
+        states: [
+            State {
+                name: 'active'
+                when: loc.currentId == model.id
+                PropertyChanges {
+                    target: container
+                    x: loc.mouseX - width/2
+                    y: loc.mouseY - height/2
+                    scale: 1.15
+                    z: 10
+                }
+            },
+            State {
+                when: loc.currentId !== ''
+                PropertyChanges {
+                    target: container
+                    scale: 0.85
+                    opacity: 0.75
+                }
+            }
+        ]
+        transitions: Transition { NumberAnimation { properties: 'scale, opacity, x, y'; duration: 150; easing.type: Easing.OutCubic} }
+    }
+}
diff --git a/homescreen/qml/ShortcutArea.qml b/homescreen/qml/ShortcutArea.qml
new file mode 100644
index 0000000..1596b79
--- /dev/null
+++ b/homescreen/qml/ShortcutArea.qml
@@ -0,0 +1,128 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Layouts 1.1
+
+Item {
+    id: root
+    width: 700
+    height: 110
+
+    Timer {
+        id:informationTimer
+        interval: 3000
+        running: false
+        repeat: true
+        onTriggered: {
+            bottomInformation.visible = false
+        }
+    }
+
+
+    ListModel {
+        id: applicationModel
+        ListElement {
+            name: 'launcher'
+            application: 'launcher@0.1'
+        }
+        ListElement {
+            name: 'MediaPlayer'
+            application: 'mediaplayer@0.1'
+        }
+        ListElement {
+            name: 'navigation'
+            application: 'navigation@0.1'
+        }
+        ListElement {
+            name: 'Phone'
+            application: 'phone@0.1'
+        }
+        ListElement {
+            name: 'settings'
+            application: 'settings@0.1'
+        }
+    }
+
+    property int pid: -1
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 75
+        Repeater {
+            model: applicationModel
+            delegate: ShortcutIcon {
+//                Layout.fillWidth: true
+//                Layout.fillHeight: true
+                width: 60
+                height: 60
+                name: model.name
+                active: model.name === launcher.current
+                onClicked: {
+                    if(model.application === 'navigation@0.1') {
+                        pid = launcher.launch('browser@5.0')
+                    } else {
+                        pid = launcher.launch(model.application.toLowerCase())
+                    }
+
+                    if (1 < pid) {
+                        applicationArea.visible = true
+                    }
+                    else {
+                        console.warn(model.application)
+                        console.warn("app cannot be launched!")
+                    }
+                    if(model.name === 'Navigation') {
+                        homescreenHandler.tapShortcut('browser')
+                    } else {
+                        homescreenHandler.tapShortcut(model.name)
+                    }
+                }
+            }
+        }
+    }
+    Rectangle {
+        id: bottomInformation
+        width: parent.width
+        height: parent.height-20
+        anchors.bottom: parent.bottom
+        color: "gray"
+        z: 1
+        opacity: 0.8
+        visible: false
+
+        Text {
+            id: informationText
+            anchors.centerIn: parent
+            font.pixelSize: 25
+            font.letterSpacing: 5
+            horizontalAlignment: Text.AlignHCenter
+            color: "white"
+            text: ""
+        }
+    }
+
+    Connections {
+        target: homescreenHandler
+        onInformation: {
+            informationText.text = text
+            bottomInformation.visible = true
+            informationTimer.restart()
+        }
+    }
+}
diff --git a/homescreen/qml/ShortcutIcon.qml b/homescreen/qml/ShortcutIcon.qml
new file mode 100644
index 0000000..16c0a85
--- /dev/null
+++ b/homescreen/qml/ShortcutIcon.qml
@@ -0,0 +1,75 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Controls 2.0
+import QtGraphicalEffects 1.0
+
+MouseArea {
+    id: root
+    width: 70
+    height: 70
+    property string name: 'Home'
+    property bool active: false
+    Item {
+        id: icon
+        property real desaturation: 0
+        anchors.fill: parent
+        Image {
+            id: inactiveIcon
+            anchors.fill: parent
+            source: './images/Shortcut/%1.png'.arg(root.name.toLowerCase())
+        }
+        Image {
+            id: activeIcon
+            anchors.fill: parent
+            source: './images/Shortcut/%1_active.png'.arg(root.name.toLowerCase())
+            opacity: 0.0
+        }
+        layer.enabled: true
+        layer.effect: Desaturate {
+            id: desaturate
+            desaturation: icon.desaturation
+            cached: true
+        }
+    }
+
+    transitions: [
+        Transition {
+            NumberAnimation {
+                properties: 'opacity'
+                duration: 500
+                easing.type: Easing.OutExpo
+            }
+            NumberAnimation {
+                properties: 'desaturation'
+                duration: 250
+            }
+        }
+    ]
+
+    onPressed: {
+        activeIcon.opacity = 1.0
+        inactiveIcon.opacity = 0.0
+    }
+
+    onReleased: {
+        activeIcon.opacity = 0.0
+        inactiveIcon.opacity = 1.0
+    }
+}
diff --git a/homescreen/qml/StatusArea.qml b/homescreen/qml/StatusArea.qml
new file mode 100644
index 0000000..60ce234
--- /dev/null
+++ b/homescreen/qml/StatusArea.qml
@@ -0,0 +1,215 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Layouts 1.1
+import HomeScreen 1.0
+
+Item {
+    id: root
+    width: 700
+    height: 80
+
+    property date now: new Date
+    Timer {
+        interval: 100; running: true; repeat: true;
+        onTriggered: root.now = new Date
+    }
+
+    Timer {
+        id:notificationTimer
+        interval: 3000
+        running: false
+        repeat: true
+        onTriggered: notificationItem.visible = false
+    }
+
+    Connections {
+        target: weather
+
+        onConditionChanged: {
+            var icon = ''
+
+            if (condition.indexOf("clouds") !== -1) {
+                icon = "WeatherIcons_Cloudy-01.png"
+            } else if (condition.indexOf("thunderstorm") !== -1) {
+                icon = "WeatherIcons_Thunderstorm-01.png"
+            } else if (condition.indexOf("snow") !== -1) {
+                icon = "WeatherIcons_Snow-01.png"
+            } else if (condition.indexOf("rain") !== -1) {
+                icon = "WeatherIcons_Rain-01.png"
+            }
+
+            condition_item.source = icon ? './images/Weather/' + icon : ''
+        }
+
+        onTemperatureChanged: {
+            temperature_item.text = temperature.split(".")[0] + '°F'
+        }
+    }
+
+        RowLayout {
+            anchors.fill: parent
+            spacing: 0
+            RowLayout {
+                id: icons
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.preferredWidth: 120
+                spacing: -10
+
+                Image {
+                    id: bt_icon
+                    Layout.preferredWidth: 50
+                    Layout.preferredHeight: 50
+                    source: connStatus ? './images/Status/HMI_Status_Bluetooth_On-01.png' : './images/Status/HMI_Status_Bluetooth_Inactive-01.png'
+                    fillMode: Image.PreserveAspectFit
+                    property string deviceName: "none"
+                    property bool connStatus: false
+                    Connections {
+                        target: bluetooth
+                        onConnectionEvent: {
+                            console.log("onConnectionEvent", data.Status)
+                            if (data.Status === "connected") {
+                                bt_icon.connStatus = true
+                            } else if (data.Status === "disconnected") {
+                                bt_icon.connStatus = false
+                            }
+                        }
+                        onDeviceUpdateEvent: {
+                            console.log("onConnectionEvent", data.Paired)
+                            if (data.Paired === "True" && data.Connected === "True") {
+                                bt_icon.deviceName = data.name
+                                bt_icon.connStatus = true
+                            } else {
+                                if(bt_icon.deviceName === data.Name)
+                                {
+                                    bt_icon.connStatus = false
+                                }
+                            }
+                        }
+                    }
+                }
+
+                Repeater {
+                    model: StatusBarModel { objectName: "statusBar" }
+                    delegate: Image {
+                        Layout.preferredWidth: 50
+                        Layout.preferredHeight: 50
+                        source: model.modelData
+                        fillMode: Image.PreserveAspectFit
+                    }
+                }
+            }
+            Item {
+                anchors.left: icons.right
+                Layout.fillHeight: true
+                width: 440
+                ColumnLayout {
+                    anchors.fill: parent
+                    anchors.margins: 17
+                    spacing: 0
+                    Text {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: Qt.formatDate(now, 'dddd').toUpperCase()
+                        font.family: 'Roboto'
+                        font.pixelSize: 13
+                        color: 'white'
+                        horizontalAlignment:  Text.AlignHCenter
+                        verticalAlignment:  Text.AlignVCenter
+                    }
+                    Text {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: Qt.formatTime(now, 'h:mm ap').toUpperCase()
+                        font.family: 'Roboto'
+                        font.pixelSize: 38
+                        color: 'white'
+                        horizontalAlignment:  Text.AlignHCenter
+                        verticalAlignment:  Text.AlignVCenter
+                    }
+                }
+            }
+            RowLayout {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.preferredHeight: 20
+
+                Image {
+                    id: condition_item
+                    source: './images/Weather/WeatherIcons_Rain-01.png'
+                }
+                Text {
+                    id: temperature_item
+                    text: '64°F'
+                    color: 'white'
+                    font.family: 'Helvetica'
+                    font.pixelSize: 32
+                }
+            }
+        }
+
+        Item {
+            id: notificationItem
+            x: 0
+            y: 0
+            z: 1
+            width: parent.width
+            height: 100
+            opacity: 0.8
+            visible: false
+
+            Rectangle {
+                width: parent.width
+                height: parent.height
+                anchors.fill: parent
+                color: "gray"
+                Image {
+                    id: notificationIcon
+                    width: 70
+                    height: 70
+                    anchors.left: parent.left
+                    anchors.leftMargin: 20
+                    anchors.verticalCenter: parent.verticalCenter
+                    source: ""
+                }
+
+                Text {
+                    id: notificationtext
+                    font.pixelSize: 25
+                    anchors.left: notificationIcon.right
+                    anchors.leftMargin: 5
+                    anchors.verticalCenter: parent.verticalCenter
+                    color: "white"
+                    text: qsTr("")
+                }
+            }
+        }
+
+        Connections {
+            target: homescreenHandler
+            onNotification: {
+                notificationIcon.source = './images/Shortcut/%1.svg'.arg(id)
+                notificationtext.text = text
+                notificationItem.visible = true
+                notificationTimer.restart()
+            }
+        }
+
+}
diff --git a/homescreen/qml/TopArea.qml b/homescreen/qml/TopArea.qml
new file mode 100644
index 0000000..4e5ccf5
--- /dev/null
+++ b/homescreen/qml/TopArea.qml
@@ -0,0 +1,37 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+
+Item {
+    width: 700
+    height: 80
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 0
+        StatusArea {
+            id: statusArea
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.preferredWidth: 700
+        }
+    }
+}
diff --git a/homescreen/qml/images/Shortcut/launcher.png b/homescreen/qml/images/Shortcut/launcher.png
new file mode 100644
index 0000000..6f91d50
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/launcher.png
diff --git a/homescreen/qml/images/Shortcut/launcher_active.png b/homescreen/qml/images/Shortcut/launcher_active.png
new file mode 100644
index 0000000..2706961
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/launcher_active.png
diff --git a/homescreen/qml/images/Shortcut/mediaplayer.png b/homescreen/qml/images/Shortcut/mediaplayer.png
new file mode 100644
index 0000000..8ea7d76
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/mediaplayer.png
diff --git a/homescreen/qml/images/Shortcut/mediaplayer_active.png b/homescreen/qml/images/Shortcut/mediaplayer_active.png
new file mode 100644
index 0000000..b130b92
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/mediaplayer_active.png
diff --git a/homescreen/qml/images/Shortcut/music.svg b/homescreen/qml/images/Shortcut/music.svg
new file mode 100644
index 0000000..b6ec056
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/music.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Multimedia_Inactive"
+   x="0px"
+   y="0px"
+   viewBox="0 0 300 300"
+   style="enable-background:new 0 0 300 300;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="music_inactive.svg"><metadata
+     id="metadata3511"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs3509" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1573"
+     inkscape:window-height="876"
+     id="namedview3507"
+     showgrid="false"
+     inkscape:zoom="0.78666667"
+     inkscape:cx="-90.254237"
+     inkscape:cy="150"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Multimedia_Inactive" /><style
+     type="text/css"
+     id="style3476">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:25px;}
+	.st3{letter-spacing:6;}
+	.st4{fill:url(#SVGID_1_);}
+	.st5{fill:url(#SVGID_2_);}
+	.st6{fill:url(#SVGID_3_);}
+</style><switch
+     id="switch3478"
+     transform="matrix(1.3307804,0,0,1.3314313,-62.924861,-27.945794)"><g
+       i:extraneous="self"
+       id="g3480"><g
+         id="g3482"><g
+           id="g3484"><linearGradient
+             id="SVGID_1_"
+             gradientUnits="userSpaceOnUse"
+             x1="4.0481"
+             y1="287.94919"
+             x2="320.4859"
+             y2="-15.4029"
+             gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop3487" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop3489" /></linearGradient><path
+             class="st4"
+             d="m 160,238.8 c -0.2,0 -0.4,0 -0.6,0 C 101.4,238.5 54.5,191.1 54.8,133.1 55.2,75.3 102.3,28.5 160,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 264.8,192 217.7,238.8 160,238.8 Z m 0,-206.6 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+             id="path3491"
+             style="fill:url(#SVGID_1_)"
+             inkscape:connector-curvature="0" /><linearGradient
+             id="SVGID_2_"
+             gradientUnits="userSpaceOnUse"
+             x1="140.72141"
+             y1="202.2363"
+             x2="187.02119"
+             y2="68.704903"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop3494" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop3496" /></linearGradient><path
+             class="st5"
+             d="m 114.7,190.9 c -6.4,0 -12,-2.6 -14.8,-7.5 -2.9,-4.9 -5.4,-14.5 9.6,-23.2 4.8,-2.8 17.1,-3.9 20.8,-4 l 0.1,3.6 c -4.6,0.1 -15.5,1.4 -19.1,3.5 -9.4,5.4 -12.1,11.5 -8.3,18.3 3.8,6.6 14.6,7.6 24,2.2 6.6,-3.8 10.6,-10.5 10.7,-17.9 l -0.1,-0.7 0,-69.8 71.9,-14.2 0.1,71.3 c 0,6.7 -3.3,16.4 -12.5,21.8 -11.1,6.4 -24.1,4.8 -28.9,-3.5 -2.9,-4.9 -5.4,-14.5 9.6,-23.2 4.4,-2.5 14.4,-3.8 18.8,-3.9 l 0.1,3.6 c -4.2,0.1 -13.5,1.4 -17.1,3.5 -6.4,3.7 -13.1,9.9 -8.3,18.3 3.8,6.6 14.6,7.6 24,2.2 7.9,-4.5 10.7,-12.8 10.7,-18.5 l -0.1,-0.8 0,-66.4 -64.7,12.7 0,66.8 0.1,0.7 c 0,8.7 -4.7,16.6 -12.5,21.1 -4.7,2.7 -9.6,4 -14.1,4 z"
+             id="path3498"
+             style="fill:url(#SVGID_2_)"
+             inkscape:connector-curvature="0" /><linearGradient
+             id="SVGID_3_"
+             gradientUnits="userSpaceOnUse"
+             x1="145.50549"
+             y1="203.8951"
+             x2="191.8053"
+             y2="70.363701"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop3501" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop3503" /></linearGradient><polygon
+             class="st6"
+             points="196.5,113.7 155.8,123.3 155,119.8 195.6,110.2 "
+             id="polygon3505"
+             style="fill:url(#SVGID_3_)" /></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/homescreen/qml/images/Shortcut/navigation.png b/homescreen/qml/images/Shortcut/navigation.png
new file mode 100644
index 0000000..17b347b
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/navigation.png
diff --git a/homescreen/qml/images/Shortcut/navigation.svg b/homescreen/qml/images/Shortcut/navigation.svg
new file mode 100644
index 0000000..97fcf31
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/navigation.svg
@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Navigation_Inactive"
+   x="0px"
+   y="0px"
+   viewBox="0 0 300 300"
+   style="enable-background:new 0 0 300 300;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="navigation_inactive.svg"><metadata
+     id="metadata3897"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs3895" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1456"
+     inkscape:window-height="824"
+     id="namedview3893"
+     showgrid="false"
+     inkscape:zoom="0.78666667"
+     inkscape:cx="-90.254237"
+     inkscape:cy="150"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Navigation_Inactive" /><style
+     type="text/css"
+     id="style3836">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:25px;}
+	.st3{letter-spacing:6;}
+	.st4{fill:url(#SVGID_1_);}
+	.st5{fill:url(#SVGID_2_);}
+	.st6{fill:url(#SVGID_3_);}
+	.st7{fill:url(#SVGID_4_);}
+	.st8{fill:url(#SVGID_5_);}
+	.st9{fill:url(#SVGID_6_);}
+	.st10{fill:url(#SVGID_7_);}
+</style><switch
+     id="switch3838"
+     transform="matrix(1.3307804,0,0,1.3314313,-62.924861,-27.945794)"><g
+       i:extraneous="self"
+       id="g3840"><g
+         id="g3842"><linearGradient
+           id="SVGID_1_"
+           gradientUnits="userSpaceOnUse"
+           x1="4.0481"
+           y1="287.94919"
+           x2="320.4859"
+           y2="-15.4029"
+           gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3845" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3847" /></linearGradient><path
+           class="st4"
+           d="m 160,238.8 c -0.2,0 -0.4,0 -0.6,0 C 101.4,238.5 54.5,191.1 54.8,133.1 55.2,75.3 102.3,28.5 160,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 264.8,192 217.7,238.8 160,238.8 Z m 0,-206.6 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+           id="path3849"
+           style="fill:url(#SVGID_1_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_2_"
+           gradientUnits="userSpaceOnUse"
+           x1="217.7681"
+           y1="287.112"
+           x2="149.73309"
+           y2="-43.9916"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3852" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3854" /></linearGradient><path
+           class="st5"
+           d="m 185.5,129.4 c -2.4,0 -4.2,1.8 -4.2,4.2 0,9.1 -5.7,17 -14.1,19.9 -1.7,0.6 -2.8,2.1 -2.8,4 l 0,30.6 c 0,1.3 0.6,2.4 1.4,3.3 1,0.8 2.1,1.1 3.4,1 29,-4.5 50.4,-29.4 50.4,-58.7 0,-2.4 -1.8,-4.2 -4.2,-4.2 l -29.9,0 z m -17,58.7 0,-30.4 c 9.9,-3.5 17,-12.9 17,-24 l 29.7,0 c 0,27.5 -20.3,50.5 -46.7,54.4 z"
+           id="path3856"
+           style="fill:url(#SVGID_2_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_3_"
+           gradientUnits="userSpaceOnUse"
+           x1="159.0916"
+           y1="299.16891"
+           x2="91.056602"
+           y2="-31.934799"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3859" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3861" /></linearGradient><path
+           class="st6"
+           d="m 152.9,153.6 c -8.5,-3 -14.1,-10.9 -14.1,-19.9 0,-2.4 -1.8,-4.2 -4.2,-4.2 l -29.7,0 c -2.4,0 -4.2,1.8 -4.2,4.2 0,29.3 21.4,54.2 50.2,58.7 1.3,0.1 2.4,-0.1 3.4,-1 1,-0.8 1.4,-2 1.4,-3.3 l 0,-30.4 c 0.1,-1.8 -1.1,-3.4 -2.8,-4.1 z m -1.4,34.5 c -26.5,-4 -46.7,-26.9 -46.7,-54.5 l 29.7,0 c 0,11 7.1,20.5 17,24 l 0,30.5 z"
+           id="path3863"
+           style="fill:url(#SVGID_3_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_4_"
+           gradientUnits="userSpaceOnUse"
+           x1="192.5936"
+           y1="292.28491"
+           x2="124.5586"
+           y2="-38.818802"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3866" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3868" /></linearGradient><path
+           class="st7"
+           d="m 172.7,133.7 c 0,-7.1 -5.7,-12.7 -12.7,-12.7 -7,0 -12.7,5.7 -12.7,12.7 0,7.1 5.7,12.7 12.7,12.7 7,0 12.7,-5.7 12.7,-12.7 z m -12.7,8.5 c -4.7,0 -8.5,-3.8 -8.5,-8.5 0,-4.7 3.8,-8.5 8.5,-8.5 4.7,0 8.5,3.8 8.5,8.5 0,4.7 -3.8,8.5 -8.5,8.5 z"
+           id="path3870"
+           style="fill:url(#SVGID_4_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_5_"
+           gradientUnits="userSpaceOnUse"
+           x1="196.1102"
+           y1="291.56229"
+           x2="128.0752"
+           y2="-39.541401"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3873" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3875" /></linearGradient><path
+           class="st8"
+           d="m 160,70 c 29,0 53.4,19.3 61.1,45.8 l 4.4,0 c -7.8,-28.8 -34.2,-50 -65.5,-50 -31.3,0 -57.7,21.2 -65.5,50 l 4.4,0 C 106.6,89.3 131,70 160,70 Z"
+           id="path3877"
+           style="fill:url(#SVGID_5_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_6_"
+           gradientUnits="userSpaceOnUse"
+           x1="195.9514"
+           y1="291.59491"
+           x2="127.9165"
+           y2="-39.508701"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3880" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3882" /></linearGradient><path
+           class="st9"
+           d="m 160,74.2 c -25.7,0 -48.7,16.7 -56.6,41.2 -0.4,1.3 -0.1,2.7 0.7,3.8 0.7,1.1 2,1.7 3.4,1.7 l 33.5,0 c 1.3,0 2.3,-0.4 3.1,-1.4 4.1,-4.5 9.8,-7.1 15.8,-7.1 6,0 11.7,2.5 15.8,7.1 0.8,1 2,1.4 3.1,1.4 l 33.5,0 c 1.4,0 2.5,-0.6 3.4,-1.7 0.8,-1.1 1.1,-2.5 0.7,-3.8 C 208.7,90.9 185.7,74.2 160,74.2 Z m 19,42.5 c -4.7,-5.2 -11.5,-8.5 -19,-8.5 -7.5,0 -14.3,3.3 -19,8.5 l -33.5,0 c 7.1,-22.2 27.9,-38.2 52.5,-38.2 24.6,0 45.4,16 52.5,38.2 l -33.5,0 z"
+           id="path3884"
+           style="fill:url(#SVGID_6_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_7_"
+           gradientUnits="userSpaceOnUse"
+           x1="192.0486"
+           y1="292.39691"
+           x2="124.0136"
+           y2="-38.706799"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3887" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3889" /></linearGradient><path
+           class="st10"
+           d="m 223.7,133.7 c 0,35.2 -28.4,63.7 -63.7,63.7 -35.3,0 -63.7,-28.4 -63.7,-63.7 0,-0.5 0,-1.1 0,-1.6 l -4.2,0 c 0,0.5 0,1.1 0,1.6 0,37.5 30.4,67.9 67.9,67.9 37.5,0 67.9,-30.4 67.9,-67.9 0,-0.5 0,-1.1 0,-1.6 l -4.2,0 c -0.1,0.5 0,1 0,1.6 z"
+           id="path3891"
+           style="fill:url(#SVGID_7_)"
+           inkscape:connector-curvature="0" /></g></g></switch></svg>
\ No newline at end of file
diff --git a/homescreen/qml/images/Shortcut/navigation_active.png b/homescreen/qml/images/Shortcut/navigation_active.png
new file mode 100644
index 0000000..bebb23e
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/navigation_active.png
diff --git a/homescreen/qml/images/Shortcut/phone.png b/homescreen/qml/images/Shortcut/phone.png
new file mode 100644
index 0000000..d0ca0af
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/phone.png
diff --git a/homescreen/qml/images/Shortcut/phone_active.png b/homescreen/qml/images/Shortcut/phone_active.png
new file mode 100644
index 0000000..77e45fd
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/phone_active.png
diff --git a/homescreen/qml/images/Shortcut/settings.png b/homescreen/qml/images/Shortcut/settings.png
new file mode 100644
index 0000000..8c36376
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/settings.png
diff --git a/homescreen/qml/images/Shortcut/settings_active.png b/homescreen/qml/images/Shortcut/settings_active.png
new file mode 100644
index 0000000..d863457
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/settings_active.png
diff --git a/homescreen/qml/images/Shortcut/shortcut.qrc b/homescreen/qml/images/Shortcut/shortcut.qrc
new file mode 100644
index 0000000..40462f4
--- /dev/null
+++ b/homescreen/qml/images/Shortcut/shortcut.qrc
@@ -0,0 +1,16 @@
+<RCC>
+    <qresource prefix="/images/Shortcut">
+        <file>launcher.png</file>
+        <file>launcher_active.png</file>
+        <file>mediaplayer.png</file>
+        <file>mediaplayer_active.png</file>
+        <file>navigation.png</file>
+        <file>navigation_active.png</file>
+        <file>phone.png</file>
+        <file>phone_active.png</file>
+        <file>settings.png</file>
+        <file>settings_active.png</file>
+        <file>navigation.svg</file>
+        <file>music.svg</file>
+    </qresource>
+</RCC>
diff --git a/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png b/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png
new file mode 100644
index 0000000..10bd5a5
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png b/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png
new file mode 100644
index 0000000..1ff96e1
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png
new file mode 100644
index 0000000..44ef700
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png
new file mode 100644
index 0000000..fe4e776
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png
new file mode 100644
index 0000000..892c6ec
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png
new file mode 100644
index 0000000..f4f033b
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png
new file mode 100644
index 0000000..18070b9
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png
new file mode 100644
index 0000000..1b77207
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png
new file mode 100644
index 0000000..c72461f
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png
new file mode 100644
index 0000000..448dd36
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png
new file mode 100644
index 0000000..3e407ad
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png
new file mode 100644
index 0000000..6f95e97
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png
diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png
new file mode 100644
index 0000000..07f4f09
--- /dev/null
+++ b/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png
diff --git a/homescreen/qml/images/Status/status.qrc b/homescreen/qml/images/Status/status.qrc
new file mode 100644
index 0000000..d29c91a
--- /dev/null
+++ b/homescreen/qml/images/Status/status.qrc
@@ -0,0 +1,17 @@
+<RCC>
+    <qresource prefix="/images/Status">
+        <file>HMI_Status_Wifi_NoBars-01.png</file>
+        <file>HMI_Status_Bluetooth_Inactive-01.png</file>
+        <file>HMI_Status_Bluetooth_On-01.png</file>
+        <file>HMI_Status_Signal_1Bars-01.png</file>
+        <file>HMI_Status_Signal_2Bars-01.png</file>
+        <file>HMI_Status_Signal_3Bars-01.png</file>
+        <file>HMI_Status_Signal_4Bars-01.png</file>
+        <file>HMI_Status_Signal_Full-01.png</file>
+        <file>HMI_Status_Signal_NoBars-01.png</file>
+        <file>HMI_Status_Wifi_1Bar-01.png</file>
+        <file>HMI_Status_Wifi_2Bars-01.png</file>
+        <file>HMI_Status_Wifi_3Bars-01.png</file>
+        <file>HMI_Status_Wifi_Full-01.png</file>
+    </qresource>
+</RCC>
diff --git a/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png b/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png
new file mode 100644
index 0000000..f5f8b19
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png b/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png
new file mode 100644
index 0000000..3603a55
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png b/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png
new file mode 100644
index 0000000..8fe1e18
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png b/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png
new file mode 100644
index 0000000..09cd84f
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png b/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png
new file mode 100644
index 0000000..125b413
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png b/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png
new file mode 100644
index 0000000..d0a9520
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png b/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png
new file mode 100644
index 0000000..ee3a744
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png
diff --git a/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png b/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png
new file mode 100644
index 0000000..f6959f4
--- /dev/null
+++ b/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png
diff --git a/homescreen/qml/images/Weather/weather.qrc b/homescreen/qml/images/Weather/weather.qrc
new file mode 100644
index 0000000..2668fec
--- /dev/null
+++ b/homescreen/qml/images/Weather/weather.qrc
@@ -0,0 +1,12 @@
+<RCC>
+    <qresource prefix="/images/Weather">
+        <file>WeatherIcons_ALL-01.png</file>
+        <file>WeatherIcons_Cloudy-01.png</file>
+        <file>WeatherIcons_Moon-01.png</file>
+        <file>WeatherIcons_PartiallyCloudy-01.png</file>
+        <file>WeatherIcons_Rain-01.png</file>
+        <file>WeatherIcons_Snow-01.png</file>
+        <file>WeatherIcons_Sun-01.png</file>
+        <file>WeatherIcons_Thunderstorm-01.png</file>
+    </qresource>
+</RCC>
diff --git a/homescreen/qml/images/fullscreen.png b/homescreen/qml/images/fullscreen.png
new file mode 100644
index 0000000..f56a13c
--- /dev/null
+++ b/homescreen/qml/images/fullscreen.png
diff --git a/homescreen/qml/images/images.qrc b/homescreen/qml/images/images.qrc
new file mode 100644
index 0000000..b539f2a
--- /dev/null
+++ b/homescreen/qml/images/images.qrc
@@ -0,0 +1,12 @@
+<RCC>
+    <qresource prefix="/images">
+        <file>menubar_background.png</file>
+        <file>menubar_fullscreen_background.png</file>
+        <file>menubar_normal_mask.png</file>
+        <file>menubar_fullscreen_mask.png</file>
+        <file>fullscreen.png</file>
+        <file>normal.png</file>
+        <file>split_switch.png</file>
+        <file>split_switch_disable.png</file>
+    </qresource>
+</RCC>
diff --git a/homescreen/qml/images/menubar_background.png b/homescreen/qml/images/menubar_background.png
new file mode 100644
index 0000000..a03a567
--- /dev/null
+++ b/homescreen/qml/images/menubar_background.png
diff --git a/homescreen/qml/images/menubar_fullscreen_background.png b/homescreen/qml/images/menubar_fullscreen_background.png
new file mode 100644
index 0000000..438a871
--- /dev/null
+++ b/homescreen/qml/images/menubar_fullscreen_background.png
diff --git a/homescreen/qml/images/menubar_fullscreen_mask.png b/homescreen/qml/images/menubar_fullscreen_mask.png
new file mode 100644
index 0000000..c6936d2
--- /dev/null
+++ b/homescreen/qml/images/menubar_fullscreen_mask.png
diff --git a/homescreen/qml/images/menubar_normal_mask.png b/homescreen/qml/images/menubar_normal_mask.png
new file mode 100644
index 0000000..e87d4e2
--- /dev/null
+++ b/homescreen/qml/images/menubar_normal_mask.png
diff --git a/homescreen/qml/images/normal.png b/homescreen/qml/images/normal.png
new file mode 100644
index 0000000..92dee7a
--- /dev/null
+++ b/homescreen/qml/images/normal.png
diff --git a/homescreen/qml/images/split_switch.png b/homescreen/qml/images/split_switch.png
new file mode 100644
index 0000000..751b2fa
--- /dev/null
+++ b/homescreen/qml/images/split_switch.png
diff --git a/homescreen/qml/images/split_switch_disable.png b/homescreen/qml/images/split_switch_disable.png
new file mode 100644
index 0000000..c4bfa67
--- /dev/null
+++ b/homescreen/qml/images/split_switch_disable.png
diff --git a/homescreen/qml/main.qml b/homescreen/qml/main.qml
new file mode 100644
index 0000000..1a0965b
--- /dev/null
+++ b/homescreen/qml/main.qml
@@ -0,0 +1,235 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Window 2.1
+import QtQuick.Layouts 1.1
+import HomeScreen 1.0
+
+Window {
+    visible: true
+    flags: Qt.FramelessWindowHint
+    width: container.width * container.scale
+    height: container.height * container.scale
+    title: 'HomeScreen'
+    color: "#00000000"
+
+    Image {
+        id: fullscreen_back
+        anchors.centerIn: parent
+        width: 1920
+        height: 1080
+        source: './images/menubar_fullscreen_background.png'
+    }
+
+    Image {
+        id: container
+        anchors.centerIn: parent
+        width: 1920
+        height: 1080
+        scale: 1.0
+        source: './images/menubar_background.png'
+
+        ColumnLayout {
+            id: menuBar
+            width: 1920
+            height: 720
+//            y:180
+            spacing: 0
+            TopArea {
+                id: topArea
+                anchors.horizontalCenter: parent.horizontalCenter
+                Layout.preferredHeight: 80
+                x: 640
+            }
+
+            Item {
+                id: applicationArea
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.preferredHeight: 510
+
+                visible: true
+                MouseArea {
+                    enabled: true
+                }
+            }
+
+            ShortcutArea {
+                id: shortcutArea
+                anchors.horizontalCenter: parent.horizontalCenter
+                Layout.fillHeight: true
+                Layout.preferredHeight: 130
+            }
+        }
+        states: [
+            State {
+                name: "normal"
+                PropertyChanges {
+                    target: container
+                    y: 180
+                }
+                PropertyChanges {
+                    target: topArea
+                    y: 180
+                }
+                PropertyChanges {
+                    target: applicationArea
+                    y: 260
+                }
+                PropertyChanges {
+                    target: shortcutArea
+                    y: 770
+                }
+            },
+            State {
+                name: "fullscreen"
+                PropertyChanges {
+                    target: container
+                    y: -900
+                }
+                PropertyChanges {
+                    target: topArea
+                    y: -260
+                }
+                PropertyChanges {
+                    target: applicationArea
+                    y: -590
+                }
+                PropertyChanges {
+                    target: shortcutArea
+                    y: 900
+                }
+            }
+        ]
+        transitions: Transition {
+            NumberAnimation {
+                target: topArea
+                property: "y"
+                easing.type: "OutQuad"
+                duration: 250
+            }
+            NumberAnimation {
+                target: applicationArea
+                property: "y"
+                easing.type: "OutQuad"
+                duration: 250
+            }
+            NumberAnimation {
+                target: shortcutArea
+                property: "y"
+                easing.type: "OutQuad"
+                duration: 250
+            }
+        }
+    }
+
+    Item {
+        id: switchBtn
+        width: 61
+        height: 61
+        anchors.right: parent.right
+        anchors.rightMargin: 17
+        anchors.top: parent.top
+        anchors.topMargin: 182
+        z: 1
+        Image {
+            id: image
+            width: 55
+            height: 55
+            anchors.centerIn: parent
+            source: './images/normal.png'
+        }
+
+        MouseArea {
+            anchors.fill: parent
+            property string btnState: 'normal'
+            onClicked: {
+                if (container.state === 'normal') {
+                    turnToFullscreen()
+                } else {
+                    turnToNormal()
+                }
+            }
+        }
+    }
+
+    Item {
+        id: splitSwitchBtn
+        width: 61
+        height: 61
+        anchors.right: switchBtn.left
+        anchors.top: parent.top
+        anchors.topMargin: 182
+        z: 1
+        property bool enableSplitSwitchBtn: false
+        Image {
+            id: splitSwitchImage
+            width: 55
+            height: 55
+            anchors.centerIn: parent
+            source: './images/split_switch_disable.png'
+        }
+
+        MouseArea {
+            property bool changed : false
+            anchors.fill: parent
+            onClicked: {
+                if (splitSwitchBtn.enableSplitSwitchBtn) {
+                    if(changed) {
+                        switchSplitArea(0)
+                        changed = false
+                    }
+                    else {
+                        switchSplitArea(1)
+                        changed = true
+                    }
+                }
+            }
+        }
+    }
+
+
+    function turnToFullscreen() {
+        image.source = './images/fullscreen.png'
+        container.state = 'fullscreen'
+        container.opacity = 0.0
+        touchArea.switchArea(1)
+    }
+
+    function turnToNormal() {
+        image.source = './images/normal.png'
+        container.state = 'normal'
+        container.opacity = 1.0
+        touchArea.switchArea(0)
+    }
+
+    function enableSplitSwitchBtn() {
+        splitSwitchImage.source = './images/split_switch.png'
+        splitSwitchBtn.enableSplitSwitchBtn = true
+    }
+
+    function disableSplitSwitchBtn() {
+        splitSwitchImage.source = './images/split_switch_disable.png'
+        splitSwitchBtn.enableSplitSwitchBtn = false;
+    }
+
+    function switchSplitArea(val) {
+        homescreenHandler.changeLayout(val);
+    }
+}
diff --git a/homescreen/qml/qml.qrc b/homescreen/qml/qml.qrc
new file mode 100644
index 0000000..933a8a5
--- /dev/null
+++ b/homescreen/qml/qml.qrc
@@ -0,0 +1,10 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+        <file>ShortcutArea.qml</file>
+        <file>ShortcutIcon.qml</file>
+        <file>StatusArea.qml</file>
+        <file>TopArea.qml</file>
+        <file>IconItem.qml</file>
+    </qresource>
+</RCC>