[ui] first attempt at animated birds

gui/components/StatusBox.qml

@@ -100,13 +100,19 @@ Item {
             height: 120
         }
 
-        Image {
+        AnimatedImage {
             id: connectionImage
             height: 160
+            speed: 0.8
             source: "../resources/icon-noshield.svg"
             anchors.horizontalCenter: parent.horizontalCenter
             fillMode: Image.PreserveAspectFit
+            onStatusChanged: playing = (status == AnimatedImage.Ready)
         }
+        // TODO this can be synced with opacity serial animation, see
+        // https://doc.qt.io/qt-5/qml-qtquick-animatedimage.html#example-usage
+        // If you want to customize your asset, here's how:
+        // convert -delay 50 -loop 0 ravens2_*.png ravens.gif
 
         VerticalSpacer {
             id: spacerPostImg

gui/components/VPNState.qml

@@ -31,7 +31,7 @@ StateGroup {
             }
             PropertyChanges {
                 target: connectionImage
-                source: "../resources/ravens.svg"
+                source: "../resources/ravens.gif"
                 anchors.horizontalCenter: parent.horizontalCenter
             }
             PropertyChanges {
@@ -130,7 +130,7 @@ StateGroup {
             }
             PropertyChanges {
                 target: connectionImage
-                source: "../resources/ravens.svg"
+                source: "../resources/ravens.gif"
                 anchors.horizontalCenter: parent.horizontalCenter
             }
             PropertyChanges {

gui/gui.qrc

@@ -53,6 +53,7 @@
         <file>resources/arrow-left.svg</file>
         <file>resources/globe.svg</file>
         <file>resources/ravens.svg</file>
+        <file>resources/ravens.gif</file>
         <file>resources/riseup-icon.svg</file>
         <file>resources/spy.gif</file>
         <file>resources/quit.svg</file>