Update app.py

app.py

@@ -54,24 +54,39 @@ def find_image_path(name):
 def display_sign_language(english_text):
     st.markdown("### 👐 Sign Language Representation")
 
-    for word in english_text.split():
-        st.markdown(f"**{word}**")
-        for idx, char in enumerate(word):
-            if char.isalpha():
-                char_img_path = find_image_path(char.lower())
-                if char_img_path:
-                    st.image(char_img_path, caption=char.upper(), width=80)
-                else:
-                    st.warning(f"Missing image for: {char.upper()}")
-            elif char == " ":
-                space_img = find_image_path("space")
-                if space_img:
-                    st.image(space_img, caption="SPACE", width=40)
-
-        # Add space image between words
-        space_img = find_image_path("space")
-        if space_img:
-            st.image(space_img, caption="SPACE", width=40)
+    current_word = []
+    for char in english_text:
+        if char.isalpha():
+            current_word.append(char)
+        elif char == " ":
+            # Display current word vertically
+            if current_word:
+                st.markdown(f"**{''.join(current_word)}**")
+                for c in current_word:
+                    img_path = find_image_path(c.lower())
+                    if img_path:
+                        st.image(img_path, caption=c.upper(), width=80)
+                    else:
+                        st.warning(f"Missing image for: {c.upper()}")
+                current_word = []
+
+            # Show space image
+            space_img = find_image_path("space")
+            if space_img:
+                st.image(space_img, caption="SPACE", width=40)
+        else:
+            continue  # Skip punctuation
+
+    # Handle last word if any
+    if current_word:
+        st.markdown(f"**{''.join(current_word)}**")
+        for c in current_word:
+            img_path = find_image_path(c.lower())
+            if img_path:
+                st.image(img_path, caption=c.upper(), width=80)
+            else:
+                st.warning(f"Missing image for: {c.upper()}")
+
 
 # --- Streamlit UI ---
 urdu_text = st.text_area("📝 Enter Urdu Text", height=150)