change url in html

.idea/workspace.xml

@@ -4,11 +4,16 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="5e4481c0-7ba2-42e4-bbe6-4c36a0d36baa" name="Changes" comment="complete log part">
-      <change afterPath="$PROJECT_DIR$/layout/web_page.css" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/layout/web_page.html" afterDir="false" />
+    <list default="true" id="5e4481c0-7ba2-42e4-bbe6-4c36a0d36baa" name="Changes" comment="change url in html">
       <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$/layout/images/eg1.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/eg1.jpg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/layout/images/eg2.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/eg2.jpg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/layout/images/eg3.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/eg3.jpg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/layout/images/head.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/images/head.jpg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/layout/images/point.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/point.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/layout/web_page.css" beforeDir="false" afterPath="$PROJECT_DIR$/web_page.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/layout/web_page.html" beforeDir="false" afterPath="$PROJECT_DIR$/web_page.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -49,9 +54,9 @@
 }]]></component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$" />
       <recent name="$PROJECT_DIR$/web_design" />
       <recent name="$PROJECT_DIR$/google_drive_credentials" />
-      <recent name="$PROJECT_DIR$" />
     </key>
   </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
@@ -64,7 +69,7 @@
       <updated>1723386888312</updated>
       <workItem from="1723386893769" duration="12000" />
       <workItem from="1723386970626" duration="451000" />
-      <workItem from="1723387453009" duration="19315000" />
+      <workItem from="1723387453009" duration="20776000" />
     </task>
     <task id="LOCAL-00001" summary="create">
       <created>1723387548126</created>
@@ -185,7 +190,28 @@
       <option name="project" value="LOCAL" />
       <updated>1723462386739</updated>
     </task>
-    <option name="localTasksCounter" value="18" />
+    <task id="LOCAL-00018" summary="change to html">
+      <created>1723480210476</created>
+      <option name="number" value="00018" />
+      <option name="presentableId" value="LOCAL-00018" />
+      <option name="project" value="LOCAL" />
+      <updated>1723480210476</updated>
+    </task>
+    <task id="LOCAL-00019" summary="change url in html">
+      <created>1723480556050</created>
+      <option name="number" value="00019" />
+      <option name="presentableId" value="LOCAL-00019" />
+      <option name="project" value="LOCAL" />
+      <updated>1723480556050</updated>
+    </task>
+    <task id="LOCAL-00020" summary="change url in html">
+      <created>1723480879169</created>
+      <option name="number" value="00020" />
+      <option name="presentableId" value="LOCAL-00020" />
+      <option name="project" value="LOCAL" />
+      <updated>1723480879169</updated>
+    </task>
+    <option name="localTasksCounter" value="21" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -201,6 +227,8 @@
     <MESSAGE value="test auto delete" />
     <MESSAGE value="test auto monitor" />
     <MESSAGE value="complete log part" />
-    <option name="LAST_COMMIT_MESSAGE" value="complete log part" />
+    <MESSAGE value="change to html" />
+    <MESSAGE value="change url in html" />
+    <option name="LAST_COMMIT_MESSAGE" value="change url in html" />
   </component>
 </project>

app.py

@@ -309,7 +309,7 @@ def new_example_inference_3():
 #     complete_result_dataframe.visible = not complete_result_dataframe.visible
 
 
-with open('layout/web_page.html', 'r', encoding='utf-8') as file:
+with open('web_page.html', 'r', encoding='utf-8') as file:
     html_content = file.read()
 
 with gr.Blocks() as demo:

layout/web_page.html → web_page.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Cpp4App Test</title>
-    <link rel="stylesheet" type="text/css" href="layout/web_page.css">
+    <link rel="stylesheet" type="text/css" href="./web_page.css">
 </head>
 <body>
 
@@ -17,7 +17,7 @@
             </div>
         </div>
         <div class="title_half">
-            <img src="layout/images/head.jpg" alt="">
+            <img src="./images/head.jpg" alt="">
         </div>
     </div>
 
@@ -28,15 +28,15 @@
         <p>Click to run the example !</p>
         <div class="img_box">
             <div class="eg">
-                <a href="#step2"><img src="layout/images/eg1.jpg" alt=""></a>
+                <a href="#step2"><img src="./images/eg1.jpg" alt=""></a>
                 <p>· WhatsApp</p>
             </div>
             <div class="eg">
-                <a href="#step2"><img src="layout/images/eg2.jpg" alt=""></a>
+                <a href="#step2"><img src="./images/eg2.jpg" alt=""></a>
                 <p>· Snap</p>
             </div>
             <div class="eg">
-                <a href="#step2"><img src="layout/images/eg3.jpg" alt=""></a>
+                <a href="#step2"><img src="./images/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="layout/images/point.png" alt=""></div>
+                <div class="point"><img src="./images/point.png" alt=""></div>
                 <div class="img">
                     <label for="output">Outcome :</label>
                     <div class="phone" id="output">