docs: update readme

Author: joshka

tui-box-text/Cargo.toml

@@ -1,7 +1,7 @@
 [package]
 name = "tui-box-text"
 description = "A Ratatui widget for displaying text using the box drawing characters"
-version = "0.1.0"
+version = "0.1.1"
 authors.workspace = true
 license.workspace = true
 repository.workspace = true

tui-box-text/README.md

@@ -2,4 +2,4 @@
 
 A WIP Ratatui widget for drawing text using line drawing characters.
 
-![Demo](https://vhs.charm.sh/vhs-1iSwNZsVbPPi3kToemhLz1.gif)
+![Demo](https://vhs.charm.sh/vhs-6ldj2r9v3mIaSzk8H7Jp8t.gif)

tui-box-text/examples/box_text.rs

@@ -3,7 +3,8 @@ use std::iter::zip;
 use color_eyre::eyre::Ok;
 use ratatui::{
     crossterm::event::{self, Event, KeyCode, KeyEventKind},
-    layout::Rect,
+    layout::{Constraint, Layout, Rect},
+    text::Line,
     DefaultTerminal, Frame,
 };
 use tui_box_text::BoxChar;
@@ -30,10 +31,15 @@ fn run(mut terminal: DefaultTerminal) -> color_eyre::Result<()> {
 }
 
 fn draw(frame: &mut Frame) {
-    let area = frame.area();
+    let layout = Layout::vertical([Constraint::Length(1), Constraint::Fill(1)]);
+    let [header, body] = layout.areas(frame.area());
+    frame.render_widget(
+        Line::from("Tui-box-text. Press Esc to exit").centered(),
+        header,
+    );
     let mut areas = Vec::new();
-    for y in (area.top() + 3..area.bottom()).step_by(3) {
-        for x in (area.left() + 4..area.right()).step_by(4) {
+    for y in (body.top() + 3..body.bottom()).step_by(3) {
+        for x in (body.left() + 4..body.right()).step_by(4) {
             areas.push(Rect::new(x - 4, y - 3, 4, 3));
         }
     }

tui-box-text/examples/box_text.tape

@@ -2,7 +2,7 @@
 Output "target/box_text.gif"
 Set Theme "Aardvark Blue"
 Set Width 1890
-Set Height 420
+Set Height 450
 Hide
 Type@0 "cargo run -p tui-box-text --example box_text --quiet"
 Enter