debug

.idea/workspace.xml

@@ -5,7 +5,6 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="5e4481c0-7ba2-42e4-bbe6-4c36a0d36baa" name="Changes" comment="debug">
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/app.py" beforeDir="false" afterPath="$PROJECT_DIR$/app.py" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/web_page.html" beforeDir="false" afterPath="$PROJECT_DIR$/web_page.html" afterDir="false" />
     </list>
@@ -63,7 +62,7 @@
       <updated>1723386888312</updated>
       <workItem from="1723386893769" duration="12000" />
       <workItem from="1723386970626" duration="451000" />
-      <workItem from="1723387453009" duration="24686000" />
+      <workItem from="1723387453009" duration="25335000" />
     </task>
     <task id="LOCAL-00001" summary="create">
       <created>1723387548126</created>
@@ -247,7 +246,14 @@
       <option name="project" value="LOCAL" />
       <updated>1723533507901</updated>
     </task>
-    <option name="localTasksCounter" value="27" />
+    <task id="LOCAL-00027" summary="debug">
+      <created>1723534505262</created>
+      <option name="number" value="00027" />
+      <option name="presentableId" value="LOCAL-00027" />
+      <option name="project" value="LOCAL" />
+      <updated>1723534505262</updated>
+    </task>
+    <option name="localTasksCounter" value="28" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">

web_page.html

@@ -28,15 +28,15 @@
         <p>Click to run the example !</p>
         <div class="img_box">
             <div class="eg">
-                <a href="#step2"><img src="{img_path2}" alt=""></a>
+                <a href="#step2"><img src="https://buyanghc.github.io/eg1.jpg" alt=""></a>
                 <p>· WhatsApp</p>
             </div>
             <div class="eg">
-                <a href="#step2"><img src="{img_path3}" alt=""></a>
+                <a href="#step2"><img src="https://buyanghc.github.io/eg2.jpg" alt=""></a>
                 <p>· Snap</p>
             </div>
             <div class="eg">
-                <a href="#step2"><img src="{img_path4}" alt=""></a>
+                <a href="#step2"><img src="https://buyanghc.github.io/eg3.jpg" alt=""></a>
                 <p>· Mcdonald's</p>
             </div>
         </div>
@@ -62,7 +62,7 @@
                     <label for="image-input">Step 2 : Upload the screenshot</label>
                     <input type="file" accept="image/*" id="image-input" class="phone">
                 </div>
-                <div class="point"><img src="{img_path5}" alt=""></div>
+                <div class="point"><img src="https://buyanghc.github.io/point.png" alt=""></div>
                 <div class="img">
                     <label>Outcome :</label>
                     <div class="phone" id="output">