luulinh90s/Tabular-LLM-Study-Debugging

1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Feedback on Table QA Explanations</title>7    <style>8        body {9            font-family: Arial, sans-serif;10            line-height: 1.6;11            color: #333;12            max-width: 800px;13            margin: 0 auto;14            padding: 20px;15        }16        h1 {17            color: #2c3e50;18            text-align: center;19        }20        .question {21            margin-bottom: 20px;22        }23        .likert {24            display: flex;25            justify-content: space-between;26            margin-top: 10px;27        }28        .likert-option {29            text-align: center;30            flex: 1;31        }32        input[type="radio"] {33            margin-bottom: 5px;34        }35        button {36            display: block;37            width: 200px;38            margin: 20px auto;39            padding: 10px;40            background-color: #3498db;41            color: white;42            border: none;43            border-radius: 5px;44            font-size: 16px;45            cursor: pointer;46        }47        button:hover {48            background-color: #2980b9;49        }50    </style>51</head>52<body>53    <h1>Feedback on Table QA Explanations</h1>54 55    <form id="feedbackForm" action="{{ url_for('subjective', session_id=session_id) }}" method="post">56        <div class="question">57            <p>How well do you think you understand the reasoning process of the Table QA model?</p>58            <div class="likert">59                <div class="likert-option">60                    <input type="radio" name="understanding" value="1" id="understanding1" required>61                    <label for="understanding1">Very Poor</label>62                </div>63                <div class="likert-option">64                    <input type="radio" name="understanding" value="2" id="understanding2">65                    <label for="understanding2">Poor</label>66                </div>67                <div class="likert-option">68                    <input type="radio" name="understanding" value="3" id="understanding3">69                    <label for="understanding3">Fair</label>70                </div>71                <div class="likert-option">72                    <input type="radio" name="understanding" value="4" id="understanding4">73                    <label for="understanding4">Good</label>74                </div>75                <div class="likert-option">76                    <input type="radio" name="understanding" value="5" id="understanding5">77                    <label for="understanding5">Very Good</label>78                </div>79            </div>80        </div>81 82        <button type="submit">Submit Feedback</button>83    </form>84</body>85</html>