| import gradio as gr | |
| # Define the HTML and CSS for the banner | |
| # We use a markdown component and inject a simple div with inline styling | |
| banner_content = """ | |
| <div style=' | |
| background-color: #f0f0f0; | |
| padding: 15px; | |
| border-radius: 10px; | |
| text-align: center; | |
| margin: 20px auto; | |
| width: fit-content; | |
| border: 1px solid #ddd; | |
| box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |
| '> | |
| <h2 style=' | |
| margin: 0; | |
| color: #555; | |
| font-family: sans-serif; | |
| '> | |
| 🚧 Work in progress 🚧 | |
| </h2> | |
| </div> | |
| """ | |
| # Create the Gradio interface using gr.Blocks | |
| # Blocks gives us more control over the layout | |
| with gr.Blocks() as demo: | |
| # Use gr.Markdown to display the HTML content | |
| gr.Markdown(banner_content) | |
| # Launch the demo | |
| demo.launch() |