File size: 2,207 Bytes
1c11297 0721d3f 1c11297 8f1ef48 ca8bf05 1c11297 0721d3f 1c11297 ca8bf05 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
import streamlit as st
import time
from chatbot import generate_html_css_from_image
def main():
st.set_page_config(page_title="Gemini 2.5 Flash HTML/CSS Chatbot", layout="wide")
st.markdown("""
<div style='text-align: center; padding: 10px 0;'>
<h1>Welcome, Gemini 2.5 Flash HTML/CSS Chatbot</h1>
</div>
<div style='text-align: center;'>
<p style='font-size: 18px; background-color: #e6f0ff; padding: 10px; border-radius: 8px; display: inline-block;'>
📁 Please upload an image of a website UI
</p>
</div>
""", unsafe_allow_html=True)
left, right = st.columns([1, 5])
with left:
st.markdown(
"""
<div style='
border: 2px dashed #cccccc;
border-radius: 10px;
padding: 20px;
text-align: center;
background-color: #f9f9f9;
width: 100%;
'>
<h3 style="margin-top: 0;">📁 Upload Image</h3>
<p>Drag and drop or browse</p>
</div>
""",
unsafe_allow_html=True
)
uploaded_image = st.file_uploader(
label="Upload a website UI screenshot",
type=["jpg", "jpeg", "png"],
label_visibility="collapsed"
)
with right:
if uploaded_image:
with st.spinner("Generating HTML + CSS using Gemini 2.5 Flash..."):
try:
output = generate_html_css_from_image(uploaded_image)
if output:
st.subheader("💬 Generated HTML + CSS:")
placeholder = st.empty()
typed_text = ""
for char in output:
typed_text += char
placeholder.code(typed_text, language="html")
time.sleep(0.005)
else:
st.error("No output generated. Please try again.")
except Exception as e:
st.error(f"Error: {e}")
if __name__ == "__main__":
main() |