Update UI.py

UI.py

@@ -1,30 +1,35 @@
 import gradio as gr
 
+# CSS Style
 css = """
-#main {background-color: #f4f7f6; padding: 20px; font-family: 'Arial', sans-serif;}
-h1 {color: #2e3b4e; font-size: 24px; font-weight: bold;}
-textarea {background-color: #f8f8f8; border: 2px solid #ccc; border-radius: 5px;}
-button {background-color: #4CAF50; color: white; border-radius: 5px;}
+#main {background-color: #f4f7f6; padding: 30px; font-family: 'Arial', sans-serif;}
+h1 {color: #2e3b4e; font-size: 28px; font-weight: bold;}
+textarea {background-color: #f8f8f8; border: 2px solid #ccc; border-radius: 5px; padding: 10px;}
+button {background-color: #4CAF50; color: white; border-radius: 5px; padding: 10px 20px; font-size: 16px;}
 button:hover {background-color: #45a049;}
 """
 
-# Kullanıcı girişi ve çıktı için arayüzün oluşturulması
+image = gr.Image(value="https://tr.pinterest.com/pin/943152346965605668/", label="Image")
+
+# Fonksiyon ve Arayüz Tanımlaması
+def generate_teaching_transcript(input_text):
+    # Burada, 'input_text' ile öğretici metni işleyebilirsiniz.
+    return "Öğretici metin burada olacak."
+
 title = "Generative Transcript Transformation"
 description = """
 Bu araç, verilen metni öğretici bir ders metnine dönüştürmek için tasarlanmıştır.
 Metni girin ve 30 dakikalık bir ders metni üretin.
 """
 
-img_url = "https://tr.pinterest.com/pin/943152346965605668/" 
-
 iface = gr.Interface(
     fn=generate_teaching_transcript,
     inputs=gr.Textbox(label="Transcript Metni", lines=15, placeholder="Konuşma metnini buraya girin..."),
     outputs="text",
     title=title,
     description=description,
-    theme="compact",  # Daha kompakt bir görünüm
-    css=css  # Özel stil
+    theme="compact",
+    css=css
 )
 
 # Uygulamayı başlatma