- Artwork for Mga8

- Rebase splash on the oxygen theme

4 files changed, 64 insertions, 142 deletions

diff --git a/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/previews/Splash.png b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/previews/Splash.png
new file mode 100644
index 0000000..1676071
--- /dev/null
+++ b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/previews/Splash.png
diff --git a/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/Splash.qml b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/Splash.qml
index db18f64..fb82139 100755..100644
--- a/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/Splash.qml
+++ b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/Splash.qml
@@ -1,7 +1,5 @@
-/*   vim:set foldenable foldmethod=marker:
- *
- *   2014 by DarkBeastOfPrey
- *   Copyright (C) 2011 Ivan Cukic <ivan.cukic(at)kde.org>
+/*
+ *   Copyright 2014 Marco Martin <mart@kde.org>
  *
  *   This program is free software; you can redistribute it and/or modify
  *   it under the terms of the GNU General Public License version 2,
@@ -19,156 +17,80 @@
  *   51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 
-import QtQuick 2.2
+import QtQuick 2.1
 
-Item {
-    id: main
 
-    width: screenSize.width
-    height: screenSize.height
-    // width: 300
-    // height: 300
+Image {
+    id: root
+    source: "images/background.png"
 
-    /* property declarations --------------------------{{{ */
     property int stage
-    /* }}} */
-
-    /* signal declarations ----------------------------{{{ */
-
-    /* }}} */
 
-    /* JavaScript functions ---------------------------{{{ */
     onStageChanged: {
         if (stage == 1) {
-            mageia.opacity = 0.25
-            bubble1.opacity = 0.25
-        }
-        if (stage == 2) {
-            mageia.opacity = 1
-            bubble1.opacity = 1
-            bubble2.opacity = 1
-        }
-        if (stage == 3) {
-            bubble3.opacity = 1
-        }
-        if (stage == 4) {
-            bubble4.opacity = 1
-        }
-        if (stage == 5) {
-            bubble5.opacity = 1
-        }
-        if (stage == 6) {
+            introAnimation.running = true
         }
     }
-    /* }}} */
-
-    /* object properties ------------------------------{{{ */
-
-    /* }}} */
-
-    /* child objects ----------------------------------{{{ */
-
-  Image {
-    id: background
-    source: "images/background.png"
-    anchors.fill: parent
-
-        anchors {
-            top: parent.top
-            left: parent.left
-            right: parent.right
-            bottom: parent.bottom
-
-        }
-        opacity: 1
-    }
-
-    Image {
-        id: bubble1
-        smooth: true
-
-        x: (parent.width) /4 + 30
-        y: (parent.height) /  4
-
-        source: "images/bubble1.png"
-
-        opacity: 0
-        Behavior on opacity { NumberAnimation { duration: 3000; easing { type: Easing.InOutQuad } } }
-    }
-
     Image {
-        id: bubble2
-        smooth: true
-
-        x: (parent.width) /4 + 30
-        y: (parent.height) /  4
-
-        source: "images/bubble2.png"
-
-        opacity: 0
-        Behavior on opacity { NumberAnimation { duration: 3000; easing { type: Easing.InOutQuad } } }
-    }
-
-        Image {
-        id: bubble3
-        smooth: true
-
-        x: (parent.width) /4 + 30
-        y: (parent.height) /  4
-
-        source: "images/bubble3.png"
-
-        opacity: 0
-        Behavior on opacity { NumberAnimation { duration: 3000; easing { type: Easing.InOutQuad } } }
-    }
-
+        id: topRect
+        anchors.horizontalCenter: parent.horizontalCenter
+        y: root.height
+        source: "images/rectangle.png"
         Image {
-        id: bubble4
-        smooth: true
-
-        x: (parent.width) /4 + 30
-        y: (parent.height) /  4
-
-        source: "images/bubble4.png"
-
-        opacity: 0
-        Behavior on opacity { NumberAnimation { duration: 3000; easing { type: Easing.InOutQuad } } }
-    }
-
-        Image {
-        id: bubble5
-        smooth: true
-
-        x: (parent.width) /4 + 30
-        y: (parent.height) /  4
-
-        source: "images/bubble5.png"
-
-        opacity: 0
-        Behavior on opacity { NumberAnimation { duration: 3000; easing { type: Easing.InOutQuad } } }
+            source: "images/logo.png"
+            anchors.centerIn: parent
+        }
+        Rectangle {
+            radius: 3
+            color: "#31363b"
+            anchors {
+                bottom: parent.bottom
+                bottomMargin: -50
+                horizontalCenter: parent.horizontalCenter
+            }
+            height: 8
+            width: height*32
+            Rectangle {
+                radius: 3
+                anchors {
+                    left: parent.left
+                    top: parent.top
+                    bottom: parent.bottom
+                }
+                width: (parent.width / 6) * (stage - 1)
+                color: "#3daee9"
+                Behavior on width { 
+                    PropertyAnimation {
+                        duration: 250
+                        easing.type: Easing.InOutQuad
+                    }
+                }
+            }
+        }
     }
 
-    Image {
-        id: mageia
-        smooth: true
-
-        x: (parent.width) / 4 + 30
-        y: (parent.height) / 4
-
-        source: "images/logo.png"
-
-        opacity: 0
-        Behavior on opacity { NumberAnimation { duration: 3000; easing { type: Easing.InOutQuad } } }
+    SequentialAnimation {
+        id: introAnimation
+        running: false
+
+        ParallelAnimation {
+            PropertyAnimation {
+                property: "y"
+                target: topRect
+                to: root.height / 3
+                duration: 1000
+                easing.type: Easing.InOutBack
+                easing.overshoot: 1.0
+            }
+
+            PropertyAnimation {
+                property: "y"
+                target: bottomRect
+                to: 2 * (root.height / 3) - bottomRect.height
+                duration: 1000
+                easing.type: Easing.InOutBack
+                easing.overshoot: 1.0
+            }
+        }
     }
-
-    /* }}} */
-
-    /* stages -----------------------------------------{{{ */
-
-    /* }}} */
-
-    /* transitions ------------------------------------{{{ */
-
-    /* }}} */
 }
-
diff --git a/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/logo.png b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/logo.png
index b8e525d..5091cc6 100755..100644
--- a/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/logo.png
+++ b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/logo.png
diff --git a/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/rectangle.png b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/rectangle.png
new file mode 100644
index 0000000..5f8b8c0
--- /dev/null
+++ b/usr/share/plasma/look-and-feel/org.mageia.breeze.desktop/contents/splash/images/rectangle.png