Update app.py

app.py

@@ -20,11 +20,9 @@ def oracle_text(user_text: str):
     result = text_detector(user_text)
     label = result[0]['label']
     score = round(result[0]['score'] * 100, 2)
-    return (
-        f"<div class='prophecy human'>☀️ Prophecy: {score}% Human‑written 🧑‍💻</div>"
-        if label.lower() == "real" or label.lower() == "human"
-        else f"<div class='prophecy ai'>🌌 Prophecy: {score}% AI‑generated 🤖✨</div>"
-    )
+    if label.lower() == "fake":
+        return f"🌌 **Prophecy:** {score}% AI‑generated 🤖✨"
+    return f"☀️ **Prophecy:** {score}% Human‑written 🧑‍💻"
 
 @spaces.GPU
 def oracle_image(user_img):
@@ -33,7 +31,7 @@ def oracle_image(user_img):
     result = image_analyzer(user_img)
     label = result[0]['label']
     score = round(result[0]['score'] * 100, 2)
-    return f"<div class='prophecy image'>🖼️ Oracle’s Sight: {score}% resemblance to <b>{label}</b> 🌠</div>"
+    return f"🖼️ Oracle’s Sight: {score}% resemblance to **{label}**"
 
 @spaces.GPU
 def oracle_audio(audio_file):
@@ -43,12 +41,9 @@ def oracle_audio(audio_file):
     result = text_detector(transcript)
     label = result[0]['label']
     score = round(result[0]['score'] * 100, 2)
-    verdict = (
-        f"<div class='prophecy ai'>🔊 Transcript: <i>{transcript}</i><br><br>🌌 Prophecy: {score}% AI‑generated 🤖</div>"
-        if label.lower() == "fake"
-        else f"<div class='prophecy human'>🔊 Transcript: <i>{transcript}</i><br><br>☀️ Prophecy: {score}% Human‑written 🧑‍💻</div>"
-    )
-    return verdict
+    if label.lower() == "fake":
+        return f"🔊 Transcript: *{transcript}*\n\n🌌 Prophecy: {score}% AI‑generated 🤖"
+    return f"🔊 Transcript: *{transcript}*\n\n☀️ Prophecy: {score}% Human‑written 🧑‍💻"
 
 @spaces.GPU
 def oracle_pdf(pdf_file):
@@ -61,83 +56,69 @@ def oracle_pdf(pdf_file):
     result = text_detector(text[:800])
     label = result[0]['label']
     score = round(result[0]['score'] * 100, 2)
-    return (
-        f"<div class='prophecy ai'>📑 PDF Prophecy: {score}% AI‑generated 🤖</div>"
-        if label.lower() == "fake"
-        else f"<div class='prophecy human'>📑 PDF Prophecy: {score}% Human‑authored 🧑‍💻</div>"
-    )
+    if label.lower() == "fake":
+        return f"📑 PDF Prophecy: {score}% AI‑generated 🤖"
+    return f"📑 PDF Prophecy: {score}% Human‑authored 🧑‍💻"
 
 # -------------------------------
-# UI
+# UI (copied styling from awesome-pet-talk)
 # -------------------------------
 with gr.Blocks(css="""
 body {
-    background: linear-gradient(135deg, #ff9a9e, #fad0c4, #a1c4fd, #c2e9fb);
-    font-family: 'Trebuchet MS', sans-serif;
+  background: linear-gradient(135deg, #fbc2eb, #a6c1ee);
+  font-family: 'Trebuchet MS', sans-serif;
+  color: #2c003e;
+  text-align: center;
 }
-#title {
-    text-align: center;
-    font-size: 3em;
-    color: #FFD700;
-    padding: 15px;
-    text-shadow: 3px 3px 10px #000;
+h1 {
+  font-size: 3em !important;
+  color: #ff0080;
+  text-shadow: 2px 2px 8px #00000055;
 }
-#subtitle {
-    text-align: center;
-    font-size: 1.4em;
-    color: #00FFFF;
-    margin-bottom: 25px;
+h2, h3, label {
+  font-size: 1.4em !important;
+  color: #4b0082;
 }
-.prophecy {
-    border-radius: 15px;
-    padding: 25px;
-    font-size: 1.6em;
-    margin-top: 15px;
-    text-align: center;
-    font-weight: bold;
+textarea, input, .gr-textbox {
+  font-size: 1.2em !important;
 }
-.prophecy.human {
-    background: rgba(0, 128, 0, 0.7);
-    color: #fff;
-    box-shadow: 0 0 18px #00FF7F;
-}
-.prophecy.ai {
-    background: rgba(128, 0, 128, 0.7);
-    color: #fff;
-    box-shadow: 0 0 18px #FF00FF;
-}
-.prophecy.image {
-    background: rgba(0,0,0,0.6);
-    color: #FFD700;
-    box-shadow: 0 0 15px #FFF176;
+.result-box {
+  background: rgba(255,255,255,0.9);
+  border-radius: 20px;
+  padding: 20px;
+  margin-top: 20px;
+  font-size: 1.4em;
+  color: #222;
+  box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
+  text-align: left;
 }
 """) as demo:
 
-    gr.HTML("<div id='title'>🔮 Oracle of Truth 🔮</div>")
-    gr.HTML("<div id='subtitle'>✨ Multi‑Sight: Text · Image · Voice · PDF ✨</div>")
+    gr.Markdown("# 🔮 Oracle of Truth 🔮")
+    gr.Markdown("### ✨ Multi‑Sight Divination: **Text · Image · Voice · PDF** ✨")
 
     with gr.Tab("📜 Text Divination"):
-        txt_in = gr.Textbox(lines=8, label="Enter your text ✍️", placeholder="Paste essay, article, story…")
+        txt_in = gr.Textbox(lines=8, label="✍️ Enter Text", placeholder="Paste your essay, blog, or snippet…")
         btn_txt = gr.Button("✨ Reveal Prophecy")
-        txt_out = gr.HTML()
+        txt_out = gr.Markdown(elem_classes="result-box")
         btn_txt.click(oracle_text, inputs=txt_in, outputs=txt_out)
 
     with gr.Tab("🖼️ Image Prophecy"):
-        img_in = gr.Image(type="filepath", label="Upload Image")
+        img_in = gr.Image(type="filepath", label="Upload Image 🖼️")
         btn_img = gr.Button("✨ Reveal Prophecy")
-        img_out = gr.HTML()
+        img_out = gr.Markdown(elem_classes="result-box")
         btn_img.click(oracle_image, inputs=img_in, outputs=img_out)
 
     with gr.Tab("🔊 Voice Revelation"):
-        aud_in = gr.Audio(sources=["microphone"], type="filepath", label="Speak here 🎙️")
+        aud_in = gr.Audio(sources=["microphone"], type="filepath", label="🎤 Speak")
         btn_aud = gr.Button("✨ Reveal Prophecy")
-        aud_out = gr.HTML()
+        aud_out = gr.Markdown(elem_classes="result-box")
         btn_aud.click(oracle_audio, inputs=aud_in, outputs=aud_out)
 
     with gr.Tab("📑 PDF Prophecy"):
-        pdf_in = gr.File(file_types=[".pdf"], label="Upload PDF")
+        pdf_in = gr.File(label="📄 Upload PDF", file_types=[".pdf"])
         btn_pdf = gr.Button("✨ Reveal Prophecy")
-        pdf_out = gr.HTML()
+        pdf_out = gr.Markdown(elem_classes="result-box")
         btn_pdf.click(oracle_pdf, inputs=pdf_in, outputs=pdf_out)
 
 demo.launch()