felipe/mikael-3.3-co-behavior
1
0
Fork 0
mirror of https://github.com/domfelipe/mikael-3.3-co-behavior.git synced 2026-08-07 06:56:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: simplify banner to 8-bit MIKAEL text only

Browse source
This commit is contained in:
Felipe Domingues 2026-04-21 20:30:45 -03:00
parent 99ed8c19bc
commit 4e041e7af8
2 changed files with 100 additions and 278 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -1,5 +1,5 @@
<p align="center"> <p align="center">
<img src="./banner.svg" alt="Mikael — Behavioral Framework" width="100%" /> <img src="./banner.svg" alt="MIKAEL" width="600" />
</p> </p>
<p align="center"> <p align="center">

376
banner.svg
View file

@ -1,278 +1,100 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 360" shape-render="crispEdges" width="1440" height="360"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 192" shape-render="crispEdges" width="960" height="192">
<rect fill="#1a1a2e" width="1440" height="360"/> <rect fill="#0a0a12" width="960" height="192"/>
<rect fill="#16213e" x="0" y="0" width="1440" height="360" opacity="0.3"/> <rect fill="#f5e6a3" x="160" y="0" width="16" height="16"/>
<rect fill="#ffffaa" x="600" y="12" width="12" height="12"/> <rect fill="#f5e6a3" x="384" y="0" width="48" height="16"/>
<rect fill="#ffffaa" x="840" y="12" width="12" height="12"/> <rect fill="#f5e6a3" x="544" y="0" width="48" height="16"/>
<rect fill="#ffffaa" x="540" y="24" width="12" height="12"/> <rect fill="#f5e6a3" x="768" y="0" width="16" height="16"/>
<rect fill="#ffffaa" x="588" y="24" width="36" height="12"/> <rect fill="#f5e6a3" x="144" y="16" width="48" height="16"/>
<rect fill="#ffffaa" x="828" y="24" width="36" height="12"/> <rect fill="#f5e6a3" x="400" y="16" width="16" height="16"/>
<rect fill="#ffffaa" x="900" y="24" width="12" height="12"/> <rect fill="#f5e6a3" x="560" y="16" width="16" height="16"/>
<rect fill="#ffffaa" x="528" y="36" width="36" height="12"/> <rect fill="#f5e6a3" x="752" y="16" width="48" height="16"/>
<rect fill="#ffffaa" x="600" y="36" width="12" height="12"/> <rect fill="#f5e6a3" x="48" y="32" width="16" height="16"/>
<rect fill="#ffffaa" x="840" y="36" width="12" height="12"/> <rect fill="#f5e6a3" x="160" y="32" width="16" height="16"/>
<rect fill="#ffffaa" x="888" y="36" width="36" height="12"/> <rect fill="#f5e6a3" x="768" y="32" width="16" height="16"/>
<rect fill="#ffffaa" x="540" y="48" width="12" height="12"/> <rect fill="#f5e6a3" x="880" y="32" width="16" height="16"/>
<rect fill="#ffffaa" x="900" y="48" width="12" height="12"/> <rect fill="#f5e6a3" x="32" y="48" width="48" height="16"/>
<rect fill="#ffffaa" x="480" y="84" width="12" height="12"/> <rect fill="#f5e6a3" x="864" y="48" width="48" height="16"/>
<rect fill="#ffffaa" x="960" y="84" width="12" height="12"/> <rect fill="#f5e6a3" x="48" y="64" width="16" height="16"/>
<rect fill="#ffffaa" x="468" y="96" width="36" height="12"/> <rect fill="#f5e6a3" x="880" y="64" width="16" height="16"/>
<rect fill="#ffffaa" x="948" y="96" width="36" height="12"/> <rect fill="#f5e6a3" x="48" y="112" width="16" height="16"/>
<rect fill="#ffffaa" x="480" y="108" width="12" height="12"/> <rect fill="#f5e6a3" x="880" y="112" width="16" height="16"/>
<rect fill="#ffffaa" x="576" y="108" width="12" height="12"/> <rect fill="#f5e6a3" x="32" y="128" width="48" height="16"/>
<rect fill="#ffffaa" x="864" y="108" width="12" height="12"/> <rect fill="#f5e6a3" x="864" y="128" width="48" height="16"/>
<rect fill="#ffffaa" x="960" y="108" width="12" height="12"/> <rect fill="#f5e6a3" x="48" y="144" width="16" height="16"/>
<rect fill="#ffffaa" x="564" y="120" width="36" height="12"/> <rect fill="#f5e6a3" x="160" y="144" width="16" height="16"/>
<rect fill="#ffffaa" x="852" y="120" width="36" height="12"/> <rect fill="#f5e6a3" x="768" y="144" width="16" height="16"/>
<rect fill="#ffffaa" x="576" y="132" width="12" height="12"/> <rect fill="#f5e6a3" x="880" y="144" width="16" height="16"/>
<rect fill="#ffffaa" x="864" y="132" width="12" height="12"/> <rect fill="#f5e6a3" x="144" y="160" width="48" height="16"/>
<rect fill="#ffffaa" x="504" y="168" width="12" height="12"/> <rect fill="#f5e6a3" x="400" y="160" width="16" height="16"/>
<rect fill="#ffffaa" x="936" y="168" width="12" height="12"/> <rect fill="#f5e6a3" x="560" y="160" width="16" height="16"/>
<rect fill="#ffffaa" x="492" y="180" width="36" height="12"/> <rect fill="#f5e6a3" x="752" y="160" width="48" height="16"/>
<rect fill="#ffffaa" x="924" y="180" width="36" height="12"/> <rect fill="#f5e6a3" x="160" y="176" width="16" height="16"/>
<rect fill="#ffffaa" x="504" y="192" width="12" height="12"/> <rect fill="#f5e6a3" x="384" y="176" width="48" height="16"/>
<rect fill="#ffffaa" x="936" y="192" width="12" height="12"/> <rect fill="#f5e6a3" x="544" y="176" width="48" height="16"/>
<rect fill="#ffffff" x="648" y="48" width="12" height="12"/> <rect fill="#f5e6a3" x="768" y="176" width="16" height="16"/>
<rect fill="#ffffff" x="780" y="48" width="12" height="12"/> <rect fill="#d4a843" x="128" y="32" width="32" height="16"/>
<rect fill="#ffffff" x="636" y="60" width="12" height="12"/> <rect fill="#d4a843" x="320" y="32" width="48" height="16"/>
<rect fill="#ffffff" x="792" y="60" width="12" height="12"/> <rect fill="#d4a843" x="576" y="32" width="48" height="16"/>
<rect fill="#ffffff" x="624" y="72" width="12" height="12"/> <rect fill="#d4a843" x="720" y="32" width="48" height="16"/>
<rect fill="#ffffff" x="804" y="72" width="12" height="12"/> <rect fill="#d4a843" x="128" y="48" width="48" height="16"/>
<rect fill="#ffffff" x="612" y="84" width="12" height="12"/> <rect fill="#d4a843" x="320" y="48" width="48" height="16"/>
<rect fill="#ffffff" x="816" y="84" width="12" height="12"/> <rect fill="#d4a843" x="576" y="48" width="48" height="16"/>
<rect fill="#ffffff" x="600" y="96" width="12" height="12"/> <rect fill="#d4a843" x="720" y="48" width="48" height="16"/>
<rect fill="#ffffff" x="828" y="96" width="12" height="12"/> <rect fill="#d4a843" x="128" y="64" width="48" height="16"/>
<rect fill="#ffffff" x="588" y="108" width="12" height="12"/> <rect fill="#d4a843" x="320" y="64" width="48" height="16"/>
<rect fill="#ffffff" x="840" y="108" width="12" height="12"/> <rect fill="#d4a843" x="576" y="64" width="48" height="16"/>
<rect fill="#ffffff" x="564" y="132" width="12" height="12"/> <rect fill="#d4a843" x="720" y="64" width="48" height="16"/>
<rect fill="#ffffff" x="552" y="144" width="12" height="12"/> <rect fill="#d4a843" x="128" y="80" width="96" height="16"/>
<rect fill="#ffffff" x="828" y="144" width="12" height="12"/> <rect fill="#d4a843" x="272" y="80" width="96" height="16"/>
<rect fill="#ffffff" x="876" y="144" width="12" height="12"/> <rect fill="#d4a843" x="576" y="80" width="48" height="16"/>
<rect fill="#ffffff" x="564" y="156" width="12" height="12"/> <rect fill="#d4a843" x="672" y="80" width="48" height="16"/>
<rect fill="#ffffff" x="816" y="156" width="12" height="12"/> <rect fill="#d4a843" x="128" y="96" width="96" height="16"/>
<rect fill="#ffffff" x="864" y="156" width="12" height="12"/> <rect fill="#d4a843" x="272" y="96" width="96" height="16"/>
<rect fill="#ffffff" x="576" y="168" width="12" height="12"/> <rect fill="#d4a843" x="576" y="96" width="48" height="16"/>
<rect fill="#ffffff" x="852" y="168" width="12" height="12"/> <rect fill="#d4a843" x="672" y="96" width="48" height="16"/>
<rect fill="#ffffff" x="588" y="180" width="12" height="12"/> <rect fill="#d4a843" x="128" y="112" width="96" height="16"/>
<rect fill="#ffffff" x="840" y="180" width="12" height="12"/> <rect fill="#d4a843" x="272" y="112" width="96" height="16"/>
<rect fill="#ffffff" x="600" y="192" width="12" height="12"/> <rect fill="#d4a843" x="576" y="112" width="48" height="16"/>
<rect fill="#ffffff" x="828" y="192" width="12" height="12"/> <rect fill="#d4a843" x="672" y="112" width="48" height="16"/>
<rect fill="#ffffff" x="612" y="204" width="12" height="12"/> <rect fill="#d4a843" x="128" y="128" width="48" height="16"/>
<rect fill="#ffffff" x="816" y="204" width="12" height="12"/> <rect fill="#d4a843" x="224" y="128" width="48" height="16"/>
<rect fill="#ffffff" x="624" y="216" width="12" height="12"/> <rect fill="#d4a843" x="320" y="128" width="48" height="16"/>
<rect fill="#ffffff" x="804" y="216" width="12" height="12"/> <rect fill="#d4a843" x="576" y="128" width="96" height="16"/>
<rect fill="#ffffff" x="636" y="228" width="12" height="12"/> <rect fill="#d4a843" x="128" y="144" width="32" height="16"/>
<rect fill="#ffffff" x="792" y="228" width="12" height="12"/> <rect fill="#d4a843" x="224" y="144" width="48" height="16"/>
<rect fill="#ffd700" x="684" y="48" width="12" height="12"/> <rect fill="#d4a843" x="320" y="144" width="48" height="16"/>
<rect fill="#ffd700" x="756" y="48" width="12" height="12"/> <rect fill="#d4a843" x="576" y="144" width="96" height="16"/>
<rect fill="#ffd700" x="684" y="60" width="84" height="12"/> <rect fill="#d4a843" x="128" y="160" width="16" height="16"/>
<rect fill="#ffd700" x="708" y="192" width="36" height="12"/> <rect fill="#d4a843" x="224" y="160" width="48" height="16"/>
<rect fill="#ffd700" x="792" y="192" width="12" height="12"/> <rect fill="#d4a843" x="320" y="160" width="48" height="16"/>
<rect fill="#ffd700" x="720" y="204" width="12" height="12"/> <rect fill="#d4a843" x="576" y="160" width="96" height="16"/>
<rect fill="#ffd700" x="768" y="204" width="24" height="12"/> <rect fill="#d4a843" x="128" y="176" width="32" height="16"/>
<rect fill="#ffd700" x="576" y="288" width="24" height="12"/> <rect fill="#d4a843" x="320" y="176" width="48" height="16"/>
<rect fill="#ffd700" x="672" y="288" width="24" height="12"/> <rect fill="#d4a843" x="592" y="176" width="32" height="16"/>
<rect fill="#ffd700" x="840" y="288" width="24" height="12"/> <rect fill="#f0d68a" x="400" y="32" width="144" height="16"/>
<rect fill="#ffd700" x="912" y="288" width="24" height="12"/> <rect fill="#f0d68a" x="848" y="32" width="32" height="16"/>
<rect fill="#ffd700" x="1080" y="288" width="72" height="12"/> <rect fill="#f0d68a" x="400" y="48" width="144" height="16"/>
<rect fill="#ffd700" x="576" y="300" width="24" height="12"/> <rect fill="#f0d68a" x="848" y="48" width="16" height="16"/>
<rect fill="#ffd700" x="672" y="300" width="24" height="12"/> <rect fill="#f0d68a" x="400" y="64" width="144" height="16"/>
<rect fill="#ffd700" x="840" y="300" width="24" height="12"/> <rect fill="#f0d68a" x="848" y="64" width="32" height="16"/>
<rect fill="#ffd700" x="912" y="300" width="24" height="12"/> <rect fill="#f0d68a" x="448" y="80" width="48" height="16"/>
<rect fill="#ffd700" x="1080" y="300" width="72" height="12"/> <rect fill="#f0d68a" x="800" y="80" width="48" height="16"/>
<rect fill="#ffd700" x="576" y="312" width="48" height="12"/> <rect fill="#f0d68a" x="896" y="80" width="48" height="16"/>
<rect fill="#ffd700" x="648" y="312" width="48" height="12"/> <rect fill="#f0d68a" x="448" y="96" width="48" height="16"/>
<rect fill="#ffd700" x="840" y="312" width="24" height="12"/> <rect fill="#f0d68a" x="800" y="96" width="48" height="16"/>
<rect fill="#ffd700" x="888" y="312" width="24" height="12"/> <rect fill="#f0d68a" x="896" y="96" width="48" height="16"/>
<rect fill="#ffd700" x="1080" y="312" width="24" height="12"/> <rect fill="#f0d68a" x="448" y="112" width="48" height="16"/>
<rect fill="#ffd700" x="612" y="324" width="12" height="12"/> <rect fill="#f0d68a" x="800" y="112" width="48" height="16"/>
<rect fill="#ffd700" x="660" y="324" width="24" height="12"/> <rect fill="#f0d68a" x="896" y="112" width="48" height="16"/>
<rect fill="#ffd700" x="840" y="324" width="24" height="12"/> <rect fill="#f0d68a" x="448" y="128" width="48" height="16"/>
<rect fill="#ffd700" x="888" y="324" width="24" height="12"/> <rect fill="#f0d68a" x="800" y="128" width="48" height="16"/>
<rect fill="#ffd700" x="1092" y="324" width="12" height="12"/> <rect fill="#f0d68a" x="912" y="128" width="32" height="16"/>
<rect fill="#ffd700" x="588" y="336" width="12" height="12"/> <rect fill="#f0d68a" x="448" y="144" width="48" height="16"/>
<rect fill="#ffd700" x="636" y="336" width="12" height="12"/> <rect fill="#f0d68a" x="800" y="144" width="48" height="16"/>
<rect fill="#ffd700" x="684" y="336" width="12" height="12"/> <rect fill="#f0d68a" x="896" y="144" width="48" height="16"/>
<rect fill="#ffd700" x="852" y="336" width="12" height="12"/> <rect fill="#f0d68a" x="448" y="160" width="48" height="16"/>
<rect fill="#ffd700" x="876" y="336" width="12" height="12"/> <rect fill="#f0d68a" x="800" y="160" width="48" height="16"/>
<rect fill="#ffd700" x="1080" y="336" width="24" height="12"/> <rect fill="#f0d68a" x="896" y="160" width="48" height="16"/>
<rect fill="#ffd700" x="1116" y="336" width="12" height="12"/> <rect fill="#f0d68a" x="448" y="176" width="48" height="16"/>
<rect fill="#ffd700" x="852" y="348" width="12" height="12"/> <rect fill="#f0d68a" x="800" y="176" width="144" height="16"/>
<rect fill="#ffd700" x="1080" y="348" width="24" height="12"/>
<rect fill="#f0f0ff" x="660" y="60" width="12" height="12"/>
<rect fill="#f0f0ff" x="648" y="72" width="12" height="12"/>
<rect fill="#f0f0ff" x="780" y="72" width="12" height="12"/>
<rect fill="#f0f0ff" x="636" y="84" width="12" height="12"/>
<rect fill="#f0f0ff" x="792" y="84" width="12" height="12"/>
<rect fill="#f0f0ff" x="624" y="96" width="12" height="12"/>
<rect fill="#f0f0ff" x="804" y="96" width="12" height="12"/>
<rect fill="#f0f0ff" x="612" y="108" width="12" height="12"/>
<rect fill="#f0f0ff" x="816" y="108" width="12" height="12"/>
<rect fill="#f0f0ff" x="600" y="120" width="12" height="12"/>
<rect fill="#f0f0ff" x="696" y="120" width="12" height="12"/>
<rect fill="#f0f0ff" x="744" y="120" width="12" height="12"/>
<rect fill="#f0f0ff" x="828" y="120" width="12" height="12"/>
<rect fill="#f0f0ff" x="588" y="132" width="12" height="12"/>
<rect fill="#f0f0ff" x="576" y="144" width="12" height="12"/>
<rect fill="#f0f0ff" x="852" y="144" width="12" height="12"/>
<rect fill="#f0f0ff" x="588" y="156" width="12" height="12"/>
<rect fill="#f0f0ff" x="840" y="156" width="12" height="12"/>
<rect fill="#f0f0ff" x="600" y="168" width="12" height="12"/>
<rect fill="#f0f0ff" x="828" y="168" width="12" height="12"/>
<rect fill="#f0f0ff" x="612" y="180" width="12" height="12"/>
<rect fill="#f0f0ff" x="816" y="180" width="12" height="12"/>
<rect fill="#f0f0ff" x="624" y="192" width="12" height="12"/>
<rect fill="#f0f0ff" x="804" y="192" width="12" height="12"/>
<rect fill="#f0f0ff" x="636" y="204" width="12" height="12"/>
<rect fill="#f0f0ff" x="792" y="204" width="12" height="12"/>
<rect fill="#f0f0ff" x="648" y="216" width="12" height="12"/>
<rect fill="#b8960f" x="672" y="60" width="12" height="12"/>
<rect fill="#b8960f" x="768" y="60" width="12" height="12"/>
<rect fill="#d0d0e0" x="672" y="72" width="12" height="12"/>
<rect fill="#d0d0e0" x="756" y="72" width="12" height="12"/>
<rect fill="#d0d0e0" x="660" y="84" width="12" height="12"/>
<rect fill="#d0d0e0" x="648" y="96" width="12" height="12"/>
<rect fill="#d0d0e0" x="636" y="108" width="12" height="12"/>
<rect fill="#d0d0e0" x="792" y="108" width="12" height="12"/>
<rect fill="#d0d0e0" x="624" y="120" width="12" height="12"/>
<rect fill="#d0d0e0" x="804" y="120" width="12" height="12"/>
<rect fill="#d0d0e0" x="612" y="132" width="12" height="12"/>
<rect fill="#d0d0e0" x="816" y="132" width="12" height="12"/>
<rect fill="#d0d0e0" x="600" y="144" width="12" height="12"/>
<rect fill="#d0d0e0" x="612" y="156" width="12" height="12"/>
<rect fill="#d0d0e0" x="624" y="168" width="12" height="12"/>
<rect fill="#d0d0e0" x="636" y="180" width="12" height="12"/>
<rect fill="#d0d0e0" x="648" y="192" width="12" height="12"/>
<rect fill="#d0d0e0" x="660" y="204" width="12" height="12"/>
<rect fill="#4a3728" x="672" y="84" width="12" height="12"/>
<rect fill="#4a3728" x="708" y="84" width="36" height="12"/>
<rect fill="#4a3728" x="768" y="84" width="12" height="12"/>
<rect fill="#4a3728" x="660" y="96" width="132" height="12"/>
<rect fill="#4a3728" x="660" y="108" width="12" height="12"/>
<rect fill="#4a3728" x="780" y="108" width="12" height="12"/>
<rect fill="#4a3728" x="660" y="120" width="12" height="12"/>
<rect fill="#4a3728" x="780" y="120" width="12" height="12"/>
<rect fill="#4a3728" x="660" y="132" width="12" height="12"/>
<rect fill="#4a3728" x="780" y="132" width="12" height="12"/>
<rect fill="#4a3728" x="696" y="276" width="24" height="12"/>
<rect fill="#4a3728" x="732" y="276" width="24" height="12"/>
<rect fill="#6b5240" x="684" y="84" width="24" height="12"/>
<rect fill="#6b5240" x="744" y="84" width="24" height="12"/>
<rect fill="#ffcc99" x="672" y="108" width="108" height="12"/>
<rect fill="#ffcc99" x="672" y="120" width="24" height="12"/>
<rect fill="#ffcc99" x="708" y="120" width="36" height="12"/>
<rect fill="#ffcc99" x="756" y="120" width="24" height="12"/>
<rect fill="#ffcc99" x="672" y="132" width="24" height="12"/>
<rect fill="#ffcc99" x="708" y="132" width="36" height="12"/>
<rect fill="#ffcc99" x="756" y="132" width="24" height="12"/>
<rect fill="#ffcc99" x="672" y="144" width="12" height="12"/>
<rect fill="#ffcc99" x="696" y="144" width="60" height="12"/>
<rect fill="#ffcc99" x="768" y="144" width="12" height="12"/>
<rect fill="#ffcc99" x="672" y="156" width="36" height="12"/>
<rect fill="#ffcc99" x="744" y="156" width="36" height="12"/>
<rect fill="#ffcc99" x="672" y="168" width="108" height="12"/>
<rect fill="#ffcc99" x="672" y="204" width="12" height="12"/>
<rect fill="#2a2a3a" x="696" y="132" width="12" height="12"/>
<rect fill="#2a2a3a" x="744" y="132" width="12" height="12"/>
<rect fill="#e0e0e8" x="840" y="132" width="12" height="12"/>
<rect fill="#e0e0e8" x="804" y="168" width="12" height="12"/>
<rect fill="#e0e0e8" x="792" y="180" width="12" height="12"/>
<rect fill="#e0e0e8" x="780" y="192" width="12" height="12"/>
<rect fill="#ff9999" x="684" y="144" width="12" height="12"/>
<rect fill="#ff9999" x="756" y="144" width="12" height="12"/>
<rect fill="#cc6666" x="708" y="156" width="36" height="12"/>
<rect fill="#2a5a8a" x="672" y="180" width="108" height="12"/>
<rect fill="#2a5a8a" x="672" y="192" width="36" height="12"/>
<rect fill="#2a5a8a" x="744" y="192" width="36" height="12"/>
<rect fill="#2a5a8a" x="684" y="204" width="36" height="12"/>
<rect fill="#2a5a8a" x="732" y="204" width="36" height="12"/>
<rect fill="#2a5a8a" x="684" y="216" width="84" height="12"/>
<rect fill="#2a5a8a" x="684" y="228" width="84" height="12"/>
<rect fill="#8b4513" x="768" y="216" width="24" height="12"/>
<rect fill="#1a3a5a" x="696" y="240" width="24" height="12"/>
<rect fill="#1a3a5a" x="732" y="240" width="24" height="12"/>
<rect fill="#1a3a5a" x="696" y="252" width="24" height="12"/>
<rect fill="#1a3a5a" x="732" y="252" width="24" height="12"/>
<rect fill="#1a3a5a" x="696" y="264" width="24" height="12"/>
<rect fill="#1a3a5a" x="732" y="264" width="24" height="12"/>
<rect fill="#8899aa" x="732" y="288" width="72" height="12"/>
<rect fill="#8899aa" x="996" y="288" width="24" height="12"/>
<rect fill="#8899aa" x="1188" y="288" width="24" height="12"/>
<rect fill="#8899aa" x="732" y="300" width="72" height="12"/>
<rect fill="#8899aa" x="996" y="300" width="24" height="12"/>
<rect fill="#8899aa" x="1188" y="300" width="24" height="12"/>
<rect fill="#8899aa" x="756" y="312" width="24" height="12"/>
<rect fill="#8899aa" x="972" y="312" width="24" height="12"/>
<rect fill="#8899aa" x="1020" y="312" width="24" height="12"/>
<rect fill="#8899aa" x="1188" y="312" width="24" height="12"/>
<rect fill="#8899aa" x="528" y="324" width="24" height="12"/>
<rect fill="#8899aa" x="576" y="324" width="36" height="12"/>
<rect fill="#8899aa" x="624" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="648" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="684" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="720" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="744" y="324" width="36" height="12"/>
<rect fill="#8899aa" x="828" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="864" y="324" width="24" height="12"/>
<rect fill="#8899aa" x="924" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="960" y="324" width="36" height="12"/>
<rect fill="#8899aa" x="1020" y="324" width="24" height="12"/>
<rect fill="#8899aa" x="1056" y="324" width="36" height="12"/>
<rect fill="#8899aa" x="1104" y="324" width="24" height="12"/>
<rect fill="#8899aa" x="1164" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="1188" y="324" width="24" height="12"/>
<rect fill="#8899aa" x="1224" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="1248" y="324" width="36" height="12"/>
<rect fill="#8899aa" x="1296" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="1320" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="1356" y="324" width="12" height="12"/>
<rect fill="#8899aa" x="1392" y="324" width="24" height="12"/>
<rect fill="#8899aa" x="528" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="552" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="576" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="624" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="648" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="672" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="696" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="720" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="744" y="336" width="36" height="12"/>
<rect fill="#8899aa" x="816" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="840" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="864" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="888" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="912" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="936" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="960" y="336" width="84" height="12"/>
<rect fill="#8899aa" x="1056" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1104" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1128" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1152" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1176" y="336" width="60" height="12"/>
<rect fill="#8899aa" x="1248" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1296" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1320" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1344" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1368" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1392" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="1416" y="336" width="12" height="12"/>
<rect fill="#8899aa" x="528" y="348" width="24" height="12"/>
<rect fill="#8899aa" x="576" y="348" width="24" height="12"/>
<rect fill="#8899aa" x="624" y="348" width="36" height="12"/>
<rect fill="#8899aa" x="672" y="348" width="36" height="12"/>
<rect fill="#8899aa" x="720" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="744" y="348" width="36" height="12"/>
<rect fill="#8899aa" x="816" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="840" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="864" y="348" width="24" height="12"/>
<rect fill="#8899aa" x="912" y="348" width="36" height="12"/>
<rect fill="#8899aa" x="960" y="348" width="84" height="12"/>
<rect fill="#8899aa" x="1056" y="348" width="24" height="12"/>
<rect fill="#8899aa" x="1104" y="348" width="24" height="12"/>
<rect fill="#8899aa" x="1152" y="348" width="60" height="12"/>
<rect fill="#8899aa" x="1224" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="1248" y="348" width="24" height="12"/>
<rect fill="#8899aa" x="1296" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="1320" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="1344" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="1368" y="348" width="12" height="12"/>
<rect fill="#8899aa" x="1392" y="348" width="24" height="12"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Before After
Before After