5

src/about.py

@@ -85,6 +85,57 @@ To reproduce our results, here is the commands you can run:
 """
 
 EVALUATION_QUEUE_TEXT = """
+<div style="font-family: 'Arial', sans-serif; padding: 20px;">
+
+    <h2 style="font-size: 28px; font-weight: bold; text-align: center; color: #4CAF50;">Model Submission</h2>
+    
+    <p style="font-size: 18px; color: #555;">
+        We are excited to invite you to submit your Vision-Language Model for evaluation. Please choose one of the following submission methods:
+    </p>
+    
+    <!-- Open-source model submission -->
+    <div style="margin-top: 20px; padding: 10px; background-color: #f1f1f1; border-radius: 8px;">
+        <h3 style="font-size: 22px; color: #6A5ACD;">1. Open-Source Model Submission</h3>
+        <p style="font-size: 16px; color: #444;">
+            If your model is open-source, simply provide the model name in the following format: <b>org/modelname</b>.
+        </p>
+        <label for="opensource-model" style="font-size: 16px; color: #444;">Model Name (org/modelname):</label>
+        <input type="text" id="opensource-model" name="opensource-model" placeholder="e.g., org/modelname" style="width: 100%; padding: 8px; margin-top: 10px; border-radius: 4px;">
+    </div>
+
+    <!-- Closed-source model submission -->
+    <div style="margin-top: 20px; padding: 10px; background-color: #f1f1f1; border-radius: 8px;">
+        <h3 style="font-size: 22px; color: #6A5ACD;">2. Closed-Source Model Submission</h3>
+        <p style="font-size: 16px; color: #444;">
+            If your model is closed-source, please select one of the following methods to submit your model:
+        </p>
+
+        <!-- Option 1: User performs evaluation -->
+        <div style="margin-top: 10px;">
+            <input type="radio" id="user-evaluates" name="evaluation-method" value="user-evaluates" style="margin-right: 8px;">
+            <label for="user-evaluates" style="font-size: 16px; color: #444;">I will evaluate my model using your provided evaluation methods and submit the model name and results.</label>
+        </div>
+
+        <!-- Option 2: We evaluate the model -->
+        <div style="margin-top: 10px;">
+            <input type="radio" id="we-evaluate" name="evaluation-method" value="we-evaluate" style="margin-right: 8px;">
+            <label for="we-evaluate" style="font-size: 16px; color: #444;">I would like you to evaluate my model. Please provide the model's URL and API key.</label>
+        </div>
+
+        <!-- User Input for Closed-Source Model -->
+        <div id="closed-source-details" style="margin-top: 20px; display: none;">
+            <p style="font-size: 16px; color: #444;">
+                For option 2, please provide the following information:
+            </p>
+            <label for="model-url" style="font-size: 16px; color: #444;">Model URL:</label>
+            <input type="url" id="model-url" name="model-url" placeholder="https://example.com" style="width: 100%; padding: 8px; margin-top: 10px; border-radius: 4px;">
+            
+            <label for="api-key" style="font-size: 16px; color: #444;">API Key:</label>
+            <input type="text" id="api-key" name="api-key" placeholder="Your API key" style="width: 100%; padding: 8px; margin-top: 10px; border-radius: 4px;">
+        </div>
+    </div>
+
+</div>
 
 """