Update app.py

app.py

@@ -269,63 +269,35 @@ def main() -> None:
     .generating {
         border: none;
     }
-    img {
-    width: auto; /* or you can set it to a specific width like 200px */
-    height: auto; /* adjust the height as needed */
-    }
     """
-    
-    # # CSS for RTL styling and removing the orange border for constantly loading elements
-    # css = """
-    # .generating {
-    #     border: none;
-    # }
-    # img {
-    #     width: auto;  /* or you can set it to a specific width like 200px */
-    #     height: auto; /* adjust the height as needed */
-    # }
-    # /* Add RTL styling for Arabic text */
-    # .markdown, .gr-row, .gr-column {
-    #     direction: rtl;
-    #     text-align: right;
-    # }
-    # """
-
-with gr.Blocks(css=css) as demo:
-    gr.Markdown(
-        """
-        ![image/png](https://cdn-uploads.huggingface.co/production/uploads/64d5698102e58cc1fdd0b585/Fo9_191B1KBcHj3fswMey.png)
-        
-        <div dir="rtl">
-        
-        ## 🌍 العربية - مشروع تقييم المطالبات متعدد اللغات
-
-        أطلقت Hugging Face و Argilla مشروع [مشروع تقييم المطالبات متعدد اللغات](https://github.com/huggingface/data-is-better-together/tree/main/prompt_translation). إنه معيار متعدد اللغات مفتوح لتقييم نماذج اللغة، وبالطبع، للغة العربية أيضًا.
-
-        ## 💡 الهدف هو ترجمة 500 مطالبة
-        وكالعادة: البيانات عالية الجودة مطلوبة! لقد اختار المجتمع أفضل 500 مطالبة التي ستشكل المعيار. باللغة الإنجليزية، بالطبع.
-        **لذلك نحتاج إلى مساعدتك**: إذا قمنا جميعًا بترجمة الـ 500 مطالبة، يمكننا إضافة العربية إلى قائمة المتصدرين.
-
-        ## 📌 كيفية المشاركة
-
-        المشاركة سهلة اذهب إلى
-        [فضاء التعليق](https://huggingface.co/spaces/2A2I/prompt-translation-for-Arabic)
-        Hugging Face ويمكنك البدء في العمل، قم بتسجيل الدخول أو إنشاء حساب على  
-
-        🤗 !شكرًا لك مقدمًا 
-        
-        </div>
-        """
-    )
 
-        gr.Image(value="mpep-ar.png", interactive=False)
+    with gr.Blocks(css=css) as demo:
+        gr.Markdown(
+            """
+            
+
+            ![image/png](https://cdn-uploads.huggingface.co/production/uploads/64d5698102e58cc1fdd0b585/MnWb3lFLVu6ufcmupu3_o.png)
+
+            # 🌍 العربية - مشروع تقييم المطالبات متعدد اللغات
+
+            أطلقت Hugging Face و Argilla مشروع [مشروع تقييم المطالبات متعدد اللغات](https://github.com/huggingface/data-is-better-together/tree/main/prompt_translation). إنه معيار متعدد اللغات مفتوح لتقييم نماذج اللغة، وبالطبع، للغة العربية أيضًا.
+
+            ## 💡الهدف هو ترجمة 500 مطالبة
+            وكالعادة: البيانات عالية الجودة مطلوبة! اختارت المجتمع أفضل 500 مطالبة التي ستشكل المعيار. باللغة الإنجليزية، بالطبع.
+            **لذلك نحتاج إلى مساعدتك**: إذا قمنا جميعًا بترجمة الـ 500 مطالبة، يمكننا إضافة العربية إلى قائمة المتصدرين.
+
+
+            ## 📌كيفية المشاركة
+             المشاركة سهلة. اذهب إلى [فضاء التعليق](https://somosnlp-dibt-prompt-translation-for-es.hf.space/)، قم بتسجيل الدخول أو إنشاء حساب على Hugging Face، ويمكنك البدء في العمل.
+            شكرًا لك مقدمًا 🤗! آه، وسنقدم لك دفعة صغيرة: GPT4 قد أعد بالفعل اقتراحًا للترجمة لك.
+
+            """
+        )
 
         gr.Markdown(
             f"""
-            <div dir="rtl">
-                ## 🚀 التقدم الحالي
-                وهذا ما حققناه حتى الآن!
-            </div>
+            ## 🚀 التقدم الحالي
+            وهذا ما حققناه حتى الآن!
             """
         )
         with gr.Row():
@@ -341,10 +313,8 @@ with gr.Blocks(css=css) as demo:
 
         gr.Markdown(
             """
-            <div dir="rtl">
-                ## 👾 قاعة المشاهير
-                : هنا يمكنك رؤية المستخدمين الذين لديهم أكبر عدد من المساهمات
-            </div>
+            ## 👾 قاعة المشاهير
+            : هنا يمكنك رؤية المستخدمين الذين لديهم أكبر عدد من المساهمات
             """
         )