chore: update tui-big-text images

Author: joshka

tui-big-text/README.md

@@ -5,7 +5,7 @@
 [tui-big-text] is a rust crate that renders large pixel text as a [Ratatui] widget using the
 glyphs from the [font8x8] crate.
 
-![Demo](https://vhs.charm.sh/vhs-35FZxQa32pCZdRW7pmpqf6.gif)
+![Demo](https://vhs.charm.sh/vhs-7DFJFGwBEnUjjLCFSqwEm9.gif)
 
 [![Crate badge]][tui-big-text]
 [![Docs.rs Badge]][API Docs]
@@ -64,18 +64,17 @@ BigText::builder().pixel_size(PixelSize::HalfHeight);
 BigText::builder().pixel_size(PixelSize::Quadrant);
 ```
 
-![Pixel Size](https://vhs.charm.sh/vhs-2nLycKO16vHzqg3TxDNvq4.gif)
+![Pixel Size](https://vhs.charm.sh/vhs-2E84yH6UJuX1pF7mXYUXxs.gif)
 
-Text can be aligned to the Left / Right / Center using the `alignment` method.
+Text can be aligned to the Left / Right / Center using the `alignment` methods.
 
 ```rust
-use ratatui::layout::Alignment;
-BigText::builder().alignment(Alignment::Left);
-BigText::builder().alignment(Alignment::Right);
-BigText::builder().alignment(Alignment::Center);
+BigText::builder().left_aligned();
+BigText::builder().centered();
+BigText::builder().right_aligned();
 ```
 
-![Alignment Example](https://vhs.charm.sh/vhs-1Yyr7BJ5vfmOmjYNywCNH3.gif)
+![Alignment Example](https://vhs.charm.sh/vhs-2GdJCPpXfnOCTsykSPr7AW.gif)
 
 [tui-big-text]: https://crates.io/crates/tui-big-text
 [Ratatui]: https://crates.io/crates/ratatui

tui-big-text/examples/README.md

@@ -1,15 +1,19 @@
 # Examples
 
-## Demo
+## tui-big-text
 
-![Demo](https://vhs.charm.sh/vhs-35FZxQa32pCZdRW7pmpqf6.gif)
+![tui-big-text Demo](https://vhs.charm.sh/vhs-7DFJFGwBEnUjjLCFSqwEm9.gif)
+
+## Alignment
+
+![Alignment Demo](https://vhs.charm.sh/vhs-2GdJCPpXfnOCTsykSPr7AW.gif)
 
 ## Pixel Size
 
-![Pixel Size](https://vhs.charm.sh/vhs-2nLycKO16vHzqg3TxDNvq4.gif)
+![Pixel Size](https://vhs.charm.sh/vhs-2E84yH6UJuX1pF7mXYUXxs.gif)
 
 Note: Sextant characters are often rendered poorly in most / all fonts.
 
 ## Stopwatch
 
-![Stopwatch](https://vhs.charm.sh/vhs-6CBkkGpIwAOeyWTyeCgDvs.gif)
+![Stopwatch](https://vhs.charm.sh/vhs-70ZRp45uZO2AiE8krtReJj.gif)

tui-big-text/examples/alignment.rs

@@ -1,6 +1,6 @@
 use color_eyre::Result;
 use ratatui::{
-    layout::Offset,
+    layout::{Constraint, Layout, Offset},
     prelude::{Frame, Stylize},
     text::Line,
 };
@@ -41,7 +41,8 @@ fn render(frame: &mut Frame) {
     frame.render_widget(title, area);
 
     let area = area.offset(Offset { x: 0, y: 2 }).intersection(area);
-    frame.render_widget(left, area);
-    frame.render_widget(right, area);
-    frame.render_widget(centered, area);
+    let [top, middle, bottom] = Layout::vertical([Constraint::Length(4); 3]).areas(area);
+    frame.render_widget(left, top);
+    frame.render_widget(centered, middle);
+    frame.render_widget(right, bottom);
 }

tui-big-text/examples/alignment.tape

@@ -2,9 +2,9 @@
 Output "target/alignment.gif"
 Set Theme "Aardvark Blue"
 Set Width 800
-Set Height 430
+Set Height 480
 Hide
-Type@0 "cargo run --example alignment --quiet"
+Type@0 "cargo run -p tui-big-text --example alignment --quiet"
 Enter
 Sleep 2s
 Show

tui-big-text/examples/big_text.rs

@@ -15,7 +15,7 @@ fn main() -> Result<()> {
 }
 
 fn render(frame: &mut Frame) {
-    let title = Line::from("tui-big-text Demo. Press 'q' to quit").cyan();
+    let title = Line::from("tui-big-text demo. <q> quit").cyan();
 
     let big_text = BigText::builder()
         .style(Style::new().blue())

tui-big-text/examples/big_text.tape

@@ -4,7 +4,7 @@ Set Theme "Aardvark Blue"
 Set Width 600
 Set Height 800
 Hide
-Type@0 "cargo run --example big_text --quiet"
+Type@0 "cargo run -p tui-big-text --example big_text --quiet"
 Enter
 Sleep 2s
 Show

tui-big-text/examples/pixel_size.rs

@@ -11,7 +11,7 @@ fn main() -> Result<()> {
 }
 
 fn render(frame: &mut Frame) {
-    let title = Line::from("tui-big-text pixel size demo. Press 'q' to quit")
+    let title = Line::from("tui-big-text pixel size demo. <q> quit")
         .centered()
         .cyan();
 

tui-big-text/examples/pixel_size.tape

@@ -2,9 +2,9 @@
 Output "target/pixel_size.gif"
 Set Theme "Aardvark Blue"
 Set Width 1020
-Set Height 810
+Set Height 860
 Hide
-Type@0 "cargo run --example pixel_size --quiet"
+Type@0 "cargo run -p tui-big-text --example pixel_size --quiet"
 Enter
 Sleep 2s
 Show

tui-big-text/examples/stopwatch.tape

@@ -4,7 +4,7 @@ Set Theme "Aardvark Blue"
 Set Width 1200
 Set Height 600
 Hide
-Type@0 "cargo run --example stopwatch --quiet"
+Type@0 "cargo run -p tui-big-text --example stopwatch --quiet"
 Enter
 Sleep 2s
 Show

tui-big-text/src/lib.rs

@@ -1,7 +1,7 @@
 //! [tui-big-text] is a rust crate that renders large pixel text as a [Ratatui] widget using the
 //! glyphs from the [font8x8] crate.
 //!
-//! ![Demo](https://vhs.charm.sh/vhs-35FZxQa32pCZdRW7pmpqf6.gif)
+//! ![Demo](https://vhs.charm.sh/vhs-7DFJFGwBEnUjjLCFSqwEm9.gif)
 //!
 //! [![Crate badge]][tui-big-text]
 //! [![Docs.rs Badge]][API Docs]
@@ -61,19 +61,18 @@
 //! BigText::builder().pixel_size(PixelSize::Quadrant);
 //! ```
 //!
-//! ![Pixel Size](https://vhs.charm.sh/vhs-2nLycKO16vHzqg3TxDNvq4.gif)
+//! ![Pixel Size](https://vhs.charm.sh/vhs-2E84yH6UJuX1pF7mXYUXxs.gif)
 //!
-//! Text can be aligned to the Left / Right / Center using the `alignment` method.
+//! Text can be aligned to the Left / Right / Center using the `alignment` methods.
 //!
 //! ```rust
-//! use ratatui::layout::Alignment;
 //! # use tui_big_text::*;
-//! BigText::builder().alignment(Alignment::Left);
-//! BigText::builder().alignment(Alignment::Right);
-//! BigText::builder().alignment(Alignment::Center);
+//! BigText::builder().left_aligned();
+//! BigText::builder().centered();
+//! BigText::builder().right_aligned();
 //! ```
 //!
-//! ![Alignment Example](https://vhs.charm.sh/vhs-1Yyr7BJ5vfmOmjYNywCNH3.gif)
+//! ![Alignment Example](https://vhs.charm.sh/vhs-2GdJCPpXfnOCTsykSPr7AW.gif)
 //!
 //! [tui-big-text]: https://crates.io/crates/tui-big-text
 //! [Ratatui]: https://crates.io/crates/ratatui