update

app.py

@@ -225,9 +225,9 @@ def experiment(session_id):
         visualization_path = f"{visualization_dir}/{sample['category']}/{sample['file']}"
 
         statement = """
-Please note that in select row function, starting index is 0 for Chain-of-Table 1 for Dater and Index * represents the selection of the whole Table.
+Please note that in select row function, starting index is 0 for Chain-of-Table and 1 for Dater and Index * represents the selection of the whole Table.
 Based on the explanation provided, what do you think the AI model will predict? 
-Will it predict the statement as TRUE or FALSE?
+Will it predict the statement as correct or wrong?
         """
 
         return render_template('experiment.html',

templates/experiment.html

@@ -12,7 +12,7 @@
         .container {
             display: flex;
             flex-direction: column;
-            height: 100vh;
+            min-height: 100vh;
             width: 100vw;
             background-color: #ffffff;
         }
@@ -30,6 +30,12 @@
             background-color: #e0e0e0;
             text-align: center;
         }
+        .highlight {
+            font-size: 1.2em;
+            font-weight: bold;
+            color: #4CAF50;
+            margin-top: 10px;
+        }
         .visualization-container {
             flex-grow: 1;
             display: flex;
@@ -67,6 +73,12 @@
         button.reject:hover {
             background-color: #e53935;
         }
+        .bottom-question {
+            text-align: center;
+            padding: 20px;
+            background-color: #e0e0e0;
+            font-weight: bold;
+        }
         /* Loader styles */
         .overlay {
             position: fixed;
@@ -106,19 +118,24 @@
             <h1>{{ sample_id + 1 }} / 10</h1>
         </div>
         <div class="task-description">
-            <p><strong>Task description:</strong> {{ statement }}</p>
+            <p><strong>Task description:</strong> {{ statement | safe }}</p>
+            <p class="highlight">Based on the explanation provided below, what do you think the AI model will predict?
+            Will it predict the statement as correct or wrong?</p>
         </div>
         <div class="visualization-container">
             <iframe src="{{ visualization }}"></iframe>
         </div>
+        <div class="bottom-question">
+            <p>Will the model predict the statement as correct or wrong based on the provided explanation?</p>
+        </div>
         <div class="buttons">
             <form action="{{ url_for('feedback') }}" method="post" onsubmit="showLoader()">
                 <input type="hidden" name="session_id" value="{{ session_id }}">
-                <button type="submit" name="prediction" value="TRUE">Model will predict TRUE</button>
+                <button type="submit" name="prediction" value="TRUE">Model will predict the Statement as correct.</button>
             </form>
             <form action="{{ url_for('feedback') }}" method="post" onsubmit="showLoader()">
                 <input type="hidden" name="session_id" value="{{ session_id }}">
-                <button type="submit" name="prediction" value="FALSE" class="reject">Model will predict FALSE</button>
+                <button type="submit" name="prediction" value="FALSE">Model will predict the Statement as wrong.</button>
             </form>
         </div>
     </div>