Upload folder using huggingface_hub

app.py

@@ -1,217 +1,142 @@
-import time
-
 import gradio as gr
-from gradio.themes.utils.theme_dropdown import create_theme_dropdown
-
-dropdown, js = create_theme_dropdown()
-
-# Windows 95 custom CSS for authentic styling
-WINDOWS_95_CSS = """
-/* Windows 95 Taskbar Footer */
-footer {
-    position: fixed !important;
-    bottom: 0 !important;
-    left: 0 !important;
-    right: 0 !important;
-    margin: 0 !important;
-    padding: 4px 8px !important;
-    background: #C0C0C0 !important;
-    border-top: 2px solid #FFFFFF !important;
-    box-shadow: inset 0 1px 0 0 #DFDFDF, inset 0 -1px 0 0 #808080, 0 -1px 0 0 #404040 !important;
-    justify-content: flex-start !important;
-    gap: 8px !important;
-    z-index: 9999 !important;
-}
-
-footer button, footer a {
-    background: #C0C0C0 !important;
-    color: #000000 !important;
-    border: none !important;
-    padding: 4px 12px !important;
-    box-shadow: inset -1px -1px 0px 0px #808080, inset 1px 1px 0px 0px #FFFFFF, inset -2px -2px 0px 0px #404040, inset 2px 2px 0px 0px #DFDFDF !important;
-}
-
-footer .divider { display: none !important; }
-footer img, button img, a img, svg { box-shadow: none !important; }
-.gradio-container { padding-bottom: 40px !important; }
-
-/* 3D Buttons */
-button { border-radius: 0 !important; }
-
-/* Sunken inputs */
-input, textarea, select {
-    border-radius: 0 !important;
-    box-shadow: inset 1px 1px 0px 0px #808080, inset -1px -1px 0px 0px #FFFFFF, inset 2px 2px 0px 0px #404040, inset -2px -2px 0px 0px #DFDFDF !important;
-}
-
-/* Windows 95 Scrollbars */
-*::-webkit-scrollbar { width: 16px !important; height: 16px !important; }
-*::-webkit-scrollbar-track { background: #DFDFDF !important; }
-*::-webkit-scrollbar-thumb {
-    background: #C0C0C0 !important;
-    box-shadow: inset -1px -1px 0px 0px #808080, inset 1px 1px 0px 0px #FFFFFF, inset -2px -2px 0px 0px #404040, inset 2px 2px 0px 0px #DFDFDF !important;
-}
-
-/* Selection */
-::selection { background: #000080 !important; color: #FFFFFF !important; }
-
-/* Tabs */
-.tabs { gap: 0 !important; }
-.tab-container::after { display: none !important; }
-.tabs button[role="tab"] {
-    background: #C0C0C0 !important;
-    border-radius: 0 !important;
-    box-shadow: inset 1px 1px 0px 0px #FFFFFF, inset -1px 0px 0px 0px #808080, inset 2px 2px 0px 0px #DFDFDF, inset -2px 0px 0px 0px #404040 !important;
-}
-
-/* Code highlighting - white text on navy */
-.highlight, span.highlight, .code.highlight {
-    background: #000080 !important;
-    color: #FFFFFF !important;
-}
-
-pre span[style*="background"], code span[style*="background"] {
-    color: #FFFFFF !important;
-}
-"""
+from windows95 import Windows95, WINDOWS_95_CSS
+
+# Windows 95 Theme Demo
+# This demo showcases the nostalgic Windows 95-inspired theme
 
 with gr.Blocks() as demo:
