From d0bc25bc7dd0de87c5069ac0145cfd089ce2883c Mon Sep 17 00:00:00 2001
From: Amr Wagdy <wagdy@scaleflex.com>
Date: Tue, 9 Aug 2022 11:42:38 +0200
Subject: [PATCH] Chore: Update demo

---
 examples/blur-hash/src/index.html   | 22 ++++++++++++++++++++--
 examples/low-preview/src/index.html |  1 -
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/examples/blur-hash/src/index.html b/examples/blur-hash/src/index.html
index f8e837c..1f903b6 100644
--- a/examples/blur-hash/src/index.html
+++ b/examples/blur-hash/src/index.html
@@ -90,7 +90,10 @@ <h2 class="content-text">
           <img
             id="hero-section-image"
             ci-params="ci_info=2"
-            ci-src="Main+image.jpg?vh=a1983b"
+            ci-src="Main+image.jpg"
+            width="3490"
+            height="1254"
+            ci-ratio="2.783"
             ci-blur-hash="LdHL_0-qIUSQyGkBofo$SkaeRiRk"
             alt="sea-coast"
           />
@@ -192,6 +195,9 @@ <h2>Responsive images, in real-time!</h2>
               ci-src="House+img.jpg?vh=25e04c"
               ci-blur-hash="LND]l3Mw9ZxuyGMxs+oz01kC%MRi"
               alt="img"
+              width="1261"
+              height="1260"
+              ci-ratio="1"
               id="left-column-image"
               ci-params="ci_info=2"
             />
@@ -240,6 +246,9 @@ <h2>Responsive images, in real-time!</h2>
                 id="first-horizontal-image"
                 ci-src="Dresses+img.jpg?vh=59404a"
                 ci-blur-hash="LGFE.a0MMc$j0h}XtSx]Mwx]xuIn"
+                width="2008"
+                height="696"
+                ci-ratio="2.885"
                 alt="img"
                 ci-params="ci_info=2"
               />
@@ -255,6 +264,7 @@ <h2>Responsive images, in real-time!</h2>
           <img
             ci-src="Dresses+img.jpg?vh=59404a"
             alt="img"
+            ci-ratio="2.885"
             ci-blur-hash="LLFaj=J822{v0:x^^PE2t-Q-IAX."
             id="second-horizontal-image"
             ci-params="ci_info=2"
@@ -281,7 +291,9 @@ <h3>Original Image</h3>
             <img
               ci-params="func=fit&w=400&h=400&bg_colour=f2f7fa"
               ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg?vh=feb096"
-              alt="car-image"
+              width="400"
+              height="400"
+              ci-ratio="1"
               ci-blur-hash="LMAw^+DiVZk7yZMxV@RjM.tQNExc"
             />
             <pre class="original-image-code-block">
@@ -299,6 +311,9 @@ <h3>Simple Crop</h3>
               ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg?vh=feb096"
               ci-blur-hash="LMAw^+DiVZk7yZMxV@RjM.tQNExc"
               ci-params="func=crop&w=400&h=400"
+              width="400"
+              height="400"
+              ci-ratio="1"
               alt="unsplash-image"
             />
             <pre class="original-image-code-block">
@@ -318,6 +333,9 @@ <h3>Auto Crop</h3>
               ci-params="w=400&h=400&func=crop&gravity=auto"
               ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg?vh=feb096"
               alt="car-image"
+              width="400"
+              height="400"
+              ci-ratio="1"
               ci-blur-hash="LMAw^+DiVZk7yZMxV@RjM.tQNExc"
             />
             <pre class="original-image-code-block">
diff --git a/examples/low-preview/src/index.html b/examples/low-preview/src/index.html
index 738bbdc..7fd7dca 100644
--- a/examples/low-preview/src/index.html
+++ b/examples/low-preview/src/index.html
@@ -811,7 +811,6 @@ <h4>Filerobot UI Family</h4>
         </div>
       </div>
     </section>
-    <script async defer src="https://<sub>.twic.pics/?v1"></script>
     <script src="https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"></script>
   </body>
 </html>
\ No newline at end of file