From 6f7f3bc8b0439d9946937f47a6605a4cbba7a077 Mon Sep 17 00:00:00 2001
From: griffi-gh <prasol258@gmail.com>
Date: Mon, 25 Mar 2024 14:26:20 +0100
Subject: [PATCH] update readme

---
 .markdownlint.jsonc |  5 +++++
 README.md           | 23 ++++++++++++++---------
 2 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 .markdownlint.jsonc

diff --git a/.markdownlint.jsonc b/.markdownlint.jsonc
new file mode 100644
index 0000000..4862ac1
--- /dev/null
+++ b/.markdownlint.jsonc
@@ -0,0 +1,5 @@
+{
+  "MD041": false, //first-line-heading
+  "MD013": false, //line-length
+  "MD033": false  //inline-html
+}
diff --git a/README.md b/README.md
index b7deb54..b632a0a 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p></p><p></p>
-<img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/hui.svg" width="120" align="left">
+<img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/hui.svg" width="120" align="left" alt="logo">
 <h1>hUI</h1>
 <div>
   <span>
@@ -17,22 +17,25 @@
 
 <table align="center">
   <td>
-    <img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/demo0.gif" width="300">
+    <img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/demo0.gif" width="300" alt="example: mom_downloader">
   </td>
   <td>
-    <img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/demo1.gif" width="300">
+    <img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/demo1.gif" width="300" alt="example: align_test">
   </td>
 </table>
 
 <h2>Example</h2>
-<img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/exemplaris.png" height="175" align="right" float="right">
+<img src="https://raw.githubusercontent.com/griffi-gh/hui/master/.assets/exemplaris.png"
+  height="175" align="right" float="right" alt="code result">
 <pre lang="rust">Container::default()
   .with_size(size!(100%, 50%))
   .with_align(Alignment::Center)
   .with_padding(5.)
   .with_gap(10.)
-  .with_corner_radius(10.)
-  .with_background(color::WHITE)
+  .with_background(frame_rect! {
+    color: (0.5, 0.5, 0.5, 1.),
+    corner_radius: 10.,
+  })
   .with_children(|ui| {
     Text::default()
       .with_text("Hello, world")
@@ -41,8 +44,10 @@
       .add_child(ui);
     Container::default()
       .with_padding((10., 20.))
-      .with_corner_radius((2.5, 30., 2.5, 2.5))
-      .with_background(color::DARK_RED)
+      .with_background(frame_rect! {
+        color: color::DARK_RED,
+        corner_radius: (2.5, 30., 2.5, 2.5),
+      })
       .with_children(|ui| {
         Text::default()
           .with_text("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
@@ -51,7 +56,7 @@
       })
       .add_child(ui);
   })
-  .add_root(&mut hui, resolution);</pre>
+  .add_root(ui, size);</pre>
 
 <h2>Backends</h2>
 <p>