-    with gr.Row(equal_height=True):
-        with gr.Column(scale=10):
-            gr.Markdown(
-                """
-                # Theme preview: `windows95`
-                To use this theme, set `theme='hmb/windows95'` in the `launch()` method of `gr.Blocks()` or `gr.Interface()`.
-                You can append an `@` and a semantic version expression, e.g. @>=1.0.0,<2.0.0 to pin to a given version
-                of this theme.
-                """
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("## Input Controls")
+
+            name_input = gr.Textbox(
+                label="Your Name",
+                placeholder="Enter your name here...",
+                info="Type your name in this text field",
             )
-        with gr.Column(scale=3):
-            with gr.Group():
-                dropdown.render()
-                toggle_dark = gr.Button(value="Toggle Dark")
-
-    dropdown.change(None, dropdown, None, js=js)
-    toggle_dark.click(
-        None,
-        js="""
-        () => {
-            document.body.classList.toggle('dark');
-        }
-        """,
-    )
 
-    name = gr.Textbox(
-        label="Name",
-        info="Full name, including middle name. No special characters.",
-        placeholder="John Doe",
-        value="John Doe",
-        interactive=True,
-    )
+            message_input = gr.Textbox(
+                label="Message",
+                placeholder="Type a message...",
+                lines=3,
+                info="Multi-line text input",
+            )
 
-    with gr.Row():
-        slider1 = gr.Slider(label="Slider 1")
-        slider2 = gr.Slider(label="Slider 2")
-    gr.CheckboxGroup(["A", "B", "C"], label="Checkbox Group")
+            dropdown = gr.Dropdown(
+                label="Select Option",
+                choices=["Option 1", "Option 2", "Option 3"],
+                value="Option 1",
+                info="Choose from the dropdown menu",
+            )
 
-    with gr.Row():
-        with gr.Column(variant="panel", scale=1):
-            gr.Markdown("## Panel 1")
-            radio = gr.Radio(
-                ["A", "B", "C"],
-                label="Radio",
-                info="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+            slider = gr.Slider(
+                label="Volume",
+                minimum=0,
+                maximum=100,
+                value=50,
+                step=1,
+                info="Drag to adjust the value",
             )
-            drop = gr.Dropdown(["Option 1", "Option 2", "Option 3"], show_label=False)
-            drop_2 = gr.Dropdown(
-                ["Option A", "Option B", "Option C"],
-                multiselect=True,
-                value=["Option A"],
-                label="Dropdown",
-                interactive=True,
+
+            checkbox = gr.Checkbox(
+                label="Enable Feature", value=True, info="Toggle this setting"
+            )
+
+            radio = gr.Radio(
+                label="Choose One",
+                choices=["Small", "Medium", "Large"],
+                value="Medium",
+                info="Select a size",
             )
-            check = gr.Checkbox(label="Go")
-        with gr.Column(variant="panel", scale=2):
-            img = gr.Image(
-                "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg",
-                label="Image",
-                height=320,
+
+            checkboxgroup = gr.CheckboxGroup(
+                label="Select Multiple",
+                choices=["Red", "Green", "Blue"],
+                value=["Red"],
+                info="Pick your favorite colors",
             )
+
+        with gr.Column():
+            gr.Markdown("## Output & Actions")
+
+            output_text = gr.Textbox(label="Output", interactive=False, lines=3)
+
             with gr.Row():
-                go_btn = gr.Button("Go", variant="primary")
-                clear_btn = gr.Button("Clear", variant="secondary")
+                submit_btn = gr.Button("OK", variant="primary")
+                clear_btn = gr.Button("Cancel", variant="stop")
+                secondary_btn = gr.Button("Help", variant="secondary")
 
-                def go(*_args):
-                    time.sleep(3)
-                    return "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg"
+            gr.Markdown("## File Operations")
 
-                go_btn.click(go, [radio, drop, drop_2, check, name], img, api_name="go")
+            file_upload = gr.File(
+                label="Upload File", file_types=[".txt", ".csv", ".json"]
+            )
 
-                def clear():
-                    time.sleep(0.2)
+            image_input = gr.Image(label="Image Preview", type="pil")
 
-                clear_btn.click(clear, None, img)
+            gr.Markdown("## Data Display")
 
-            with gr.Row():
-                btn1 = gr.Button("Button 1", size="sm")
-                btn2 = gr.UploadButton(size="sm")
-                stop_btn = gr.Button("Stop", size="sm", variant="stop")
+            dataframe = gr.Dataframe(
+                label="Data Table",
+                headers=["Name", "Value", "Status"],
+                datatype=["str", "number", "str"],
+                value=[
+                    ["Item 1", 100, "Active"],
+                    ["Item 2", 200, "Inactive"],
+                    ["Item 3", 300, "Pending"],
+                ],
+            )
 
-    with gr.Row():
-        gr.Dataframe(value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]], label="Dataframe")
-        gr.JSON(
-            value={"a": 1, "b": 2, "c": {"test": "a", "test2": [1, 2, 3]}}, label="JSON"
+    with gr.Accordion("Advanced Settings", open=False):
+        gr.Markdown("Additional configuration options would go here.")
+        adv_slider = gr.Slider(
+            label="Advanced Slider", minimum=0, maximum=100, value=25
         )
-        gr.Label(value={"cat": 0.7, "dog": 0.2, "fish": 0.1})
-        gr.File()
-    with gr.Row():
-        gr.ColorPicker()
-        gr.Video("https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4")
-        gr.Gallery(
-            [
-                (
-                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/lion.jpg",
-                    "lion",
-                ),
-                (
-                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/logo.png",
-                    "logo",
-                ),
-                (
-                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/tower.jpg",
-                    "tower",
-                ),
-            ],
-            height=200,
+        adv_text = gr.Textbox(
+            label="Advanced Input", placeholder="Enter advanced settings..."
         )
 
-    with gr.Row():
-        with gr.Column(scale=2):
-            chatbot = gr.Chatbot([
-                {"role": "user", "content": "Hello"},
-                {"role": "assistant", "content": "Hi"}
-            ], label="Chatbot")
-            chat_btn = gr.Button("Add messages")
-
-            def add_messages(history):
-                time.sleep(2)
-                return history + [
-                    {"role": "user", "content": "How are you?"},
-                    {"role": "assistant", "content": "I am good."}
-                ]
-
-            chat_btn.click(
-                add_messages,
-                chatbot,
-                chatbot,
-            )
-        with gr.Column(scale=1):
-            with gr.Accordion("Advanced Settings"):
-                gr.Markdown("Hello")
-                gr.Number(label="Chatbot control 1")
-                gr.Number(label="Chatbot control 2")
-                gr.Number(label="Chatbot control 3")
+    with gr.Tabs():
+        with gr.TabItem("Tab 1"):
+            gr.Markdown("Content for Tab 1")
+            gr.Textbox(label="Tab 1 Input")
+        with gr.TabItem("Tab 2"):
+            gr.Markdown("Content for Tab 2")
+            gr.Textbox(label="Tab 2 Input")
+        with gr.TabItem("Tab 3"):
+            gr.Markdown("Content for Tab 3")
+            gr.Textbox(label="Tab 3 Input")
+
+    # Event handlers
+    def process_input(name, message, dropdown, slider, checkbox, radio, colors):
+        result = f"Name: {name}\n"
+        result += f"Message: {message}\n"
+        result += f"Dropdown: {dropdown}\n"
+        result += f"Slider: {slider}\n"
+        result += f"Checkbox: {checkbox}\n"
+        result += f"Radio: {radio}\n"
+        result += f"Colors: {', '.join(colors)}"
+        return result
+
+    def clear_output():
+        return ""
+
+    submit_btn.click(
+        fn=process_input,
+        inputs=[
+            name_input,
+            message_input,
+            dropdown,
+            slider,
+            checkbox,
+            radio,
+            checkboxgroup,
+        ],
+        outputs=output_text,
+    )
+
+    clear_btn.click(fn=clear_output, outputs=output_text)
 
 
 if __name__ == "__main__":
-    demo.queue().launch(theme='hmb/windows95', css=WINDOWS_95_CSS)
+    demo.launch(theme=Windows95(), css=WINDOWS_95_CSS)