Update app.py

app.py

@@ -10,10 +10,8 @@ SUBMISSIONS_REPO = "oddadmix/ocr-competition-submissions"
 RESULTS_REPO = "oddadmix/ocr-competition-results"
 
 def validate_fields(team_name, email, model_name, hf_model_id, hf_token, code):
-    # Check if any field is empty
     if not team_name or not email or not model_name or not hf_model_id or not hf_token or not code:
         return "All fields are required. Please fill in all fields."
-    # Proceed with submission if all fields are filled
     return submit(team_name, email, model_name, hf_model_id, hf_token, code)
 
 def submit(team_name, email, model_name, hf_model_id, hf_token, code):
@@ -37,9 +35,7 @@ def submit(team_name, email, model_name, hf_model_id, hf_token, code):
 
 def show_results():
     try:
-        # Load results from the results dataset
         ds = load_dataset("oddadmix/ocr-competition-results", split="train")
-        # Check if the dataset is empty
         if len(ds) == 0:
             return "No results available yet."
         df = ds.to_pandas()[["model_name", "WER", "CER", "BLEU", "team_name"]]
@@ -48,23 +44,36 @@ def show_results():
         return f"An error occurred while loading the results: {e}"
 
 with gr.Blocks() as demo:
-    gr.Markdown("# 🏆 VLM OCR Competition")
+    # Welcome message
+    gr.Markdown("""
+    <h2 style="font-size:28px;">👋 Welcome to the VLM OCR Competition!</h2>
+    <p style="font-size:18px;">
+    This competition aims to improve **open-source Arabic OCR models**.  
+    It's part of the NAMAA Community mission to strengthen the Arabic presence in the ML space.  
+    This competition is designed to **push the boundaries** of OCR performance on diverse Arabic documents.
+    </p>
+    """)
 
     with gr.Tabs():
         with gr.Tab("📜 Rules"):
             gr.Markdown("""
-            ## Competition Rules
-            - Each team can submit **one model evaluation per week**.
-            - The competition runs from **September 12 to October 12** (1 month).
-            - The evaluation dataset will **not be provided** to participants.
-            - Teams must submit:
-              1. Their Hugging Face Model ID.
-              2. A valid Hugging Face token with access.
-              3. The code required to run the model.
-            - **Team name must remain the same across all submissions.**
-
-            ---
-            ### Sponsored & Organized By
+            <h3 style="font-size:22px;">Competition Rules</h3>
+            <ul style="font-size:18px;">
+                <li>Each team can submit **one model evaluation per week**.</li>
+                <li>The competition runs from **September 12 to October 12** (1 month).</li>
+                <li>The evaluation dataset will **not be provided** to participants.</li>
+                <li>Teams must submit:
+                    <ol>
+                        <li>The Hugging Face Model ID.</li>
+                        <li>A valid Hugging Face token with access.</li>
+                        <li>The code required to run the model.</li>
+                    </ol>
+                </li>
+                <li><b>Team name must remain the same across all submissions.</b></li>
+                <li>The **trained dataset does not need to be public or open-sourced**, only the submitted model will be open-sourced after the competition.</li>
+            </ul>
+            <hr>
+            <h4>Sponsored & Organized By</h4>
             <div style="display:flex; align-items:center; gap:20px;">
                 <div>
                     <a href="https://www.linkedin.com/company/68577545" target="_blank">
@@ -81,34 +90,41 @@ with gr.Blocks() as demo:
 
         with gr.Tab("🎁 Prizes"):
             gr.Markdown("""
-            ## Prize Distribution
-            - **1st Place:** 🥇 250 USD (bank transfer or API credits)  
-            - **2nd Place:** 🥈 125 USD  
-            - **3rd Place:** 🥉 75 USD  
-            - **4th Place:** 🎖️ 50 USD  
-            - **5th Place:** 🎖️ 25 USD  
+            <h3 style="font-size:22px;">Prize Distribution</h3>
+            <ul style="font-size:18px;">
+                <li>1st Place: 🥇 250 USD (bank transfer or API credits)</li>
+                <li>2nd Place: 🥈 125 USD</li>
+                <li>3rd Place: 🥉 75 USD</li>
+                <li>4th Place: 🎖️ 50 USD</li>
+                <li>5th Place: 🎖️ 25 USD</li>
+            </ul>
             """)
 
         with gr.Tab("📊 Evaluation"):
             gr.Markdown("""
-            ## Evaluation Details
-            - The evaluation dataset will remain **private**.
-            - It will include:
-              - Historical documents
-              - Scanned pages
-              - Different layouts
-              - Handwritten pages
-            - Models will be evaluated on **accuracy metrics** such as WER, CER, and BLEU.
+            <h3 style="font-size:22px;">Evaluation Details</h3>
+            <ul style="font-size:18px;">
+                <li>The evaluation dataset will remain **private**.</li>
+                <li>It will include:
+                    <ul>
+                        <li>Historical documents</li>
+                        <li>Scanned pages</li>
+                        <li>Different layouts</li>
+                        <li>Handwritten pages</li>
+                    </ul>
+                </li>
+                <li>Models will be evaluated on **accuracy metrics** such as WER, CER, and BLEU.</li>
+            </ul>
             """)
 
         with gr.Tab("🚀 Submit & Leaderboard"):
-            gr.Markdown("### Submit Your Model")
+            gr.Markdown("<h3 style='font-size:22px;'>Submit Your Model</h3>")
             with gr.Row():
-                team = gr.Textbox(label="Team Name")
-                email = gr.Textbox(label="Email")
-            model = gr.Textbox(label="Model Name")
-            hf_model = gr.Textbox(label="Hugging Face Model ID")
-            hf_token = gr.Textbox(label="Hugging Face Access Token", type="password")
+                team = gr.Textbox(label="Team Name", placeholder="Enter your team name")
+                email = gr.Textbox(label="Email", placeholder="Enter your email")
+            model = gr.Textbox(label="Model Name", placeholder="Enter your model name")
+            hf_model = gr.Textbox(label="Hugging Face Model ID", placeholder="Enter your HF Model ID")
+            hf_token = gr.Textbox(label="Hugging Face Access Token", type="password", placeholder="Enter your HF token")
             code = gr.Textbox(label="Code (instructions to run your model)", lines=6, placeholder="Paste your run code here...")
 
             submit_btn = gr.Button("Submit")
@@ -118,7 +134,7 @@ with gr.Blocks() as demo:
                              inputs=[team, email, model, hf_model, hf_token, code],
                              outputs=status)
 
-            gr.Markdown("### Leaderboard Results")
+            gr.Markdown("<h3 style='font-size:22px;'>Leaderboard Results</h3>")
             results = gr.Dataframe(headers=["model_name", "WER", "CER", "BLEU", "team_name"])
             demo.load(fn=show_results, outputs=results)