Spaces:
Build error
Build error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Feedback on Table QA Explanations</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| line-height: 1.6; | |
| color: #333; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| } | |
| h1 { | |
| color: #2c3e50; | |
| text-align: center; | |
| } | |
| .question { | |
| margin-bottom: 20px; | |
| } | |
| .likert { | |
| display: flex; | |
| justify-content: space-between; | |
| margin-top: 10px; | |
| } | |
| .likert-option { | |
| text-align: center; | |
| flex: 1; | |
| } | |
| input[type="radio"] { | |
| margin-bottom: 5px; | |
| } | |
| button { | |
| display: block; | |
| width: 200px; | |
| margin: 20px auto; | |
| padding: 10px; | |
| background-color: #3498db; | |
| color: white; | |
| border: none; | |
| border-radius: 5px; | |
| font-size: 16px; | |
| cursor: pointer; | |
| } | |
| button:hover { | |
| background-color: #2980b9; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Feedback on Table QA Explanations</h1> | |
| <form id="feedbackForm" action="{{ url_for('subjective', session_id=session_id) }}" method="post"> | |
| <div class="question"> | |
| <p>After using the explanations, how much do you think they helped you understand the reasoning process of the Table QA model?</p> | |
| <div class="likert"> | |
| <div class="likert-option"> | |
| <input type="radio" name="understanding" value="1" id="understanding1" required> | |
| <label for="understanding1">Not at all helpful</label> | |
| </div> | |
| <div class="likert-option"> | |
| <input type="radio" name="understanding" value="2" id="understanding2"> | |
| <label for="understanding2">Slightly helpful</label> | |
| </div> | |
| <div class="likert-option"> | |
| <input type="radio" name="understanding" value="3" id="understanding3"> | |
| <label for="understanding3">Moderately helpful</label> | |
| </div> | |
| <div class="likert-option"> | |
| <input type="radio" name="understanding" value="4" id="understanding4"> | |
| <label for="understanding4">Very helpful</label> | |
| </div> | |
| <div class="likert-option"> | |
| <input type="radio" name="understanding" value="5" id="understanding5"> | |
| <label for="understanding5">Extremely helpful</label> | |
| </div> | |
| </div> | |
| </div> | |
| <button type="submit">Submit Feedback</button> | |
| </form> | |
| <!-- Remove the JavaScript event listener as we're now submitting to the server --> | |
| </body> | |
| </html> |