fixed theme

Signed-off-by: kokkiemouse <kokkiemouse@gmail.com>

diff --git a/channels/share/airootfs/usr/share/calamares/branding/serene/circle.svg b/channels/share/airootfs/usr/share/calamares/branding/serene/circle.svg
new file mode 100644 (file)
index 0000000..13727d1
--- /dev/null
+++ b/channels/share/airootfs/usr/share/calamares/branding/serene/circle.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   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"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="test.svg">
+    <circle
+       style="fill:#00bfff"
+       cx="80"
+       cy="80"
+       r="80" />
+</svg>

diff --git a/channels/share/airootfs/usr/share/calamares/branding/serene/show.qml b/channels/share/airootfs/usr/share/calamares/branding/serene/show.qml
index d7aed00..9e02ba2 100644 (file)
--- a/channels/share/airootfs/usr/share/calamares/branding/serene/show.qml
+++ b/channels/share/airootfs/usr/share/calamares/branding/serene/show.qml
@@ -37,6 +37,7 @@ Presentation
             anchors.centerIn: parent
         }
         Text {
+            id: textkun
             anchors.horizontalCenter: background.horizontalCenter
             anchors.top: background.bottom
             text: "Installing now...."
@@ -44,5 +45,126 @@ Presentation
             width: presentation.width
             horizontalAlignment: Text.Center
         }
+
+    SequentialAnimation{
+        SequentialAnimation{
+            ParallelAnimation {
+                YAnimator {
+                    target: imageleft
+                    from: imageleft.y
+                    to: imageleft.y * 4.8
+                    easing.type: Easing.OutExpo;
+                    duration: 300
+                }
+            }
+            ParallelAnimation {
+                YAnimator {
+                    target: imageleft;
+                    from: imageleft.y * 4.8
+                    to: imageleft.y
+                    easing.type: Easing.OutBounce;
+                    duration: 1000
+                }
+            }
+        }
+        PauseAnimation { duration: 1100 }
+        running: true
+        loops: Animation.Infinite
+    }
+    SequentialAnimation{
+        PauseAnimation { duration: 300 }
+        SequentialAnimation{
+            ParallelAnimation {
+                YAnimator {
+                    target: imagecenter
+                    from: imageleft.y
+                    to: imageleft.y * 4.8
+                    easing.type: Easing.OutExpo;
+                    duration: 300
+                }
+            }
+            ParallelAnimation {
+                YAnimator {
+                    target: imagecenter;
+                    from: imageleft.y * 4.8
+                    to: imageleft.y
+                    easing.type: Easing.OutBounce;
+                    duration: 1000
+                }
+            }
+        }
+        PauseAnimation { duration: 800 }
+        running: true
+        loops: Animation.Infinite
+    }
+    SequentialAnimation{
+        PauseAnimation { duration: 600 }
+        SequentialAnimation{
+            ParallelAnimation {
+                YAnimator {
+                    target: imageright
+                    from: imageleft.y
+                    to: imageleft.y * 4.8
+                    easing.type: Easing.OutExpo;
+                    duration: 300
+                }
+            }
+            ParallelAnimation {
+                YAnimator {
+                    target: imageright;
+                    from: imageleft.y * 4.8
+                    to: imageleft.y
+                    easing.type: Easing.OutBounce;
+                    duration: 1000
+                }
+            }
+        }
+        PauseAnimation { duration: 500 }
+        running: true
+        loops: Animation.Infinite
+    }
+    Rectangle {
+        id: rectangle
+
+        anchors.horizontalCenter: background.horizontalCenter
+        anchors.top: textkun.bottom
+        color: "#ffffff"
+        anchors.topMargin: 28
+        width: textkun.width
+        Image {
+            id: imageleft
+            anchors.right: imagecenter.left
+            height: textkun.height / 3
+            width:textkun.height / 3
+            source: "circle.svg"
+            anchors.topMargin: 28
+            anchors.rightMargin: 9
+            anchors.leftMargin: 16
+            y:imagecenter.y
+
+            fillMode: Image.PreserveAspectFit
+        }
+        Image {
+            id: imagecenter
+            height: textkun.height / 3
+            width:textkun.height / 3
+            source: "circle.svg"
+            anchors.topMargin: 28
+            anchors.leftMargin: 9
+            anchors.centerIn: rectangle
+            fillMode: Image.PreserveAspectFit
+        }
+        Image {
+            id: imageright
+            anchors.left: imagecenter.right
+            height: imagecenter.height
+            source: "circle.svg"
+            y:imagecenter.y
+            anchors.topMargin: 28
+
+            anchors.leftMargin: 9
+            fillMode: Image.PreserveAspectFit
+        }
+    }
     }
 }