From 59d5ac4dcab6df1494c8ecd9ce144ce6e53f1066 Mon Sep 17 00:00:00 2001
From: Xander Christopher <vipulpandey13579@gmail.com>
Date: Mon, 29 Jan 2024 10:51:30 +0000
Subject: [PATCH] update README

---
 AnimeGAN-v3/README.md | 28 ++++++++++++++++++++++------
 README.md             |  5 ++++-
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/AnimeGAN-v3/README.md b/AnimeGAN-v3/README.md
index 6ec6cfa..fe65ed5 100644
--- a/AnimeGAN-v3/README.md
+++ b/AnimeGAN-v3/README.md
@@ -6,20 +6,36 @@ You can visit [official AnimeGANv3 repo](https://github.com/TachibanaYoshino/Ani
 
 ### Some Results
 #### Using Shinkai Model
+<div style="display:flex;flex-direction:column;gap:4px;">
+<div style="display:flex;gap:4px;">
 <img src="Results/1(2).png" alt="Shinkai Result" width="500px">
 <img src="Results/2(2).png" alt="Shinkai Result" width="500px">
+</div>
+<div style="display:flex;gap:4px;">
 <img src="Results/3(3).png" alt="Shinkai Result" width="500px">
 <img src="Results/3(2).png" alt="Shinkai Result" width="500px">
+</div>
+<div style="display:flex;gap:4px;">
 <img src="Results/3(1).png" alt="Shinkai Result" width="500px">
 <img src="Results/3(4).png" alt="Shinkai Result" width="500px">
+</div>
+</div>
 
 #### Using Hayao Model
-<img src="Results/4(1).png" alt="Hayao Result" width="500px">
-<img src="Results/4(2).png" alt="Hayao Result" width="500px">
-<img src="Results/4(3).png" alt="Hayao Result" width="500px">
-<img src="Results/4(4).png" alt="Hayao Result" width="500px">
-<img src="Results/4(5).png" alt="Hayao Result" width="500px">
-<img src="Results/4(6).png" alt="Hayao Result" width="500px">
+<div style="display:flex;flex-direction:column;gap:4px;">
+<div style="display:flex;gap:4px;">
+<img src="Results/4(1).png" alt="Shinkai Result" width="500px">
+<img src="Results/4(2).png" alt="Shinkai Result" width="500px">
+</div>
+<div style="display:flex;gap:4px;">
+<img src="Results/4(3).png" alt="Shinkai Result" width="500px">
+<img src="Results/4(4).png" alt="Shinkai Result" width="500px">
+</div>
+<div style="display:flex;gap:4px;">
+<img src="Results/4(5).png" alt="Shinkai Result" width="500px">
+<img src="Results/4(6).png" alt="Shinkai Result" width="500px">
+</div>
+</div>
 
 ### Acknowledgments
 - [Asher Chan](https://github.com/TachibanaYoshino) for [AnimeGANv3](https://github.com/TachibanaYoshino/AnimeGANv3) models.
diff --git a/README.md b/README.md
index 7baf3b2..93228c6 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,5 @@
 # Tf.js_Demos
-Demos for different Tensorflow models using Tf.js
+Demos for different AI models using [Tf.js](https://tensorflow.org/js)
+
+- [AnimeGANv3](https://github.com/XanDrchris/Tf.js_Demos/tree/main/AnimeGAN-v3) web [demo](https://xandrchris.github.io/Tf.js_Demos/AnimeGAN-v3)
+- [Object Detection](https://github.com/XanDrchris/Tf.js_Demos/tree/main/ObjectDetection) [demo](https://xandrchris.github.io/Tf.js_Demos/ObjectDetection) using different mobilenet models
\ No newline at end of file