_static/html/evaluation_instruction.html

<div style="background-color: #f9f9f9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-bottom: 20px; max-height: 780px; overflow-y: auto; overflow-x: hidden;">
    <h2 style="color: #2c3e50; text-align: center;">Evaluation Instructions</h2>
    <p style="font-size: 16px; color: #34495e; line-height: 1.6;">
      Welcome to the evaluation process! Please follow the steps below to complete your evaluation:
    </p>
    <ol style="font-size: 16px; color: #34495e; line-height: 1.8;">
      <!-- <li><strong>Decision Making:</strong>Please respond with either <strong>Yes</strong> or <strong>No</strong> to the question: "Would you like to purchase the stock?"</li> -->
      <!-- <li><strong>Reason:</strong> Write down the reason for your choice in the free text box labeled "The reason of your choice".</li> -->
      <!-- <li><strong>A simple recall question:</strong>Which company were you discussing?</li> -->
      <li><strong>Evaluation Criteria:</strong> Please evaluate the system in the following aspects:
        <ul>
          <li><strong>Likelihood of Purchase:</strong> Rate the likelihood of purchase.</li>
          <li><strong>Reason:</strong> Write down the reason for your choice in the free text box labeled "The reason of your choice".</li>
          <li><strong>Confidence in Your Decision:</strong> Rate the confidence in your decision.</li>
          <li><strong>Familiarity Level</strong>:</strong> Rate your familiarity with the stock before the interaction.</li>

        </ul>
      </li>
      <li>After completing all the evaluation criteria, <strong>click the "Send: Evaluation" button</strong> to submit your responses. <strong>Once you submit, you cannot resubmit, so please review your answers carefully before submitting.</strong></li>
    </ol>
  </div>