style: Updating layout and HowTo include

StartAutomating · StartAutomating · commit e7d808529806 · 2024-11-10T00:02:42.000Z
diff --git a/docs/4bitpreview.svg b/docs/4bitpreview.svg
@@ -1,20 +1,20 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generated with PSSVG 0.2.10 <https://github.com/StartAutomating/PSSVG> -->
-<svg viewBox="0 0 640 160" width="320" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
-  <rect x="0" y="0" class="ansi0-fill" width="80" height="80" />
-  <rect x="80" y="0" class="ansi1-fill" width="80" height="80" />
-  <rect x="160" y="0" class="ansi2-fill" width="80" height="80" />
-  <rect x="240" y="0" class="ansi3-fill" width="80" height="80" />
-  <rect x="320" y="0" class="ansi4-fill" width="80" height="80" />
-  <rect x="400" y="0" class="ansi5-fill" width="80" height="80" />
-  <rect x="480" y="0" class="ansi6-fill" width="80" height="80" />
-  <rect x="560" y="0" class="ansi7-fill" width="80" height="80" />
-  <rect x="0" y="79" class="ansi8-fill" width="80" height="80" />
-  <rect x="80" y="79" class="ansi9-fill" width="80" height="80" />
-  <rect x="160" y="79" class="ansi10-fill" width="80" height="80" />
-  <rect x="240" y="79" class="ansi11-fill" width="80" height="80" />
-  <rect x="320" y="79" class="ansi12-fill" width="80" height="80" />
-  <rect x="400" y="79" class="ansi13-fill" width="80" height="80" />
-  <rect x="480" y="79" class="ansi14-fill" width="80" height="80" />
-  <rect x="560" y="79" class="ansi15-fill" width="80" height="80" />
+<svg viewBox="0 0 640 640" width="320" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+  <rect x="-20" y="-20" class="ansi15-fill" width="680" height="680" />
+  <rect x="0" y="0" class="ansi14-fill" width="640" height="640" />
+  <rect x="20" y="20" class="ansi13-fill" width="600" height="600" />
+  <rect x="40" y="40" class="ansi12-fill" width="560" height="560" />
+  <rect x="60" y="60" class="ansi11-fill" width="520" height="520" />
+  <rect x="80" y="80" class="ansi10-fill" width="480" height="480" />
+  <rect x="100" y="100" class="ansi9-fill" width="440" height="440" />
+  <rect x="120" y="120" class="ansi8-fill" width="400" height="400" />
+  <rect x="140" y="140" class="ansi7-fill" width="360" height="360" />
+  <rect x="160" y="160" class="ansi6-fill" width="320" height="320" />
+  <rect x="180" y="180" class="ansi5-fill" width="280" height="280" />
+  <rect x="200" y="200" class="ansi4-fill" width="240" height="240" />
+  <rect x="220" y="220" class="ansi3-fill" width="200" height="200" />
+  <rect x="240" y="240" class="ansi2-fill" width="160" height="160" />
+  <rect x="260" y="260" class="ansi1-fill" width="120" height="120" />
+  <rect x="280" y="280" class="ansi0-fill" width="80" height="80" />
 </svg>
