1 files changed, 87 insertions, 18 deletions
diff --git a/Flat Remix/apps/scalable/diodon.svg b/Flat Remix/apps/scalable/diodon.svg
index cc2dbb2bc..d25d3f865 100644
--- a/Flat Remix/apps/scalable/diodon.svg
+++ b/Flat Remix/apps/scalable/diodon.svg
@@ -1,20 +1,89 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
- <rect style="opacity:0.2" width="38" height="38" x="4" y="-60" rx="3" ry="3" transform="matrix(0,1,-1,0,0,0)"/>
- <rect style="fill:#c2c2c2" width="38" height="38" x="3" y="-60" rx="3" ry="3" transform="matrix(0,1,-1,0,0,0)"/>
- <g style="opacity:0.2" transform="matrix(2,0,0,2,8,-7)">
-  <path d="m 10,11 0,-1 12,0 0,1 z"/>
-  <path d="m 10,14 0,-1 12,0 0,1 z"/>
-  <path d="m 10,17 0,-1 12,0 0,1 z"/>
-  <path d="m 10,20 0,-1 8,0 0,1 z"/>
- </g>
- <rect style="opacity:0.2" width="38" height="38" x="22" y="-42" rx="3" ry="3" transform="matrix(0,1,-1,0,0,0)"/>
- <rect style="fill:#d3d3d3" width="38" height="38" x="21" y="-42" rx="3" ry="3" transform="matrix(0,1,-1,0,0,0)"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 25 3 C 23.338 3 22 4.338 22 6 L 22 7 C 22 5.338 23.338 4 25 4 L 57 4 C 58.662 4 60 5.338 60 7 L 60 6 C 60 4.338 58.662 3 57 3 L 25 3 z"/>
- <path style="opacity:0.1;fill:#ffffff" d="M 7 21 C 5.338 21 4 22.338 4 24 L 4 25 C 4 23.338 5.338 22 7 22 L 39 22 C 40.662 22 42 23.338 42 25 L 42 24 C 42 22.338 40.662 21 39 21 L 7 21 z"/>
- <g style="opacity:0.5" transform="matrix(2,0,0,2,-10,11)">
-  <path d="m 10,11 0,-1 12,0 0,1 z"/>
-  <path d="m 10,14 0,-1 12,0 0,1 z"/>
-  <path d="m 10,17 0,-1 12,0 0,1 z"/>
-  <path d="m 10,20 0,-1 8,0 0,1 z"/>
+<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 360 42 L 360 234 C 360 243.941406 351.941406 252 342 252 L 150 252 C 140.058594 252 132 243.941406 132 234 L 132 42 C 132 32.058594 140.058594 24 150 24 L 342 24 C 351.941406 24 360 32.058594 360 42 Z M 360 42"/>
+  </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 168 90 L 168 78 L 312 78 L 312 90 Z M 168 90"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 168 126 L 168 114 L 312 114 L 312 126 Z M 168 126"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 168 162 L 168 150 L 312 150 L 312 162 Z M 168 162"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 168 198 L 168 186 L 264 186 L 264 198 Z M 168 198"/>
+  </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.2"/>
+   </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(0%,0%,0%)" d="M 252 150 L 252 342 C 252 351.941406 243.941406 360 234 360 L 42 360 C 32.058594 360 24 351.941406 24 342 L 24 150 C 24 140.058594 32.058594 132 42 132 L 234 132 C 243.941406 132 252 140.058594 252 150 Z M 252 150"/>
+  </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.101961"/>
+   </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(100%,100%,100%)" d="M 150 18 C 140.027344 18 132 26.027344 132 36 L 132 42 C 132 32.027344 140.027344 24 150 24 L 342 24 C 351.972656 24 360 32.027344 360 42 L 360 36 C 360 26.027344 351.972656 18 342 18 Z M 150 18"/>
+  </g>
+  <mask id="mask4">
+   <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="clip5">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface17" clip-path="url(#clip5)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 42 126 C 32.027344 126 24 134.027344 24 144 L 24 150 C 24 140.027344 32.027344 132 42 132 L 234 132 C 243.972656 132 252 140.027344 252 150 L 252 144 C 252 134.027344 243.972656 126 234 126 Z M 42 126"/>
+  </g>
+  <mask id="mask5">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.501961"/>
+   </g>
+  </mask>
+  <clipPath id="clip6">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface20" clip-path="url(#clip6)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 60 198 L 60 186 L 204 186 L 204 198 Z M 60 198"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 60 234 L 60 222 L 204 222 L 204 234 Z M 60 234"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 60 270 L 60 258 L 204 258 L 204 270 Z M 60 270"/>
+   <path style="fill:rgb(0%,0%,0%)" d="M 60 306 L 60 294 L 156 294 L 156 306 Z M 60 306"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <path style="fill:rgb(76.078431%,76.078431%,76.078431%)" d="M 360 36 L 360 228 C 360 237.941406 351.941406 246 342 246 L 150 246 C 140.058594 246 132 237.941406 132 228 L 132 36 C 132 26.058594 140.058594 18 150 18 L 342 18 C 351.941406 18 360 26.058594 360 36 Z M 360 36"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(82.745098%,82.745098%,82.745098%)" d="M 252 144 L 252 336 C 252 345.941406 243.941406 354 234 354 L 42 354 C 32.058594 354 24 345.941406 24 336 L 24 144 C 24 134.058594 32.058594 126 42 126 L 234 126 C 243.941406 126 252 134.058594 252 144 Z M 252 144"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <use mask="url(#mask4)" xlink:href="#surface17"/>
+  <use mask="url(#mask5)" xlink:href="#surface20"/>
  </g>
 </svg>