Update pages/hello.py

pages/hello.py

@@ -1,9 +1,38 @@
+# pages/hello.py
 import gradio as gr
+from auth import check_password
 
 with gr.Blocks() as demo:
-    gr.Markdown("# Hello World Page")
-    gr.HTML("<h1 style='text-align:center; color: green;'>hello world</h1>")
-    gr.Markdown("這是可分享的獨立頁面！")
+    with gr.Column(visible=True) as pwd_section:
+        gr.Markdown("## Enter Password to Access My Page")
+        pwd_in = gr.Textbox(label="Password", type="password")
+        pwd_fb = gr.Textbox(label="Status", interactive=False)
+        pwd_btn = gr.Button("Submit")
+    
+    with gr.Column(visible=False) as content:
+        gr.Markdown("# My Custom Page")
+        gr.HTML("<h1 style='text-align:center; color: green; margin-top: 50px;'>hello world</h1>")
+        gr.Markdown("這是可分享的獨立頁面！URL：`your-space.hf.space/hello`")
+        gr.HTML("""
+        <div style="text-align: center; margin-top: 30px;">
+            <a href="/" target="_self">
+                <button style="
+                    background-color: #2196F3;
+                    color: white;
+                    padding: 12px 30px;
+                    font-size: 16px;
+                    font-weight: bold;
+                    border: none;
+                    border-radius: 8px;
+                    cursor: pointer;
+                ">
+                    Back to Main App
+                </button>
+            </a>
+        </div>
+        """)
+
+    pwd_btn.click(check_password, pwd_in, [pwd_section, content, pwd_fb])
 
 if __name__ == "__main__":
     demo.launch()