1 files changed, 64 insertions, 13 deletions
diff --git a/Flat Remix Light/apps/scalable/journey-of-a-roach.svg b/Flat Remix Light/apps/scalable/journey-of-a-roach.svg
index 79a20b5d3..564ecc990 100644
--- a/Flat Remix Light/apps/scalable/journey-of-a-roach.svg
+++ b/Flat Remix Light/apps/scalable/journey-of-a-roach.svg
@@ -1,14 +1,65 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
- <path style="fill:#7a6143" d="m40.637 6.0148c-9.123 0.1444-28.839 1.5418-32.442 7.3092-0.6308 1.662-1.7556 7.505-2.306 11.971-0.1284 1.03-0.2486 2.344-0.3727 3.555a12.272 12.315 0 0 0 -3.5155 8.6236 12.272 12.315 0 0 0 2.2159 7.0497c-0.023319 0.352-0.1305 1.8414-0.1305 1.8414-0.16666 5.716-0.032439 5.9186 5.3958 8.1809 4.3388 1.8083 9.0342 2.7487 16.169 3.2365 6.1027 0.41732 12.278 0.22483 16.983-0.52918 8.2749-1.3259 15.455-4.0342 16.251-6.1309 0.21869-0.57584 0.548-2.9273 0.73239-5.225 0.03722-0.46372 0.06002-0.8568 0.09056-1.2855a12.272 12.315 0 0 0 2.292 -7.137 12.272 12.315 0 0 0 -3.18 -8.249c-0.36-2.33-0.794-4.982-1.374-8.438-1.022-5.366-2.24-10.505-2.706-11.421-1.364-2.6737-3.036-3.1879-10.919-3.3459-0.794-0.0214-1.88-0.026-3.182-0.0052z"/>
- <path style="fill:#372c1e" d="m36.959 53.249c1.8423-0.82551 2.6287-1.9595 1.5485-2.2329-0.36332-0.09194-1.3135 0.19511-2.1115 0.63787-1.7843 0.99008-4.2558 1.0611-6.4351 0.18493-2.7355-1.0998-4.0496-0.49604-1.8656 0.85704 2.4165 1.4971 6.2263 1.7348 8.8636 0.553z"/>
- <circle style="opacity:.2" cx="15" cy="38" r="11"/>
- <circle style="fill:#37a643" cx="15" cy="37" r="11"/>
- <circle style="fill:#372c1e" cx="14" cy="36" r="2"/>
- <circle style="opacity:.2" cx="48.999" cy="38" r="11"/>
- <circle style="fill:#37a643" cx="48.999" cy="37" r="11"/>
- <circle style="fill:#372c1e" cx="49.999" cy="36" r="2"/>
- <path style="fill:#372c1e" d="m51.887 12.132c0.09116 0.20629-5.8852 2.6407-10.956 4.8974-5.0708 2.2565-7.3155 3.4807-7.4067 3.2743-0.05278-0.1194 3.0717-2.1037 5.1848-3.1261 4.083-1.7627 8.1963-3.6556 13.178-5.0456z"/>
- <path style="fill:#372c1e" d="m47.591 22.617c-0.21799 0.058-2.7099-2.3299-5.0878-5.5142-2.3779-3.1831-3.7398-5.956-3.5239-6.0134 0.21735-0.05725 1.7393 2.4769 4.117 5.6602 2.3779 3.1833 4.711 5.8102 4.4936 5.8674z"/>
- <path style="opacity:.1;fill:#ffffff" d="m40.637 6.0156c-9.124 0.1444-28.838 1.5409-32.442 7.3084-0.6301 1.662-1.756 7.505-2.3063 11.971-0.1284 1.03-0.2489 2.343-0.3731 3.555a12.272 12.315 0 0 0 -3.5156 8.625 12.272 12.315 0 0 0 0.0215 0.439 12.272 12.315 0 0 1 3.4941 -8.062c0.1242-1.212 0.2447-2.527 0.3731-3.557 0.5503-4.466 1.6762-10.309 2.3066-11.971 3.6037-5.7675 23.318-7.164 32.442-7.3084h0.002c1.302-0.0208 2.387-0.0175 3.181 0.0039 7.884 0.158 9.556 0.6736 10.92 3.3475 0.466 0.916 1.683 6.054 2.705 11.42 0.58 3.456 1.015 6.108 1.375 8.438a12.272 12.315 0 0 1 3.157 7.785 12.272 12.315 0 0 0 0.023 -0.535 12.272 12.315 0 0 0 -3.18 -8.25c-0.36-2.33-0.795-4.982-1.375-8.438-1.022-5.366-2.239-10.504-2.705-11.42-1.364-2.6739-3.036-3.1895-10.92-3.3475-0.794-0.0214-1.879-0.0247-3.181-0.0039h-0.002zm-36.485 39.416c-0.0302 0.423-0.0664 0.933-0.0664 0.933-0.0262 0.901-0.0355 1.627-0.0273 2.283 0.0068-0.408 0.0133-0.8 0.0273-1.283 0 0 0.1076-1.49 0.1309-1.842a12.272 12.315 0 0 1 -0.0645 -0.091z"/>
- <path style="opacity:.2" d="m2.0215 37.914a12.272 12.315 0 0 0 -0.0215 0.56 12.272 12.315 0 0 0 2.1523 6.957c0.029375-0.41175 0.052954-0.73463 0.064453-0.9082a12.272 12.315 0 0 1 -2.1953 -6.609zm59.955 0.09375a12.272 12.315 0 0 1 -2.2676 6.6035c-0.03054 0.42872-0.05458 0.82339-0.0918 1.2871-0.18439 2.2977-0.51373 4.6488-0.73242 5.2246-0.79637 2.0967-7.9751 4.805-16.25 6.1309-4.705 0.753-10.881 0.945-16.984 0.528-7.134-0.488-11.829-1.428-16.168-3.236-4.5727-1.906-5.3796-2.388-5.4234-5.899-0.073518 4.4307 0.45378 4.8271 5.4238 6.8984 4.3388 1.8083 9.0337 2.7485 16.168 3.2363 6.1027 0.41732 12.279 0.22471 16.984-0.5293 8.2749-1.3259 15.454-4.0341 16.25-6.1309 0.21869-0.57584 0.54803-2.9269 0.73242-5.2246 0.03722-0.46372 0.06126-0.85839 0.0918-1.2871a12.272 12.315 0 0 0 2.291 -7.137 12.272 12.315 0 0 0 -0.023 -0.467z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384pt" height="384pt" version="1.1" viewBox="0 0 384 384">
+ <defs>
+  <filter id="alpha" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+   <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+  </filter>
+  <mask id="mask0">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip1">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface5" clip-path="url(#clip1)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 156 228 C 156 264.449219 126.449219 294 90 294 C 53.550781 294 24 264.449219 24 228 C 24 191.550781 53.550781 162 90 162 C 126.449219 162 156 191.550781 156 228 Z M 156 228"/>
+  </g>
+  <mask id="mask1">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip2">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface8" clip-path="url(#clip2)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 359.992188 228 C 359.992188 264.449219 330.445312 294 293.992188 294 C 257.542969 294 227.992188 264.449219 227.992188 228 C 227.992188 191.550781 257.542969 162 293.992188 162 C 330.445312 162 359.992188 191.550781 359.992188 228 Z M 359.992188 228"/>
+  </g>
+  <mask id="mask2">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip3">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface11" clip-path="url(#clip3)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 243.820312 36.09375 C 189.078125 36.960938 70.792969 45.339844 49.171875 79.945312 C 45.390625 89.914062 38.632812 124.972656 35.332031 151.769531 C 34.5625 157.949219 33.839844 165.828125 33.09375 173.101562 C 19.578125 186.910156 12.003906 205.492188 12 224.851562 C 12.027344 225.730469 12.070312 226.605469 12.128906 227.484375 C 12.949219 209.320312 20.414062 192.097656 33.09375 179.113281 C 33.839844 171.839844 34.5625 163.949219 35.332031 157.769531 C 38.632812 130.972656 45.390625 95.914062 49.171875 85.945312 C 70.792969 51.339844 189.078125 42.960938 243.824219 42.09375 L 243.835938 42.09375 C 251.648438 41.96875 258.15625 41.988281 262.921875 42.117188 C 310.226562 43.066406 320.257812 46.160156 328.441406 62.203125 C 331.238281 67.699219 338.539062 98.527344 344.671875 130.722656 C 348.152344 151.457031 350.761719 167.371094 352.921875 181.351562 C 364.5 194.210938 371.203125 210.742188 371.863281 228.058594 C 371.933594 226.992188 371.980469 225.921875 372 224.851562 C 371.96875 206.546875 365.171875 188.910156 352.921875 175.351562 C 350.761719 161.371094 348.152344 145.457031 344.671875 124.722656 C 338.539062 92.527344 331.238281 61.699219 328.441406 56.203125 C 320.257812 40.160156 310.226562 37.066406 262.921875 36.117188 C 258.15625 35.988281 251.648438 35.96875 243.835938 36.09375 Z M 24.910156 272.589844 C 24.730469 275.128906 24.511719 278.1875 24.511719 278.1875 C 24.355469 283.59375 24.300781 287.949219 24.351562 291.886719 C 24.390625 289.4375 24.429688 287.085938 24.511719 284.1875 C 24.511719 284.1875 25.160156 275.246094 25.300781 273.136719 C 25.167969 272.953125 25.039062 272.773438 24.910156 272.589844 Z M 24.910156 272.589844"/>
+  </g>
+  <mask id="mask3">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip4">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface14" clip-path="url(#clip4)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 12.128906 227.484375 C 12.0625 228.601562 12.019531 229.722656 12 230.84375 C 12.011719 245.746094 16.511719 260.296875 24.914062 272.585938 C 25.089844 270.117188 25.230469 268.179688 25.300781 267.136719 C 17.199219 255.464844 12.625 241.699219 12.128906 227.484375 Z M 371.859375 228.046875 C 371.230469 242.292969 366.503906 256.054688 358.253906 267.667969 C 358.070312 270.238281 357.925781 272.609375 357.703125 275.390625 C 356.597656 289.175781 354.621094 303.28125 353.308594 306.738281 C 348.53125 319.316406 305.457031 335.566406 255.808594 343.523438 C 227.578125 348.042969 190.523438 349.191406 153.902344 346.691406 C 111.101562 343.761719 82.929688 338.125 56.894531 327.273438 C 29.460938 315.839844 24.617188 312.945312 24.355469 291.882812 C 23.914062 318.464844 27.078125 320.84375 56.898438 333.273438 C 82.929688 344.121094 111.101562 349.761719 153.90625 352.6875 C 190.523438 355.191406 227.582031 354.039062 255.808594 349.511719 C 305.460938 341.558594 348.535156 325.308594 353.308594 312.726562 C 354.621094 309.273438 356.597656 295.167969 357.703125 281.378906 C 357.929688 278.597656 358.074219 276.230469 358.253906 273.65625 C 367.160156 261.164062 371.964844 246.195312 372 230.835938 C 371.972656 229.902344 371.925781 228.96875 371.863281 228.035156 Z M 371.859375 228.046875"/>
+  </g>
+ </defs>
+ <g>
+  <path style="fill:rgb(47.843137%,38.039216%,26.27451%)" d="M 243.820312 36.089844 C 189.085938 36.957031 70.789062 45.339844 49.171875 79.945312 C 45.386719 89.914062 38.636719 124.972656 35.335938 151.769531 C 34.5625 157.949219 33.84375 165.835938 33.097656 173.101562 C 19.585938 186.910156 12.011719 205.488281 12.003906 224.839844 C 12.015625 239.972656 16.65625 254.738281 25.300781 267.140625 C 25.160156 269.25 24.515625 278.1875 24.515625 278.1875 C 23.515625 312.484375 24.324219 313.699219 56.890625 327.273438 C 82.925781 338.125 111.097656 343.765625 153.90625 346.691406 C 190.523438 349.195312 227.574219 348.042969 255.804688 343.515625 C 305.453125 335.5625 348.535156 319.3125 353.308594 306.730469 C 354.621094 303.277344 356.597656 289.167969 357.703125 275.382812 C 357.925781 272.601562 358.066406 270.242188 358.246094 267.667969 C 367.15625 255.175781 371.964844 240.207031 372 224.847656 C 371.964844 206.546875 365.167969 188.910156 352.917969 175.351562 C 350.757812 161.375 348.15625 145.460938 344.675781 124.726562 C 338.542969 92.527344 331.234375 61.695312 328.441406 56.199219 C 320.253906 40.15625 310.222656 37.070312 262.925781 36.125 C 258.160156 35.996094 251.644531 35.96875 243.832031 36.09375 Z M 243.820312 36.089844"/>
+  <path style="fill:rgb(21.568627%,17.254902%,11.764706%)" d="M 221.753906 319.492188 C 232.808594 314.539062 237.527344 307.738281 231.046875 306.097656 C 228.863281 305.546875 223.164062 307.265625 218.375 309.921875 C 207.671875 315.863281 192.839844 316.289062 179.765625 311.035156 C 163.351562 304.433594 155.46875 308.058594 168.570312 316.175781 C 183.070312 325.160156 205.929688 326.585938 221.753906 319.492188 Z M 221.753906 319.492188"/>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(21.568627%,65.098039%,26.27451%)" d="M 156 222 C 156 258.449219 126.449219 288 90 288 C 53.550781 288 24 258.449219 24 222 C 24 185.550781 53.550781 156 90 156 C 126.449219 156 156 185.550781 156 222 Z M 156 222"/>
+  <path style="fill:rgb(21.568627%,17.254902%,11.764706%)" d="M 96 216 C 96 222.628906 90.628906 228 84 228 C 77.371094 228 72 222.628906 72 216 C 72 209.371094 77.371094 204 84 204 C 90.628906 204 96 209.371094 96 216 Z M 96 216"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <path style="fill:rgb(21.568627%,65.098039%,26.27451%)" d="M 359.992188 222 C 359.992188 258.449219 330.445312 288 293.992188 288 C 257.542969 288 227.992188 258.449219 227.992188 222 C 227.992188 185.550781 257.542969 156 293.992188 156 C 330.445312 156 359.992188 185.550781 359.992188 222 Z M 359.992188 222"/>
+  <path style="fill:rgb(21.568627%,17.254902%,11.764706%)" d="M 311.992188 216 C 311.992188 222.628906 306.621094 228 299.992188 228 C 293.367188 228 287.992188 222.628906 287.992188 216 C 287.992188 209.371094 293.367188 204 299.992188 204 C 306.621094 204 311.992188 209.371094 311.992188 216 Z M 311.992188 216"/>
+  <path style="fill:rgb(21.568627%,17.254902%,11.764706%)" d="M 311.320312 72.792969 C 311.867188 74.03125 276.011719 88.636719 245.585938 102.175781 C 215.160156 115.714844 201.691406 123.0625 201.144531 121.820312 C 200.828125 121.105469 219.574219 109.199219 232.253906 103.066406 C 256.753906 92.488281 281.433594 81.132812 311.324219 72.792969 Z M 311.320312 72.792969"/>
+  <path style="fill:rgb(21.568627%,17.254902%,11.764706%)" d="M 285.546875 135.703125 C 284.238281 136.050781 269.285156 121.722656 255.019531 102.617188 C 240.75 83.519531 232.582031 66.878906 233.875 66.535156 C 235.179688 66.191406 244.3125 81.398438 258.578125 100.496094 C 272.84375 119.597656 286.84375 135.359375 285.539062 135.703125 Z M 285.546875 135.703125"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+ </g>
 </svg>