initial commit

.gitattributes

@@ -0,0 +1,35 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

README.md

@@ -0,0 +1,12 @@
+---
+title: Test Gradio Html
+emoji: 📈
+colorFrom: purple
+colorTo: red
+sdk: gradio
+sdk_version: 5.1.0
+app_file: app.py
+pinned: false
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,33 @@
+import gradio as gr
+
+# Create a Gradio Blocks app
+demo = gr.Blocks()
+
+# Define the layout and components within the Blocks app
+with demo:
+    # Input Textbox for user to enter text
+    inp = gr.Textbox(placeholder="Enter text.")
+    # Button to trigger scrolling to the output
+    scroll_btn = gr.Button("Scroll")
+    # Button to trigger output without scrolling
+    no_scroll_btn = gr.Button("No Scroll")
+    # A large HTML block to simulate a long page
+    big_block = gr.HTML("""
+    <div style='height: 860px; width: 100px; background-color: pink;'></div>
+    """)
+    # Output Textbox to display the result
+    out = gr.Textbox()
+
+    # Event listener for the "Scroll" button
+    scroll_btn.click(lambda x: x,
+                     inputs=inp,
+                     outputs=out,
+                     scroll_to_output=True)  # Scroll to the output after updating
+    # Event listener for the "No Scroll" button
+    no_scroll_btn.click(lambda x: x,
+                        inputs=inp,
+                        outputs=out)  # Do not scroll to the output after updating
+
+# Launch the Gradio app
+if __name__ == "__main__":
+    demo.launch(show_error=True)