Add unicode demo screenshot to the readme

examples/README.md

@@ -84,3 +84,13 @@ How to implement a custom widget using FPS counter as an example. Can be used to
 
   ![FPS Counter gif](./images/fps_counter.gif)
 </details>
+
+## [`unicode`](./src/unicode.zig)
+
+Demo showcasing Unicode support
+
+<details>
+  <summary>VHS recording</summary>
+
+  ![Unicode table](./images/unicode.png)
+</details>

examples/images/unicode.tape

@@ -0,0 +1,20 @@
+Set Width 1080
+Set Height 1200
+
+Set Theme { "name": "Whimsy", "black": "#535178", "red": "#ef6487", "green": "#5eca89", "yellow": "#fdd877", "blue": "#65aef7", "magenta": "#aa7ff0", "cyan": "#43c1be", "white": "#ffffff", "brightBlack": "#535178", "brightRed": "#ef6487", "brightGreen": "#5eca89", "brightYellow": "#fdd877", "brightBlue": "#65aef7", "brightMagenta": "#aa7ff0", "brightCyan": "#43c1be", "brightWhite": "#ffffff", "background": "#f9feff", "foreground": "#b3b0d6", "selection": "#3d3c58", "cursor": "#b3b0d6" }
+
+Set Padding 40
+Set MarginFill "#F9FEFF"
+
+Hide
+Type "zig build unicode"
+Enter
+Sleep 1s
+Show
+
+Screenshot unicode.png
+
+Sleep 1s
+
+Hide
+Ctrl+C

examples/src/unicode.zig

@@ -100,7 +100,7 @@ pub fn main() !void {
             ),
 
             tuile.block(
-                .{ .border = tuile.border.Border.all(), .layout = .{ .flex = 1 } },
+                .{ .border = tuile.border.Border.all(), .layout = .{ .flex = 0 } },
                 tuile.label(.{ .id = "unicode-bytes", .text = "" }),
             ),