test

app.py

@@ -341,84 +341,87 @@ def generate_html_with_image_and_text(img_output, text):
 # def toggle_dataframe_callback():
 #     complete_result_dataframe.visible = not complete_result_dataframe.visible
 
+with open('web_page.html', 'r') as file:
+   html_content = file.read()
 
-with open('web_page.css', 'r') as css_file:
-   css = css_file.read()
+# with open('web_page.css', 'r') as css_file:
+#    css = css_file.read()
 
 with gr.Blocks() as demo:
-    html_output = gr.HTML("""
-    <div class="title">
-        <div class="title_half title_content">
-            <h1>Cpp4App</h1>
-            <p>Automated Contextual Privacy Policies Generation for Mobile Apps.</p>
-            <div class="choice">
-                <a href="#workspace" class="start choice_btn">START</a>
-                <a href="#examples" class="view_examples choice_btn">View examples</a>
-            </div>
-        </div>
-        <div class="title_half">
-            <img src="https://buyanghc.github.io/head.jpg" alt="">
-        </div>
-    </div>
-
-    <div class="examples" id="examples">
-        <div class="head">
-            <h2>EXAMPLES</h2>
-        </div>
-        <p>Click to run the example !</p>
-        <div class="img_box">
-            <div class="eg">
-                <a href="#step2" id="eg1"><img src="https://buyanghc.github.io/eg1.jpg" alt=""></a>
-                <p>· WhatsApp</p>
-            </div>
-            <div class="eg">
-                <a href="#step2" id="eg2"><img src="https://buyanghc.github.io/eg2.jpg" alt=""></a>
-                <p>· Snap</p>
-            </div>
-            <div class="eg">
-                <a href="#step2" id="eg3"><img src="https://buyanghc.github.io/eg3.jpg" alt=""></a>
-                <p>· Mcdonald's</p>
-            </div>
-        </div>
-    </div>
-
-    <div class="workspace" id="workspace">
-        <div class="head">
-            <h2>WORKSPACE</h2>
-            <div class="workspace_btn">
-                <input class="btn run" type="submit" value="RUN">
-                <button class="btn reset">RESET</button>
-            </div>
-        </div>
-
-        <div class="space">
-            <div class="step1">
-                <label for="inputBox">Step 1 : Input privacy policy URL</label>
-                <input class="url" type="text" id="inputBox" name="inputBox" placeholder="Privacy Policy URL Link" />
-            </div>
-
-            <div class="step2" id="step2">
-                <div class="img">
-                    <label for="image-input">Step 2 : Upload the screenshot</label>
-    """)
+    html_output = gr.HTML(html_content)
+#     html_output = gr.HTML("""
+#     <div class="title">
+#         <div class="title_half title_content">
+#             <h1>Cpp4App</h1>
+#             <p>Automated Contextual Privacy Policies Generation for Mobile Apps.</p>
+#             <div class="choice">
+#                 <a href="#workspace" class="start choice_btn">START</a>
+#                 <a href="#examples" class="view_examples choice_btn">View examples</a>
+#             </div>
+#         </div>
+#         <div class="title_half">
+#             <img src="https://buyanghc.github.io/head.jpg" alt="">
+#         </div>
+#     </div>
+#
+#     <div class="examples" id="examples">
+#         <div class="head">
+#             <h2>EXAMPLES</h2>
+#         </div>
+#         <p>Click to run the example !</p>
+#         <div class="img_box">
+#             <div class="eg">
+#                 <a href="#step2" id="eg1"><img src="https://buyanghc.github.io/eg1.jpg" alt=""></a>
+#                 <p>· WhatsApp</p>
+#             </div>
+#             <div class="eg">
+#                 <a href="#step2" id="eg2"><img src="https://buyanghc.github.io/eg2.jpg" alt=""></a>
+#                 <p>· Snap</p>
+#             </div>
+#             <div class="eg">
+#                 <a href="#step2" id="eg3"><img src="https://buyanghc.github.io/eg3.jpg" alt=""></a>
+#                 <p>· Mcdonald's</p>
+#             </div>
+#         </div>
+#     </div>
+#
+#     <div class="workspace" id="workspace">
+#         <div class="head">
+#             <h2>WORKSPACE</h2>
+#             <div class="workspace_btn">
+#                 <input class="btn run" type="submit" value="RUN">
+#                 <button class="btn reset">RESET</button>
+#             </div>
+#         </div>
+#
+#         <div class="space">
+#             <div class="step1">
+#                 <label for="inputBox">Step 1 : Input privacy policy URL</label>
+#                 <input class="url" type="text" id="inputBox" name="inputBox" placeholder="Privacy Policy URL Link" />
+#             </div>
+#
+#             <div class="step2" id="step2">
+#                 <div class="img">
+#                     <label for="image-input">Step 2 : Upload the screenshot</label>
+#     """)
 
     # image_input = gr.Image(type="pil", label="Screenshot Upload", elem_id="image_input")
 
-    gr.HTML("""
-                </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">
-                        <img src="" alt="" id="result">
-                        <div class="left next_btn"></div>
-                        <div class="right next_btn"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    """)
+    # gr.HTML("""
+    #             </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">
+    #                     <img src="" alt="" id="result">
+    #                     <div class="left next_btn"></div>
+    #                     <div class="right next_btn"></div>
+    #                 </div>
+    #             </div>
+    #         </div>
+    #     </div>
+    # </div>
+    # """)
 
     # 隐藏的gradio组件
     eg_btn1 = gr.Button("Example 1", elem_id="example1", visible=True)
@@ -525,7 +528,7 @@ threading.Thread(target=schedule_restarts, args=(24,)).start()  # restart per 24
 threading.Thread(target=schedule_monitoring, args=(12,)).start()  # monitor resources using per 12 hours
 
 try:
-    demo.launch(css=css)
+    demo.launch()
     logger.info('Gradio app launched successfully')
 except Exception as e:
     logger.error('Error occurred while launching Gradio app', exc_info=True)