From cbbbb4b0b7ec7181dfc2d1b29a1ce025e71575bc Mon Sep 17 00:00:00 2001
From: Emanuele Bertoldi <emanuele.bertoldi@gmail.com>
Date: Tue, 23 Jan 2018 01:03:46 +0100
Subject: [PATCH] feat Spinning logo

---
 dist/svg/quasar-logo-animated.svg | 11 +++++++++++
 src/quasar-logo-animated.svg      | 11 +++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 dist/svg/quasar-logo-animated.svg
 create mode 100644 src/quasar-logo-animated.svg

diff --git a/dist/svg/quasar-logo-animated.svg b/dist/svg/quasar-logo-animated.svg
new file mode 100644
index 0000000..2721f5a
--- /dev/null
+++ b/dist/svg/quasar-logo-animated.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 256 256" width="128" height="128"><defs><clipPath id="_clipPath_kJXKDqDXJrRfVZ31Eq4wH4oiSEXJmjqw"><rect width="256" height="256"/></clipPath></defs><g clip-path="url(#_clipPath_kJXKDqDXJrRfVZ31Eq4wH4oiSEXJmjqw)"><clipPath id="_clipPath_T3DlXFakzbdBRt2Loql3PpCidiVw8XwR"><rect x="0" y="0" width="256" height="256" transform="matrix(1,0,0,1,0,0)" fill="rgb(255,255,255)"/></clipPath><g clip-path="url(#_clipPath_T3DlXFakzbdBRt2Loql3PpCidiVw8XwR)"><path d=" M 0 127.998 C 0 57.356 57.356 0 127.998 0 C 198.644 0 256 57.356 256 127.998 C 256 198.644 198.644 256 127.998 256 C 57.356 256 0 198.644 0 127.998 Z " fill="rgb(255,255,255)"/><path d=" M 127.998 20.653 C 118.939 20.679 109.916 21.857 101.149 24.149 L 101.149 52.104 C 91.794 55.414 83.231 60.37 75.828 66.667 C 78.948 78.014 83.771 88.378 90.219 97.565 C 102.105 73.31 124.466 54.086 154.868 41.802 L 154.868 24.211 C 146.097 21.896 137.07 20.702 127.998 20.653 L 127.998 20.653 Z " fill="rgb(66,165,245)"/><path d=" M 35.044 74.332 C 30.535 82.191 27.039 90.591 24.645 99.331 L 48.851 113.306 C 47.041 123.064 47.054 132.959 48.802 142.517 C 60.189 145.491 71.579 146.496 82.758 145.504 C 67.698 123.086 62.229 94.104 66.791 61.636 L 51.555 52.838 C 45.165 59.277 39.615 66.499 35.044 74.332 L 35.044 74.332 Z " fill="rgb(25,118,210)"/><path d=" M 35.048 181.672 C 39.602 189.505 45.129 196.732 51.497 203.175 L 75.708 189.2 C 83.253 195.643 91.83 200.582 100.981 203.848 C 109.248 195.471 115.815 186.111 120.546 175.933 C 93.6 177.769 65.769 168.016 39.93 147.828 L 24.693 156.625 C 27.074 165.378 30.552 173.791 35.048 181.672 L 35.048 181.672 Z " fill="rgb(66,165,245)"/><path d=" M 128.011 235.334 C 137.074 235.307 146.093 234.135 154.859 231.842 L 154.859 203.888 C 164.215 200.577 172.778 195.617 180.186 189.324 C 177.061 177.977 172.242 167.613 165.79 158.422 C 153.908 182.677 131.542 201.905 101.145 214.185 L 101.145 231.78 C 109.912 234.095 118.939 235.29 128.011 235.334 L 128.011 235.334 Z " fill="rgb(25,118,210)"/><path d=" M 220.969 181.659 C 225.474 173.8 228.97 165.401 231.369 156.661 L 207.158 142.685 C 208.968 132.928 208.954 123.033 207.206 113.469 C 195.82 110.5 184.434 109.496 173.251 110.487 C 188.315 132.905 193.785 161.887 189.218 194.355 L 204.454 203.148 C 210.844 196.714 216.393 189.492 220.969 181.659 L 220.969 181.659 Z " fill="rgb(66,165,245)"/><path d=" M 220.96 74.319 C 216.407 66.486 210.879 59.259 204.511 52.816 L 180.305 66.791 C 172.755 60.344 164.184 55.409 155.028 52.143 C 146.761 60.516 140.198 69.876 135.463 80.054 C 162.413 78.222 190.244 87.975 216.079 108.164 L 231.316 99.366 C 228.939 90.613 225.456 82.196 220.96 74.319 L 220.96 74.319 Z " fill="rgb(25,118,210)"/>
+<circle cx="128" cy="128" r="1" stroke-width="5" stroke="rgb(38,50,56)" fill="transparent">
+  <animate attributeName="r" begin="0.25s" dur="2s" values="-20; 50" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/>
+  <animate attributeName="stroke-opacity" begin="0.25s" dur="2s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/>
+</circle>
+<circle cx="128" cy="128" r="1" fill="rgb(38,50,56)">
+  <animate attributeName="r" begin="0s" dur="2s" values="-20; 35" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/>
+  <animate attributeName="fill-opacity" begin="0s" dur="2s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/>
+</circle>
+<circle cx="128" cy="128" r="20.94" fill="rgb(38,50,56)"/>
+<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 128 128" to="360 128 128" dur="4s" repeatCount="indefinite"/></g></g></svg>
diff --git a/src/quasar-logo-animated.svg b/src/quasar-logo-animated.svg
new file mode 100644
index 0000000..2721f5a
--- /dev/null
+++ b/src/quasar-logo-animated.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 256 256" width="128" height="128"><defs><clipPath id="_clipPath_kJXKDqDXJrRfVZ31Eq4wH4oiSEXJmjqw"><rect width="256" height="256"/></clipPath></defs><g clip-path="url(#_clipPath_kJXKDqDXJrRfVZ31Eq4wH4oiSEXJmjqw)"><clipPath id="_clipPath_T3DlXFakzbdBRt2Loql3PpCidiVw8XwR"><rect x="0" y="0" width="256" height="256" transform="matrix(1,0,0,1,0,0)" fill="rgb(255,255,255)"/></clipPath><g clip-path="url(#_clipPath_T3DlXFakzbdBRt2Loql3PpCidiVw8XwR)"><path d=" M 0 127.998 C 0 57.356 57.356 0 127.998 0 C 198.644 0 256 57.356 256 127.998 C 256 198.644 198.644 256 127.998 256 C 57.356 256 0 198.644 0 127.998 Z " fill="rgb(255,255,255)"/><path d=" M 127.998 20.653 C 118.939 20.679 109.916 21.857 101.149 24.149 L 101.149 52.104 C 91.794 55.414 83.231 60.37 75.828 66.667 C 78.948 78.014 83.771 88.378 90.219 97.565 C 102.105 73.31 124.466 54.086 154.868 41.802 L 154.868 24.211 C 146.097 21.896 137.07 20.702 127.998 20.653 L 127.998 20.653 Z " fill="rgb(66,165,245)"/><path d=" M 35.044 74.332 C 30.535 82.191 27.039 90.591 24.645 99.331 L 48.851 113.306 C 47.041 123.064 47.054 132.959 48.802 142.517 C 60.189 145.491 71.579 146.496 82.758 145.504 C 67.698 123.086 62.229 94.104 66.791 61.636 L 51.555 52.838 C 45.165 59.277 39.615 66.499 35.044 74.332 L 35.044 74.332 Z " fill="rgb(25,118,210)"/><path d=" M 35.048 181.672 C 39.602 189.505 45.129 196.732 51.497 203.175 L 75.708 189.2 C 83.253 195.643 91.83 200.582 100.981 203.848 C 109.248 195.471 115.815 186.111 120.546 175.933 C 93.6 177.769 65.769 168.016 39.93 147.828 L 24.693 156.625 C 27.074 165.378 30.552 173.791 35.048 181.672 L 35.048 181.672 Z " fill="rgb(66,165,245)"/><path d=" M 128.011 235.334 C 137.074 235.307 146.093 234.135 154.859 231.842 L 154.859 203.888 C 164.215 200.577 172.778 195.617 180.186 189.324 C 177.061 177.977 172.242 167.613 165.79 158.422 C 153.908 182.677 131.542 201.905 101.145 214.185 L 101.145 231.78 C 109.912 234.095 118.939 235.29 128.011 235.334 L 128.011 235.334 Z " fill="rgb(25,118,210)"/><path d=" M 220.969 181.659 C 225.474 173.8 228.97 165.401 231.369 156.661 L 207.158 142.685 C 208.968 132.928 208.954 123.033 207.206 113.469 C 195.82 110.5 184.434 109.496 173.251 110.487 C 188.315 132.905 193.785 161.887 189.218 194.355 L 204.454 203.148 C 210.844 196.714 216.393 189.492 220.969 181.659 L 220.969 181.659 Z " fill="rgb(66,165,245)"/><path d=" M 220.96 74.319 C 216.407 66.486 210.879 59.259 204.511 52.816 L 180.305 66.791 C 172.755 60.344 164.184 55.409 155.028 52.143 C 146.761 60.516 140.198 69.876 135.463 80.054 C 162.413 78.222 190.244 87.975 216.079 108.164 L 231.316 99.366 C 228.939 90.613 225.456 82.196 220.96 74.319 L 220.96 74.319 Z " fill="rgb(25,118,210)"/>
+<circle cx="128" cy="128" r="1" stroke-width="5" stroke="rgb(38,50,56)" fill="transparent">
+  <animate attributeName="r" begin="0.25s" dur="2s" values="-20; 50" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/>
+  <animate attributeName="stroke-opacity" begin="0.25s" dur="2s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/>
+</circle>
+<circle cx="128" cy="128" r="1" fill="rgb(38,50,56)">
+  <animate attributeName="r" begin="0s" dur="2s" values="-20; 35" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/>
+  <animate attributeName="fill-opacity" begin="0s" dur="2s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/>
+</circle>
+<circle cx="128" cy="128" r="20.94" fill="rgb(38,50,56)"/>
+<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 128 128" to="360 128 128" dur="4s" repeatCount="indefinite"/></g></g></svg>