svg substitution (Qiskit#1037)

delapuente · Oct 22, 2020 · f561949 · f561949
1 parent 0fc9f89
commit f561949
Showing 1 changed file with 49 additions and 81 deletions.
diff --git a/components/ui/AppLogo.vue b/components/ui/AppLogo.vue
@@ -1,113 +1,81 @@
 <template>
   <svg
     class="app-logo"
-    version="1.1"
+    version="1.2"
     xmlns="http://www.w3.org/2000/svg"
     x="0"
     y="0"
-    viewBox="0 0 528.1 170.5"
+    viewBox="0 0 451.7 140.8"
     xml:space="preserve"
   >
     <defs>
       <radialGradient
         :id="scopeId('gradient-1')"
-        cx="85.29"
-        cy="112.687"
-        r="52.886"
+        cx="63.5"
+        cy="71.1"
+        r="65"
+        gradientTransform="matrix(.96 .21 -.14 .63 43 13.8)"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset=".477" class="app-logo__gradient" stop-opacity="0" />
-        <stop offset=".926" class="app-logo__gradient" stop-opacity=".859" />
-        <stop offset="1" class="app-logo__gradient" />
+        <stop class="app-logo__gradient" offset=".2" stop-opacity="0" />
+        <stop class="app-logo__gradient" offset="1" />
       </radialGradient>
-      <linearGradient
+      <radialGradient
         :id="scopeId('gradient-2')"
+        cx="40"
+        cy="162.1"
+        r="35"
+        gradientTransform="matrix(.98 0 0 .6 31.7 16.5)"
         gradientUnits="userSpaceOnUse"
-        x1="85.311"
-        y1="146.189"
-        x2="85.311"
-        y2="158.413"
       >
-        <stop offset="0" class="app-logo__gradient" stop-opacity="0" />
-        <stop offset=".879" class="app-logo__gradient" stop-opacity=".879" />
-        <stop offset="1" class="app-logo__gradient" />
-      </linearGradient>
-      <linearGradient
+        <stop class="app-logo__gradient" offset="0" stop-opacity="0" />
+        <stop class="app-logo__gradient" offset="1" />
+      </radialGradient>
+      <radialGradient
         :id="scopeId('gradient-3')"
+        cx="40.5"
+        cy="29.8"
+        r="60.3"
+        gradientTransform="matrix(.98 0 0 .75 31.6 9.5)"
         gradientUnits="userSpaceOnUse"
-        x1="78.293"
-        y1="62.161"
-        x2="77.566"
-        y2="82.983"
-      >
-        <stop offset=".001" class="app-logo__gradient" />
-        <stop offset=".048" class="app-logo__gradient" stop-opacity=".89" />
-        <stop offset=".426" class="app-logo__gradient" stop-opacity="0" />
-        <stop offset=".481" class="app-logo__gradient" stop-opacity=".096" />
-        <stop offset="1" class="app-logo__gradient" />
-      </linearGradient>
-      <linearGradient
-        :id="scopeId('gradient-4')"
-        gradientUnits="userSpaceOnUse"
-        x1="100.872"
-        y1="103.165"
-        x2="100.127"
-        y2="124.501"
       >
-        <stop offset=".001" class="app-logo__gradient" />
-        <stop offset=".385" class="app-logo__gradient" stop-opacity=".098" />
-        <stop offset=".426" class="app-logo__gradient" stop-opacity="0" />
-        <stop offset=".481" class="app-logo__gradient" stop-opacity=".096" />
-        <stop offset="1" class="app-logo__gradient" />
-      </linearGradient>
+        <stop class="app-logo__gradient" offset=".2" stop-opacity="0" />
+        <stop class="app-logo__gradient" offset="1" />
+      </radialGradient>
       <radialGradient
-        :id="scopeId('gradient-5')"
-        cx="85.311"
-        cy="71.862"
-        r="61.048"
+        :id="scopeId('gradient-4')"
+        cx="3.1"
+        cy="-.4"
+        r="40.7"
+        gradientTransform="matrix(.4 .89 -1.26 .57 33 -.4)"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset=".477" class="app-logo__gradient" stop-opacity="0" />
-        <stop offset=".926" class="app-logo__gradient" stop-opacity=".859" />
-        <stop offset="1" class="app-logo__gradient" />
+        <stop class="app-logo__gradient" offset=".4" stop-opacity="0" />
+        <stop class="app-logo__gradient" offset="1" />
       </radialGradient>
       <radialGradient
-        :id="scopeId('gradient-6')"
-        cx="85.319"
-        cy="32.63"
-        r="52.783"
+        :id="scopeId('gradient-5')"
+        cx="-412.4"
+        cy="-1203.4"
+        r="1068.9"
+        gradientTransform="matrix(.98 0 0 .98 31.7 2.6)"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset="0" class="app-logo__gradient" stop-opacity="0" />
-        <stop offset=".859" class="app-logo__gradient" stop-opacity=".859" />
-        <stop offset="1" class="app-logo__gradient" />
+        <stop class="app-logo__gradient" offset="0" stop-opacity="0" />
+        <stop class="app-logo__gradient" offset=".4" />
       </radialGradient>
+      <style>
+        .cls-1{fill:#010101}
+      </style>
     </defs>
-    <path class="app-logo__solid" d="M83.6 150.3c-34.9-.4-72.1-9.3-72.1-25.1h5.8c0 8.8 27.2 18.9 66.3 19.4 39.8 0 69.6-10.2 69.6-19.4h5.8c0 15.7-38.3 25.1-75.4 25.1z" />
-
-    <path d="M86.9 100.1c34.9.4 72.1 9.3 72.1 25.1h-5.8c0-8.8-27.2-18.9-66.3-19.4-39.8 0-69.6 10.2-69.6 19.4h-5.8c0-15.7 38.4-25.1 75.4-25.1z" :fill="`url(#${scopeId('gradient-1')})`" />
-    <path class="app-logo__solid" d="M85.5 170.5c-47.1.1-85.4-38-85.5-85.1C-.1 38.4 38 .1 85.1 0c31.5-.1 60.5 17.2 75.3 45 22.3 41.5 6.7 93.2-34.8 115.4-12.3 6.6-26.1 10.1-40.1 10.1zM85.2 5.8C41.3 5.9 5.8 41.5 5.8 85.4c.1 43.9 35.7 79.4 79.6 79.3 43.9-.1 79.4-35.7 79.3-79.6 0-13.1-3.3-25.9-9.4-37.4-13.8-25.8-40.8-41.9-70.1-41.9z" />
-    <path class="app-logo__solid" d="M85.3 170.6c-12.5 0-22-5.3-22-12.2h5.8c0 2.6 6.3 6.5 16.2 6.5s16.2-3.8 16.2-6.5h5.8c0 6.9-9.4 12.2-22 12.2z" />
-
-    <path d="M85.3 146.2c12.5 0 22 5.3 22 12.2h-5.8c0-2.6-6.3-6.5-16.2-6.5s-16.2 3.8-16.2 6.5h-5.8c0-6.9 9.5-12.2 22-12.2z" :fill="`url(#${scopeId('gradient-2')})`" />
-    <circle class="app-logo__solid" cx="117.5" cy="144.8" r="7.4" />
-    <circle class="app-logo__solid" cx="52.1" cy="25.5" r="8" />
-    <path transform="rotate(-28.7 62.439 44.272)" class="app-logo__solid" d="M60.3 22.8h4.3v42.9h-4.3z" />
-
-    <path :fill="`url(#${scopeId('gradient-3')})`" d="M70.8 64.1l3.8-2.1L85 81l-3.8 2.1z" />
-
-    <path :fill="`url(#${scopeId('gradient-4')})`" d="M93.3 105.1L97 103l10.7 19.6-3.8 2z" />
-    <path transform="rotate(-28.7 111.652 134.19)" class="app-logo__solid" d="M109.5 122.1h4.3v24.2h-4.3z" />
-    <path transform="rotate(-28.658 89.146 93.073)" class="app-logo__solid" d="M87 80.5h4.3v25.1H87z" />
-    <path class="app-logo__solid" d="M83.4 112.3C43 111.9 0 102.2 0 85.3h5.8c0 9.7 31.9 20.8 77.6 21.3 46.6 0 81.4-11.2 81.4-21.3h5.8c0 16.8-44.4 27-87.2 27z" />
-
-    <path d="M87.3 58.3c40.4.4 83.3 10.1 83.3 27.1h-5.8c0-9.7-31.9-20.8-77.6-21.3-46.6 0-81.4 11.2-81.4 21.3H0c0-16.9 44.5-27.1 87.3-27.1z" :fill="`url(#${scopeId('gradient-5')})`" />
-    <path class="app-logo__solid" d="M83.6 70.3c-34.8-.4-71.9-9.3-71.9-25.1h5.8c0 8.8 27.2 18.9 66.2 19.3 39.7 0 69.5-10.2 69.5-19.3h5.8c-.1 15.7-38.4 25.1-75.4 25.1z" />
-
-    <path d="M87 20.1c34.9.4 71.9 9.3 71.9 25.1h-5.8c0-8.8-27.2-18.9-66.2-19.3-39.7 0-69.5 10.2-69.5 19.3h-5.8C11.7 29.5 50 20.1 87 20.1z" :fill="`url(#${scopeId('gradient-6')})`" />
-    <path class="app-logo__solid" d="M69.1 10h-5.8c0-6.8 11.4-9.9 22-9.9s22 3.1 22 9.9h-5.8c-.3-1.1-5.9-4.1-16.2-4.1S69.4 8.8 69.1 10z" />
-    <path class="app-logo__solid" d="M85.3 19.8c-10.6 0-22-3.1-22-9.9h5.8c.3 1.1 5.8 4.1 16.2 4.1s15.9-3 16.2-4.2h5.8c0 6.9-11.4 10-22 10z" />
-    <path class="app-logo__solid" d="M275.7 144.3H263c-10 0-14.7-5.5-14.7-14.3v-6.8c-20.1-2.6-32.8-18.5-32.8-46.1 0-30.2 15.3-46.5 38.7-46.5s38.7 16.2 38.7 46.5c0 26.8-12 42.6-31 45.8v9.3h13.5l.3 12.1zm1.6-60.1V70c0-16.3-9.3-26.4-23.2-26.4-13.9 0-23.2 10-23.2 26.4v14.2c0 16.3 9.3 26.4 23.2 26.4 14 0 23.2-10.1 23.2-26.4zM304.1 35.8v-2.2c0-4.2 2.6-7.3 8.4-7.3s8.2 3.1 8.2 7.3v2.2c0 4.2-2.4 7.3-8.2 7.3s-8.4-3.1-8.4-7.3zm1.3 19.3h14V122h-14V55.1zM329.5 111l9-8.2c4.9 5.9 10.9 9.5 18.9 9.5 8.1 0 12.2-3.3 12.2-9 0-4.2-2.6-7.5-9.5-8.4l-6.2-.8c-13.6-1.7-22-7.6-22-19.9 0-13 10.2-20.6 24.8-20.6 12.1 0 18.9 4 25 10.7l-8.6 8.2c-3.5-4.1-9.1-7.6-16.3-7.6-7.7 0-11.3 3.3-11.3 8.4 0 5.1 3.2 7.5 10.3 8.6l6.2.8c14.7 2.2 21.2 8.6 21.2 19.4 0 12.9-10.4 21.5-26.5 21.5-12.6 0-20.9-4.8-27.2-12.6zM394.2 26.8h14v58.4h.6l9.3-12 16.1-18.1h16.3L427.2 81l26.3 41.1h-16.7l-19.2-31.9-9.3 10V122h-14V26.8zM462.9 35.8v-2.2c0-4.2 2.6-7.3 8.4-7.3s8.2 3.1 8.2 7.3v2.2c0 4.2-2.4 7.3-8.2 7.3s-8.4-3.1-8.4-7.3zm1.3 19.3h14V122h-14V55.1zM514.9 122c-9.7 0-14.8-5.4-14.8-14.5V66.6h-10.4V55.1h5.7c4.6 0 6.2-1.9 6.2-6.6V36.8h12.6v18.3h14v11.5h-14v44h13V122h-12.3z" />
+    <path class="app-logo__solid" d="M221.3 126.4h-11.6c-9.1 0-13.3-5-13.3-13v-6.2c-18.3-2.3-29.8-16.8-29.8-41.8 0-27.5 13.9-42.2 35.1-42.2S237 37.9 237 65.4c0 24.3-10.8 38.7-28.1 41.6v8.4H221zm1.5-54.6V59c0-14.8-8.4-24-21-24s-21 9.1-21 24v12.8c0 14.9 8.4 24 21 24s21-9.1 21-24zM246.3 30.3v-2c0-3.9 2.3-6.7 7.6-6.7s7.5 2.8 7.5 6.7v2c0 3.8-2.2 6.6-7.5 6.6s-7.6-2.8-7.6-6.6zM247.5 45.4h12.7v60.8h-12.7zM270.9 96.1l8.1-7.4c4.4 5.3 10 8.6 17.2 8.6s11-3 11-8.2c0-3.8-2.3-6.7-8.6-7.6l-5.6-.7c-12.4-1.5-20-6.9-20-18 0-11.9 9.3-18.8 22.6-18.8 11 0 17.2 3.6 22.7 9.7l-7.9 7.5a19.4 19.4 0 00-14.8-6.9c-7 0-10.3 3-10.3 7.6s3 6.8 9.3 7.8l5.7.7c13.3 2 19.2 7.9 19.2 17.7 0 11.7-9.4 19.5-24 19.5A29.3 29.3 0 01270.9 96zM328.2 19.7H341v53h.6L350 62l14.6-16.5h14.8L358.1 69l23.9 37.3h-15.2l-17.4-29-8.4 9.1v19.9h-12.8zM390.8 30.3v-2c0-3.9 2.4-6.7 7.6-6.7s7.5 2.8 7.5 6.7v2c0 3.8-2.2 6.6-7.5 6.6s-7.6-2.8-7.6-6.6zM392 45.4h12.7v60.8H392zM438.3 106.2c-8.8 0-13.5-5-13.5-13.2V55.8h-9.4V45.4h5.1c4.2 0 5.6-1.7 5.6-6V28.8h11.5v16.6h12.7v10.4h-12.7v40h11.8v10.4z" />
+    <path :fill="`url(#${scopeId('gradient-1')})`" d="M131.1 103.1C131 90.1 100.6 83 72 82.6c-30.4 0-61.8 7.6-61.9 20.5.2 13 30.6 20.3 59.2 20.6 30.3 0 61.7-7.7 61.8-20.5zM69.3 119c-32-.4-54.3-8.6-54.4-15.8.1-7.5 24.5-16 57.1-16 32 .5 54.3 8.7 54.4 16 0 7.4-24.5 15.8-57.1 15.8z" />
+    <path class="app-logo__solid" d="M70.8 140.3a70 70 0 1161.5-103 70 70 0 01-61.5 103zM70.5 5.2a65.2 65.2 0 1057.6 34.3A65.3 65.3 0 0070.7 5.2z" />
+    <path :fill="`url(#${scopeId('gradient-2')})`" d="M88.7 131c0-5.4-7.8-9.5-18-9.5s-18 4-18 9.4v.1c0 5.3 7.8 9.4 18 9.4s18-4 18-9.4zm-18 5c-8.1 0-13.3-3-13.3-5s5.2-5 13.3-5 13.2 2.9 13.3 5-5.3 4.9-13.3 4.9z" />
+    <path :fill="`url(#${scopeId('gradient-3')})`" d="M140.6 70.4c-.2-13.8-35.3-21.7-68.3-22-35 0-71.4 8.2-71.6 22C.9 84.5 36 92.3 69 92.7c35 0 71.4-8.3 71.6-22.1zM69.1 87.8c-37.4-.4-63.5-9.5-63.7-17.4C5.5 62.2 34.1 53 72.2 53c37.5.4 63.6 9.5 63.7 17.4-.1 8.2-28.7 17.4-66.8 17.4z" />
+    <path :fill="`url(#${scopeId('gradient-4')})`" d="M72 16.9c-30.4 0-61.8 7.7-61.8 20.6s30.4 20.3 59 20.6c30.4 0 61.8-7.7 61.8-20.6s-30.3-20.3-59-20.6zm-2.7 36.4C37.3 53 15 44.7 15 37.5c0-7.5 24.4-15.9 57-15.9 32 .4 54.3 8.7 54.3 15.9 0 7.5-24.4 15.8-57 15.8z" />
+    <path class="app-logo__solid" d="M70.4.4c-5 0-16.9.7-16.9 7.9s11.8 7.8 17 7.8 16.8-.7 16.8-7.8-11.8-8-16.9-8zm0 4.8c7.2 0 12.1 1.6 12.1 3s-5 3.2-12 3.2-12.2-1.7-12.2-3.1 5-3.1 12.1-3.1z" />
+    <path :fill="`url(#${scopeId('gradient-5')})`" d="M100 112.8a6.1 6.1 0 00-.9 0L72.8 67.6 48.8 26a6 6 0 10-4.5 2.2 6.6 6.6 0 00.8 0l24 41.3 10.8 18.7L95.3 115a6 6 0 104.7-2.2z" />
   </svg>
 </template>