Hugging Face's logo

Spaces:
deedrop1140
/
MachineLearningAlgorithms
Running

App Files Community
deedrop1140 commited on
Commit
8e25906
·
verified ·
1 Parent(s): d46b6ab

Upload 49 files

Browse files
Files changed (49) hide show
  1. templates/Test-home.html +19 -0
  2. templates/Test-layout.html +160 -0
  3. templates/Test/Quiz-test.html +277 -0
  4. templates/Test/Test-ensemble.html +18 -0
  5. templates/Test/Test-reinforcement.html +21 -0
  6. templates/Test/Test-semi_supervised.html +18 -0
  7. templates/Test/Test-supervise.html +42 -0
  8. templates/Test/Test-unsupervised.html +39 -0
  9. templates/Test/action-policy-test.html +114 -0
  10. templates/Test/agent-environment-state-test.html +114 -0
  11. templates/Test/apriori-test.html +114 -0
  12. templates/Test/bagging-test.html +114 -0
  13. templates/Test/boosting-test.html +114 -0
  14. templates/Test/dbscan-test.html +114 -0
  15. templates/Test/decision-tree-regression-test.html +114 -0
  16. templates/Test/decision-trees-c-test.html +114 -0
  17. templates/Test/deep-reinforcement-learning-test.html +114 -0
  18. templates/Test/eclat-test.html +114 -0
  19. templates/Test/generative-models-test.html +114 -0
  20. templates/Test/gmm-test.html +114 -0
  21. templates/Test/gradient-boosting-test.html +114 -0
  22. templates/Test/gradient-descent-test.html +114 -0
  23. templates/Test/graph-based-methods-test.html +114 -0
  24. templates/Test/hierarchical-clustering-test.html +114 -0
  25. templates/Test/ica-test.html +114 -0
  26. templates/Test/k-means-test.html +114 -0
  27. templates/Test/knn-test.html +114 -0
  28. templates/Test/lasso-regression-test.html +114 -0
  29. templates/Test/lda-test.html +114 -0
  30. templates/Test/lightgbm-test.html +114 -0
  31. templates/Test/linear-Quiz-Overview-Page.html +113 -0
  32. templates/Test/logistic-regression-test.html +114 -0
  33. templates/Test/naive-bayes-test.html +114 -0
  34. templates/Test/neural-networks-test.html +114 -0
  35. templates/Test/pca-test.html +114 -0
  36. templates/Test/polynomial-Quiz.html +114 -0
  37. templates/Test/q-learning-test.html +114 -0
  38. templates/Test/random-forest-c-test.html +114 -0
  39. templates/Test/random-forest-regression-test.html +114 -0
  40. templates/Test/reward-value-function-test.html +114 -0
  41. templates/Test/ridge-regression-test.html +114 -0
  42. templates/Test/self-training-test.html +114 -0
  43. templates/Test/stacking-test.html +114 -0
  44. templates/Test/svm-c-test.html +114 -0
  45. templates/Test/svr-r-test.html +114 -0
  46. templates/Test/transductive-svm-test.html +114 -0
  47. templates/Test/tsne-test.html +114 -0
  48. templates/Test/voting-test.html +114 -0
  49. templates/Test/xgboost-regression-test.html +114 -0
templates/Test-home.html ADDED
@@ -0,0 +1,19 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <div class="font-bold">
6
+ <h1 class="text-4xl mb-4">Welcome to NeuroML</h1>
7
+ <p class="text-lg">Select a module from the sidebar to get started to know your knowledge!</p>
8
+ <br>
9
+ <a href="/"
10
+ class="inline-block bg-white text-black font-bold px-4 py-2 rounded shadow-md
11
+ border border-black relative
12
+ hover:after:content-[''] hover:after:absolute hover:after:right-0 hover:after:bottom-0
13
+ hover:after:w-full hover:after:h-[2px] hover:after:bg-black
14
+ hover:before:content-[''] hover:before:absolute hover:before:right-0 hover:before:bottom-0
15
+ hover:before:w-[2px] hover:before:h-full hover:before:bg-black">
16
+ Go Back to gain Your Knowledge
17
+ </a>
18
+ </div>
19
+ {% endblock %}
templates/Test-layout.html ADDED
@@ -0,0 +1,160 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>NeuroML</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
11
+
12
+ <script src="https://cdn.plot.ly/plotly-2.32.0.min.js"></script>
13
+ <script src="https://cdn.tailwindcss.com"></script>
14
+ <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
15
+ <script src="https://cdn.jsdelivr.net/npm/mathjs@11.8.0/lib/browser/math.js"></script>
16
+
17
+ <style>
18
+ body {
19
+ font-family: 'Inter', sans-serif;
20
+ background-color: #F3F4F6;
21
+ }
22
+ .sidebar {
23
+ width: 280px;
24
+ background-color: #1F2937;
25
+ color: #E5E7EB;
26
+ position: fixed;
27
+ left: 0;
28
+ top: 0;
29
+ height: 100vh;
30
+ overflow-y: auto;
31
+ scrollbar-width: none;
32
+ -ms-overflow-style: none;
33
+ transform: translateX(0);
34
+ transition: transform 0.3s ease;
35
+ }
36
+ .sidebar::-webkit-scrollbar {
37
+ display: none;
38
+ }
39
+ .main-content {
40
+ margin-left: 280px;
41
+ padding: 2.5rem;
42
+ min-height: 100vh;
43
+ transition: margin-left 0.3s ease;
44
+ }
45
+ .link-active {
46
+ background-color: #4B5563;
47
+ }
48
+ .card {
49
+ background-color: white;
50
+ padding: 1.5rem;
51
+ border-radius: 0.75rem;
52
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
53
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
54
+ }
55
+ .card:hover {
56
+ transform: translateY(-5px);
57
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
58
+ }
59
+ .algorithm-box {
60
+ background-color: #F9FAFB;
61
+ padding: 1rem;
62
+ border-radius: 0.5rem;
63
+ border: 1px solid #E5E7EB;
64
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
65
+ transition: background-color 0.2s ease;
66
+ text-decoration: none;
67
+ color: inherit;
68
+ display: block;
69
+ }
70
+ .algorithm-box:hover {
71
+ background-color: #2D3748;
72
+ color: #ffffff;
73
+ }
74
+ @media (max-width: 768px) {
75
+ .sidebar {
76
+ width: 70%;
77
+ height: 100vh;
78
+ position: fixed;
79
+ left: 0;
80
+ top: 0;
81
+ overflow-y: auto;
82
+ transform: translateX(-100%);
83
+ z-index: 100;
84
+ }
85
+ .sidebar.active {
86
+ transform: translateX(0);
87
+ }
88
+ .main-content {
89
+ margin-left: 0;
90
+ padding: 1.5rem;
91
+ }
92
+ .main-content.sidebar-active {
93
+ margin-left: 70%;
94
+ }
95
+ .toggle-button {
96
+ display: block;
97
+ position: fixed;
98
+ top: 1rem;
99
+ left: 1rem;
100
+ z-index: 200;
101
+ }
102
+ .sidebar-overlay {
103
+ display: none;
104
+ position: fixed;
105
+ top: 0;
106
+ left: 0;
107
+ width: 100%;
108
+ height: 100%;
109
+ background-color: rgba(0, 0, 0, 0.5);
110
+ z-index: 99;
111
+ }
112
+ .sidebar-overlay.active {
113
+ display: block;
114
+ }
115
+ }
116
+ </style>
117
+ </head>
118
+ <body>
119
+ <button class="toggle-button fixed top-4 left-4 z-50 md:hidden bg-indigo-500 text-white p-3 rounded-full shadow-lg">
120
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
121
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
122
+ </svg>
123
+ </button>
124
+ <div class="sidebar-overlay hidden md:hidden"></div>
125
+
126
+ <div class="sidebar flex flex-col items-start p-6">
127
+ <h2 class="text-3xl font-bold text-indigo-400 mb-8">NeuroML</h2>
128
+ <nav class="w-full">
129
+ <a href="{{ url_for('Test_home') }}" class="link block py-3 px-4 rounded-lg text-lg text-white font-medium mb-2 hover:bg-gray-700 transition-colors duration-200 {% if active_page == 'home' %}link-active{% endif %}">🏠 Home</a>
130
+ <a href="/Test-supervise" class="link block py-3 px-4 rounded-lg text-lg text-white font-medium hover:bg-gray-700 transition-colors duration-200 {% if active_page == 'supervised' %}link-active{% endif %}">📈 Supervised Learning</a>
131
+ <a href="{{ url_for('Test_unsupervised') }}" class="link block py-3 px-4 rounded-lg text-lg text-white font-medium mb-2 hover:bg-gray-700 transition-colors duration-200 {% if active_page == 'unsupervised' %}link-active{% endif %}">🕵️ Unsupervised Learning</a>
132
+ <a href="{{ url_for('Test_semi_supervised') }}" class="link block py-3 px-4 rounded-lg text-lg text-white font-medium mb-2 hover:bg-gray-700 transition-colors duration-200 {% if active_page == 'semi_supervised' %}link-active{% endif %}">🤝 Semi-Supervised Learning</a>
133
+ <a href="{{ url_for('Test_reinforcement') }}" class="link block py-3 px-4 rounded-lg text-lg text-white font-medium mb-2 hover:bg-gray-700 transition-colors duration-200 {% if active_page == 'reinforcement' %}link-active{% endif %}">🤖 Reinforcement Learning</a>
134
+ <a href="{{ url_for('Test_ensemble') }}" class="link block py-3 px-4 rounded-lg text-lg text-white font-medium mb-2 hover:bg-gray-700 transition-colors duration-200 {% if active_page == 'ensemble' %}link-active{% endif %}">🌳 Ensemble Learning</a>
135
+ </nav>
136
+ </div>
137
+
138
+ <div class="main-content">
139
+ {% block content %}{% endblock %}
140
+ </div>
141
+
142
+ <script>
143
+ document.addEventListener('DOMContentLoaded', () => {
144
+ const toggleButton = document.querySelector('.toggle-button');
145
+ const sidebar = document.querySelector('.sidebar');
146
+ const overlay = document.querySelector('.sidebar-overlay');
147
+
148
+ toggleButton.addEventListener('click', () => {
149
+ sidebar.classList.toggle('active');
150
+ overlay.classList.toggle('active');
151
+ });
152
+
153
+ overlay.addEventListener('click', () => {
154
+ sidebar.classList.remove('active');
155
+ overlay.classList.remove('active');
156
+ });
157
+ });
158
+ </script>
159
+ </body>
160
+ </html>
templates/Test/Quiz-test.html ADDED
@@ -0,0 +1,277 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}<!DOCTYPE html>
5
+ <html lang="en">
6
+ <head>
7
+ <meta charset="UTF-8" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+ <title>Dynamic General Knowledge Quiz</title>
10
+ <script src="https://cdn.tailwindcss.com"></script>
11
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
12
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
13
+ <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
14
+ <style>
15
+ body { font-family: 'Inter', sans-serif; }
16
+ .quiz-option { transition: all 0.2s ease-in-out; }
17
+ .quiz-option:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
18
+ .quiz-option input:checked + label { background-color: #3b82f6; color: white; border-color: #2563eb; }
19
+ .correct { border-left: 5px solid #22c55e; }
20
+ .incorrect { border-left: 5px solid #ef4444; }
21
+ .progress-bar { transition: width 0.3s ease-in-out; }
22
+ #timer { transition: color 0.3s ease-in-out; }
23
+ kbd { background-color: #f3f4f6; border: 1px solid #d1d5db; border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-family: monospace; font-weight: 600; }
24
+ </style>
25
+ </head>
26
+ <body class="bg-gray-100 flex items-center justify-center min-h-screen p-4">
27
+
28
+ <!-- Start Screen -->
29
+ <div id="start-container" class="w-full max-w-2xl bg-white p-6 sm:p-8 rounded-2xl shadow-lg text-center">
30
+ <h1 class="text-3xl sm:text-4xl font-bold text-gray-800 mb-4">General Knowledge Challenge</h1>
31
+ <p class="text-gray-600 mb-8">Test your knowledge with these quick-fire questions!</p>
32
+ <div class="text-left bg-gray-50 p-4 rounded-lg border border-gray-200 mb-8">
33
+ <h3 class="font-bold text-lg mb-3 text-gray-700">📜 Instructions</h3>
34
+ <ul class="list-disc list-inside space-y-2 text-gray-600">
35
+ <li>There are <strong id="instruction-q-count">0</strong> questions in total.</li>
36
+ <li>You will have <strong id="instruction-time">15</strong> seconds to answer each question.</li>
37
+ <li>You have a total of <strong id="instruction-attempts">3</strong> attempts to take this quiz.</li>
38
+ <li class="font-semibold text-yellow-700">Once the quiz starts, do not switch tabs or windows.</li>
39
+ <li class="font-semibold text-yellow-700">Emergency exit: <kbd>Esc</kbd>, <kbd>Space</kbd>, <kbd>A</kbd>, <kbd>M</kbd>.</li>
40
+ </ul>
41
+ </div>
42
+ <button id="start-btn" class="w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 transition-transform transform hover:scale-105">
43
+ Start Quiz
44
+ </button>
45
+ </div>
46
+
47
+ <!-- Quiz View -->
48
+ <div id="quiz-container" class="hidden w-full max-w-2xl bg-white p-6 sm:p-8 rounded-2xl shadow-lg">
49
+ <div class="flex justify-between items-center mb-4">
50
+ <div id="progress-container" class="text-gray-500 font-semibold">
51
+ Question <span id="current-question-num">1</span> of <span id="total-question-num">0</span>
52
+ </div>
53
+ <div id="timer-container" class="font-bold text-lg text-gray-700">
54
+ Time: <span id="timer">15</span>s
55
+ </div>
56
+ </div>
57
+ <div class="w-full bg-gray-200 rounded-full h-2.5 mb-6">
58
+ <div id="progress-bar" class="bg-blue-600 h-2.5 rounded-full progress-bar" style="width: 0%"></div>
59
+ </div>
60
+ <div id="question-text" class="text-lg sm:text-xl font-semibold text-gray-800 mb-6 text-center"></div>
61
+ <div id="options-container" class="space-y-4"></div>
62
+ <div id="feedback" class="text-red-500 text-center font-medium mt-4 h-6"></div>
63
+ <button id="next-btn" class="w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg mt-6 hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 transition-transform transform hover:scale-105">
64
+ Next Question
65
+ </button>
66
+ </div>
67
+
68
+ <!-- Results View -->
69
+ <div id="score-container" class="hidden w-full max-w-3xl bg-white p-6 sm:p-8 rounded-2xl shadow-lg">
70
+ <div id="results-content">
71
+ <h2 class="text-2xl sm:text-3xl font-bold text-gray-800 mb-2 text-center">Quiz Complete!</h2>
72
+ <p class="text-gray-600 mb-6 text-center">You scored <span id="final-score" class="font-bold text-blue-600 text-xl">0</span> out of <span id="total-questions" class="font-bold text-blue-600 text-xl">0</span></p>
73
+ <div id="results-breakdown" class="space-y-4 text-left mt-8"></div>
74
+ </div>
75
+ <div class="w-full max-w-md mx-auto mt-8 flex flex-col sm:flex-row gap-4">
76
+ <button id="retry-btn" class="w-full bg-gray-700 text-white font-bold py-3 px-4 rounded-lg hover:bg-gray-800 focus:outline-none focus:ring-4 focus:ring-gray-300 transition-transform transform hover:scale-105">
77
+ Try Again
78
+ </button>
79
+ <button id="save-btn" class="w-full bg-green-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-green-700 focus:outline-none focus:ring-4 focus:ring-green-300 transition-transform transform hover:scale-105">
80
+ Save Results
81
+ </button>
82
+ </div>
83
+ <p id="attempts-left-msg" class="text-center text-sm text-gray-500 mt-4"></p>
84
+ </div>
85
+
86
+ <!-- Limit View -->
87
+ <div id="limit-container" class="hidden w-full max-w-xl bg-white p-6 sm:p-8 rounded-2xl shadow-lg text-center">
88
+ <h2 class="text-2xl sm:text-3xl font-bold text-gray-800 mb-4">🚫 Attempt Limit Reached</h2>
89
+ <p class="text-gray-600 text-lg">You have already taken the <span id="topic-name-limit" class="font-semibold text-blue-600"></span> quiz 3 times.</p>
90
+ </div>
91
+
92
+ <script>
93
+ let quizData = [];
94
+ let currentQuestionIndex = 0;
95
+ let userAnswers = [];
96
+ let shuffledQuizData = [];
97
+ let quizInProgress = false;
98
+ let timerInterval;
99
+
100
+ // ✅ Topic-based attempt tracking
101
+ const params = new URLSearchParams(window.location.search);
102
+ const topic = params.get("topic") || "general";
103
+ const ATTEMPT_LIMIT = 60;
104
+ const ATTEMPT_KEY = `quizAttempts_${topic}`;
105
+ let quizAttempts = parseInt(localStorage.getItem(ATTEMPT_KEY)) || 0;
106
+
107
+ const QUESTION_TIME = 15;
108
+
109
+ // DOM references
110
+ const startContainer = document.getElementById('start-container');
111
+ const quizContainer = document.getElementById('quiz-container');
112
+ const scoreContainer = document.getElementById('score-container');
113
+ const limitContainer = document.getElementById('limit-container');
114
+ const startBtn = document.getElementById('start-btn');
115
+ const instructionQCount = document.getElementById('instruction-q-count');
116
+ const instructionTime = document.getElementById('instruction-time');
117
+ const instructionAttempts = document.getElementById('instruction-attempts');
118
+ const currentQNumEl = document.getElementById('current-question-num');
119
+ const totalQNumEl = document.getElementById('total-question-num');
120
+ const questionTextEl = document.getElementById('question-text');
121
+ const optionsContainerEl = document.getElementById('options-container');
122
+ const feedbackEl = document.getElementById('feedback');
123
+ const nextBtn = document.getElementById('next-btn');
124
+ const progressBar = document.getElementById('progress-bar');
125
+ const timerEl = document.getElementById('timer');
126
+ const finalScoreEl = document.getElementById('final-score');
127
+ const totalQuestionsEl = document.getElementById('total-questions');
128
+ const resultsBreakdownEl = document.getElementById('results-breakdown');
129
+ const retryBtn = document.getElementById('retry-btn');
130
+ const saveBtn = document.getElementById('save-btn');
131
+
132
+ // 🧩 Emergency Exit Key Listener
133
+ document.addEventListener('keydown', (e) => {
134
+ const emergencyKeys = ['Escape', ' ', 'a', 'A', 'm', 'M'];
135
+ if (quizInProgress && emergencyKeys.includes(e.key)) {
136
+ e.preventDefault();
137
+ terminateQuiz('⚠️ Emergency exit triggered!');
138
+ }
139
+ });
140
+
141
+ // 🧩 Emergency Exit Handler
142
+ function terminateQuiz(message) {
143
+ quizInProgress = false;
144
+ clearInterval(timerInterval);
145
+
146
+ // Hide quiz, show alert, save attempt
147
+ quizContainer.classList.add('hidden');
148
+ startContainer.classList.remove('hidden');
149
+
150
+ alert(message);
151
+
152
+ // Count as one attempt
153
+ quizAttempts++;
154
+ localStorage.setItem(ATTEMPT_KEY, quizAttempts);
155
+ initializeQuiz();
156
+ }
157
+
158
+ // Utility
159
+ function shuffleArray(array){for(let i=array.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[array[i],array[j]]=[array[j],array[i]];}}
160
+
161
+ function startTimer(){
162
+ let timeLeft=QUESTION_TIME;
163
+ timerEl.textContent=timeLeft;
164
+ timerEl.classList.remove('text-red-500');
165
+ timerInterval=setInterval(()=>{
166
+ timeLeft--;
167
+ timerEl.textContent=timeLeft;
168
+ if(timeLeft<=5) timerEl.classList.add('text-red-500');
169
+ if(timeLeft<=0){clearInterval(timerInterval);handleNextQuestion(true);}
170
+ },1000);
171
+ }
172
+
173
+ function showQuestion(){
174
+ clearInterval(timerInterval);
175
+ feedbackEl.textContent='';
176
+ const q=shuffledQuizData[currentQuestionIndex];
177
+ currentQNumEl.textContent=currentQuestionIndex+1;
178
+ totalQNumEl.textContent=shuffledQuizData.length;
179
+ progressBar.style.width=`${((currentQuestionIndex+1)/shuffledQuizData.length)*100}%`;
180
+ questionTextEl.textContent=q.questionText;
181
+ optionsContainerEl.innerHTML='';
182
+ const opts=[...q.options]; shuffleArray(opts);
183
+ opts.forEach(opt=>{
184
+ const id=`q${currentQuestionIndex}-${opt.replace(/\s+/g,'-')}`;
185
+ const div=document.createElement('div');div.classList.add('quiz-option');
186
+ const input=document.createElement('input');input.type='radio';input.name=`question${currentQuestionIndex}`;input.id=id;input.value=opt;input.classList.add('hidden');
187
+ const label=document.createElement('label');label.htmlFor=id;label.textContent=opt;label.classList.add('block','w-full','p-4','border-2','border-gray-200','rounded-lg','cursor-pointer','text-gray-700','font-medium','hover:border-blue-400');
188
+ div.appendChild(input);div.appendChild(label);optionsContainerEl.appendChild(div);
189
+ });
190
+ nextBtn.textContent=currentQuestionIndex===shuffledQuizData.length-1?'Finish Quiz':'Next Question';
191
+ startTimer();
192
+ }
193
+
194
+ function handleNextQuestion(timedOut=false){
195
+ clearInterval(timerInterval);
196
+ const sel=document.querySelector(`input[name="question${currentQuestionIndex}"]:checked`);
197
+ if(timedOut) userAnswers.push(null);
198
+ else{
199
+ if(!sel){feedbackEl.textContent='Please select an answer!';startTimer();return;}
200
+ userAnswers.push(sel.value);
201
+ }
202
+ currentQuestionIndex++;
203
+ currentQuestionIndex<shuffledQuizData.length?showQuestion():showResults();
204
+ }
205
+
206
+ function showResults(){
207
+ quizInProgress=false;clearInterval(timerInterval);
208
+ quizContainer.classList.add('hidden');scoreContainer.classList.remove('hidden');
209
+ quizAttempts++;localStorage.setItem(ATTEMPT_KEY,quizAttempts);
210
+ resultsBreakdownEl.innerHTML='';
211
+ let score=0;
212
+ shuffledQuizData.forEach((q,i)=>{
213
+ const ua=userAnswers[i];const correct=ua===q.answer;if(correct)score++;
214
+ const div=document.createElement('div');div.classList.add('p-4','rounded-lg','bg-gray-50',correct?'correct':'incorrect');
215
+ div.innerHTML=`<p class="font-bold text-gray-800">${i+1}. ${q.question}</p>
216
+ <p class="mt-2 text-sm ${correct?'text-green-700':'text-red-700'}">Your answer: <span class="font-semibold">${ua||"Time's up!"}</span></p>
217
+ ${!correct?`<p class="mt-1 text-sm text-green-700">Correct: <span class="font-semibold">${q.answer}</span></p>`:''}
218
+ <p class="mt-2 text-sm text-gray-600 bg-gray-100 p-2 rounded"><span class="font-semibold">Explanation:</span> ${q.explanation}</p>`;
219
+ resultsBreakdownEl.appendChild(div);
220
+ });
221
+ finalScoreEl.textContent=score;totalQuestionsEl.textContent=shuffledQuizData.length;
222
+ if(score/shuffledQuizData.length>=0.8) confetti({particleCount:150,spread:90,origin:{y:0.6}});
223
+ const left=ATTEMPT_LIMIT-quizAttempts;
224
+ const msg=document.getElementById('attempts-left-msg');
225
+ if(left<=0){retryBtn.disabled=true;retryBtn.textContent='No Attempts Left';retryBtn.classList.add('bg-gray-400','cursor-not-allowed');msg.textContent='You have used all your attempts.';}
226
+ else{msg.textContent=`You have ${left} attempt${left>1?'s':''} left.`;}
227
+ }
228
+
229
+ function initializeQuiz(){
230
+ if(quizAttempts>=ATTEMPT_LIMIT){
231
+ document.getElementById('topic-name-limit').textContent=topic.replace(/_/g,' ');
232
+ startContainer.classList.add('hidden');quizContainer.classList.add('hidden');scoreContainer.classList.add('hidden');limitContainer.classList.remove('hidden');
233
+ } else {
234
+ startContainer.classList.remove('hidden');quizContainer.classList.add('hidden');scoreContainer.classList.add('hidden');limitContainer.classList.add('hidden');
235
+ }
236
+ }
237
+
238
+ startBtn.addEventListener('click',()=>{
239
+ if(quizData.length===0){alert("Quiz data not loaded!");return;}
240
+ shuffledQuizData=[...quizData];
241
+ // shuffleArray(shuffledQuizData);
242
+ startContainer.classList.add('hidden');
243
+ quizContainer.classList.remove('hidden');quizInProgress=true;
244
+ currentQuestionIndex=0;userAnswers=[];
245
+ showQuestion();
246
+ });
247
+ nextBtn.addEventListener('click',()=>handleNextQuestion(false));
248
+ retryBtn.addEventListener('click',()=>{currentQuestionIndex=0;userAnswers=[];scoreContainer.classList.add('hidden');initializeQuiz();});
249
+ saveBtn.addEventListener('click',()=>{html2pdf().from(document.getElementById('results-content')).set({margin:1,filename:`${topic}-results.pdf`,image:{type:'jpeg',quality:0.98},html2canvas:{scale:2},jsPDF:{unit:'in',format:'letter',orientation:'portrait'}}).save();});
250
+
251
+ async function loadQuizData(){
252
+ const count=parseInt(params.get("count"))||5;
253
+ try{
254
+ const res=await fetch(`/api/quiz/${topic}?count=${count}`);
255
+ // const res = await fetch(`./data/${topic}.json`);
256
+
257
+ if(!res.ok) throw new Error("Could not load quiz file!");
258
+ const rawData = await res.json();
259
+ quizData = rawData.questions.map(q => ({
260
+ questionText: q.questionText,
261
+ options: q.options,
262
+ answer: q.options[q.correctAnswerIndex], // convert index to string
263
+ explanation: q.explanation
264
+ }));
265
+ }catch(e){alert("Failed to load quiz data.");quizData=[];}
266
+
267
+ instructionQCount.textContent=quizData.length;
268
+ instructionTime.textContent=QUESTION_TIME;
269
+ instructionAttempts.textContent=ATTEMPT_LIMIT-quizAttempts;
270
+ initializeQuiz();
271
+ }
272
+
273
+ window.addEventListener('load',loadQuizData);
274
+ </script>
275
+ </body>
276
+ </html>
277
+ {% endblock %}
templates/Test/Test-ensemble.html ADDED
@@ -0,0 +1,18 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <h1 class="text-4xl font-bold text-gray-800 mb-6">Ensemble Learning</h1>
6
+ <p class="text-gray-600 text-lg mb-8">Ensemble learning is a technique that combines multiple machine learning models to get a more robust and accurate prediction than a single model alone.</p>
7
+ <div class="flex flex-col gap-6">
8
+ <div class="card p-6">
9
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Popular Ensemble Algorithms</h2>
10
+ <div class="flex flex-wrap gap-4">
11
+ <a href="/bagging-test" class="algorithm-box">Bagging (e.g., Random Forest)</a>
12
+ <a href="/boosting-test" class="algorithm-box">Boosting (e.g., AdaBoost, Gradient Boosting)</a>
13
+ <a href="/stacking-test" class="algorithm-box">Stacking</a>
14
+ <a href="/voting-test" class="algorithm-box">Voting</a>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ {% endblock %}
templates/Test/Test-reinforcement.html ADDED
@@ -0,0 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- {% extends "layout.html" %} -->
2
+ {% extends "Test-layout.html" %}
3
+
4
+
5
+
6
+ {% block content %}
7
+ <h1 class="text-4xl font-bold text-gray-800 mb-6">Reinforcement Learning</h1>
8
+ <p class="text-gray-600 text-lg mb-8">Reinforcement learning (RL) is a subfield of machine learning where an agent learns to make decisions by taking actions in an environment to maximize some cumulative reward.</p>
9
+ <div class="flex flex-col gap-6">
10
+ <div class="card p-6">
11
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Core Concepts of RL</h2>
12
+ <div class="flex flex-wrap gap-4">
13
+ <a href="/agent-environment-state-test" class="algorithm-box">Agent, Environment, and State</a>
14
+ <a href="/action-policy-test" class="algorithm-box">Action and Policy</a>
15
+ <a href="/reward-value-function-test" class="algorithm-box">Reward and Value Function</a>
16
+ <a href="/q-learning-test" class="algorithm-box">Q-Learning</a>
17
+ <a href="/deep-reinforcement-learning-test" class="algorithm-box">Deep Reinforcement Learning</a>
18
+ </div>
19
+ </div>
20
+ </div>
21
+ {% endblock %}
templates/Test/Test-semi_supervised.html ADDED
@@ -0,0 +1,18 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ {% extends "Test-layout.html" %}
3
+
4
+ {% block content %}
5
+ <h1 class="text-4xl font-bold text-gray-800 mb-6">Semi-Supervised Learning</h1>
6
+ <p class="text-gray-600 text-lg mb-8">Semi-supervised learning is a combination of supervised and unsupervised learning. It uses a small amount of labeled data and a large amount of unlabeled data to train a model. This is particularly useful when it is expensive to label data.</p>
7
+ <div class="flex flex-col gap-6">
8
+ <div class="card p-6">
9
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Semi-Supervised Techniques</h2>
10
+ <div class="flex flex-wrap gap-4">
11
+ <a href="/generative-models-test" class="algorithm-box">Generative Models</a>
12
+ <a href="/self-training-test" class="algorithm-box">Self-Training</a>
13
+ <a href="/transductive-svm-test" class="algorithm-box">Transductive SVM</a>
14
+ <a href="/graph-based-methods-test" class="algorithm-box">Graph-Based Methods</a>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ {% endblock %}
templates/Test/Test-supervise.html ADDED
@@ -0,0 +1,42 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+
5
+ {% block content %}
6
+ <h1 class="text-4xl font-bold text-gray-800 mb-6">Supervised Learning</h1>
7
+ <p class="text-gray-600 text-lg mb-8">Supervised learning is a type of machine learning where the model is trained on labeled data. This means the training dataset includes both the input and the correct output, and the model learns to map the input to the output.</p>
8
+ <div class="flex flex-col gap-6">
9
+ <div class="card p-6">
10
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Regression Algorithms</h2>
11
+ <div class="flex flex-wrap gap-4">
12
+ <a href="/linear-Quiz-Overview-Page" class="algorithm-box">Linear Regression</a>
13
+ <a href="{{ url_for('polynomial_Test_quiz') }}" class="algorithm-box">Polynomial Regression</a>
14
+ <a href="/ridge-regression-test" class="algorithm-box">Ridge Regression</a>
15
+ <a href="/lasso-regression-test" class="algorithm-box">Lasso Regression</a>
16
+ <a href="/svr-test" class="algorithm-box">Support Vector Regression (SVR)</a>
17
+ <a href="/decision-tree-regression-test" class="algorithm-box">Decision Tree Regression</a>
18
+
19
+ <a href="{{ url_for('random_forest', _anchor='random-forest-regression') }}" class="algorithm-box">Random Forest Regression</a>
20
+ </div>
21
+ </div>
22
+ <div class="card p-6">
23
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Classification Algorithms</h2>
24
+ <div class="flex flex-wrap gap-4">
25
+ <a href="/logistic-regression-test" class="algorithm-box">Logistic Regression</a>
26
+ <a href="/svm-c-test" class="algorithm-box">Support Vector Machines (SVM)</a>
27
+ <a href="/decision-trees-c-test" class="algorithm-box">Decision Trees</a>
28
+ <a href="/random-forest-c-test" class="algorithm-box">Random Forest</a>
29
+ <a href="/gradient-descent-test" class="algorithm-box">Gradient Descent</a>
30
+ <a href="/gradient-boosting-test" class="algorithm-box">Gradient Boosting</a>
31
+ <a href="/xgboost-regression-test" class="algorithm-box">XGBoost-Regression</a>
32
+
33
+
34
+
35
+ <a href="/lightgbm-test" class="algorithm-box">LightGBM</a>
36
+ <a href="/knn-test" class="algorithm-box">K-Nearest Neighbors (KNN)</a>
37
+ <a href="/naive-bayes-test" class="algorithm-box">Naive Bayes</a>
38
+ <a href="/neural-networks-test" class="algorithm-box">Neural Networks (for classification tasks)</a>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ {% endblock %}
templates/Test/Test-unsupervised.html ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+
5
+
6
+ {% block content %}
7
+ <h1 class="text-4xl font-bold text-gray-800 mb-6">Unsupervised Learning</h1>
8
+ <p class="text-gray-600 text-lg mb-8">Unsupervised learning is a type of machine learning that looks for previously undetected patterns in a dataset with no pre-existing labels and with a minimum of human supervision.</p>
9
+ <div class="flex flex-col gap-6">
10
+ <div class="card p-6">
11
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Clustering Algorithms</h2>
12
+ <p class="text-gray-600 text-lg mb-4">Used for grouping similar data points together.</p>
13
+ <div class="flex flex-wrap gap-4">
14
+ <a href="/k-means-test" class="algorithm-box">K-Means Clustering</a>
15
+ <a href="/hierarchical-clustering-test" class="algorithm-box">Hierarchical Clustering</a>
16
+ <a href="/dbscan-test" class="algorithm-box">DBSCAN</a>
17
+ <a href="/gmm-test" class="algorithm-box">Gaussian Mixture Models (GMM)</a>
18
+ </div>
19
+ </div>
20
+ <div class="card p-6">
21
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Dimensionality Reduction Algorithms</h2>
22
+ <p class="text-gray-600 text-lg mb-4">Used for reducing the number of features in a dataset while retaining important information.</p>
23
+ <div class="flex flex-wrap gap-4">
24
+ <a href="/pca-test" class="algorithm-box">Principal Component Analysis (PCA)</a>
25
+ <a href="/tsne-test" class="algorithm-box">t-Distributed Stochastic Neighbor Embedding (t-SNE)</a>
26
+ <a href="/lda-test" class="algorithm-box">Linear Discriminant Analysis (LDA)</a>
27
+ <a href="/ica-test" class="algorithm-box">Independent Component Analysis (ICA)</a>
28
+ </div>
29
+ </div>
30
+ <div class="card p-6">
31
+ <h2 class="text-2xl font-semibold text-gray-800 mb-4">Association Rule Learning Algorithms</h2>
32
+ <p class="text-gray-600 text-lg mb-4">Used for discovering relationships between variables in large datasets.</p>
33
+ <div class="flex flex-wrap gap-4">
34
+ <a href="/apriori-test#" class="algorithm-box">Apriori Algorithm</a>
35
+ <a href="/eclat-test" class="algorithm-box">Eclat Algorithm</a>
36
+ </div>
37
+ </div>
38
+ </div>
39
+ {% endblock %}
templates/Test/action-policy-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Action_Policy'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/agent-environment-state-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Agent_Environment_State'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/apriori-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Apriori'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/bagging-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Bagging'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/boosting-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Boosting'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/dbscan-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'DBSCAN'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/decision-tree-regression-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Decision_Tree_Regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/decision-trees-c-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Decision_Trees_Classification'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/deep-reinforcement-learning-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Deep_Reinforcement_Learning'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/eclat-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Eclat'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/generative-models-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Generative_Models'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/gmm-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'GMM'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/gradient-boosting-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Gradient_Boosting'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/gradient-descent-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Gradient_Descent'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/graph-based-methods-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Graph-Based'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/hierarchical-clustering-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Hierarchical-Clustering'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/ica-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Independent_Component_Analysis'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/k-means-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'K-Means'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/knn-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'K-Nearest'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/lasso-regression-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Lasso_Regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/lda-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'LDA'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/lightgbm-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'LightGBM'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/linear-Quiz-Overview-Page.html ADDED
@@ -0,0 +1,113 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}<!DOCTYPE html>
5
+ <html lang="en">
6
+ <head>
7
+ <meta charset="UTF-8">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
+ <title>Quiz Selection</title>
10
+ <!-- Tailwind CSS -->
11
+ <script src="https://cdn.tailwindcss.com"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
14
+ body {
15
+ font-family: 'Inter', sans-serif;
16
+ }
17
+
18
+ /* Fade-in animation */
19
+ @keyframes fadeIn {
20
+ from {
21
+ opacity: 0;
22
+ transform: translateY(20px);
23
+ }
24
+ to {
25
+ opacity: 1;
26
+ transform: translateY(0);
27
+ }
28
+ }
29
+ .fade-in {
30
+ animation: fadeIn 0.6s ease-out forwards;
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
35
+
36
+ <!-- Main container -->
37
+ <div class="min-h-screen flex items-center justify-center p-4">
38
+
39
+ <!-- Card -->
40
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
41
+
42
+ <!-- Title -->
43
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
44
+
45
+ <!-- SVG Icon -->
46
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
47
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
48
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
49
+ </symbol>
50
+ </svg>
51
+
52
+ <!-- ✅ All Free Quiz Options -->
53
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
54
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
55
+ <use xlink:href="#quiz-icon" />
56
+ </svg>
57
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
58
+ </button>
59
+
60
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
61
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
62
+ <use xlink:href="#quiz-icon" />
63
+ </svg>
64
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
65
+ </button>
66
+
67
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
68
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
69
+ <use xlink:href="#quiz-icon" />
70
+ </svg>
71
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
72
+ </button>
73
+
74
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
75
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
76
+ <use xlink:href="#quiz-icon" />
77
+ </svg>
78
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
79
+ </button>
80
+
81
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
82
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
83
+ <use xlink:href="#quiz-icon" />
84
+ </svg>
85
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
86
+ </button>
87
+
88
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
89
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
90
+ <use xlink:href="#quiz-icon" />
91
+ </svg>
92
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
93
+ </button>
94
+
95
+ </div>
96
+ </div>
97
+
98
+ <script>
99
+ // --- Event listener for quiz buttons ---
100
+ const quizButtons = document.querySelectorAll('.quiz-option');
101
+ quizButtons.forEach(button => {
102
+ button.addEventListener('click', () => {
103
+ const count = button.getAttribute('data-count');
104
+ const topic = 'linear_regression'; // Example topic
105
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
106
+
107
+ });
108
+ });
109
+ </script>
110
+
111
+ </body>
112
+ </html>
113
+ {% endblock %}
templates/Test/logistic-regression-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Logistic_Regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/naive-bayes-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Naive-Bayes'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/neural-networks-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Neural-Networks'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/pca-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'PCA'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/polynomial-Quiz.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'polynomial_regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/q-learning-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Q-Learning'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/random-forest-c-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Random_Forests'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/random-forest-regression-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Random-Forest-r'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/reward-value-function-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Reward_ValueFunction'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/ridge-regression-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Ridge_Regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/self-training-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Self-Training'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/stacking-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Stacking'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/svm-c-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Support_Vector_Regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/svr-r-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'SVM'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/transductive-svm-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Transductive-SVM'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/tsne-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 't-SNE'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/voting-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'Voting'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}
templates/Test/xgboost-regression-test.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {% extends "Test-layout.html" %}
2
+
3
+
4
+ {% block content %}
5
+ <!DOCTYPE html>
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <title>Quiz Selection</title>
11
+ <!-- Tailwind CSS -->
12
+ <script src="https://cdn.tailwindcss.com"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ /* Fade-in animation */
20
+ @keyframes fadeIn {
21
+ from {
22
+ opacity: 0;
23
+ transform: translateY(20px);
24
+ }
25
+ to {
26
+ opacity: 1;
27
+ transform: translateY(0);
28
+ }
29
+ }
30
+ .fade-in {
31
+ animation: fadeIn 0.6s ease-out forwards;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gradient-to-br from-gray-50 to-blue-100">
36
+
37
+ <!-- Main container -->
38
+ <div class="min-h-screen flex items-center justify-center p-4">
39
+
40
+ <!-- Card -->
41
+ <div class="w-full max-w-lg bg-white/70 backdrop-blur-xl p-8 rounded-2xl shadow-lg border border-gray-200/80 space-y-5 fade-in">
42
+
43
+ <!-- Title -->
44
+ <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Choose Your Quiz</h1>
45
+
46
+ <!-- SVG Icon -->
47
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
48
+ <symbol id="quiz-icon" viewBox="0 0 24 24">
49
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
50
+ </symbol>
51
+ </svg>
52
+
53
+ <!-- ✅ All Free Quiz Options -->
54
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
55
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
56
+ <use xlink:href="#quiz-icon" />
57
+ </svg>
58
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
59
+ </button>
60
+
61
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="10">
62
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
63
+ <use xlink:href="#quiz-icon" />
64
+ </svg>
65
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">10 Question Quiz</span>
66
+ </button>
67
+
68
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
69
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
70
+ <use xlink:href="#quiz-icon" />
71
+ </svg>
72
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
73
+ </button>
74
+
75
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="15">
76
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
77
+ <use xlink:href="#quiz-icon" />
78
+ </svg>
79
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">15 Question Quiz</span>
80
+ </button>
81
+
82
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
83
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
84
+ <use xlink:href="#quiz-icon" />
85
+ </svg>
86
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
87
+ </button>
88
+
89
+ <button class="quiz-option group w-full flex items-center space-x-4 text-left p-4 rounded-xl bg-white border border-gray-200 hover:bg-blue-600 hover:border-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 ease-in-out shadow-sm hover:shadow-md transform hover:-translate-y-1" data-count="25">
90
+ <svg class="h-7 w-7 text-blue-500 group-hover:text-white transition-colors" fill="none" stroke="currentColor" stroke-width="1.5">
91
+ <use xlink:href="#quiz-icon" />
92
+ </svg>
93
+ <span class="text-gray-700 text-lg font-semibold group-hover:text-white transition-colors">25 Question Quiz</span>
94
+ </button>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <script>
100
+ // --- Event listener for quiz buttons ---
101
+ const quizButtons = document.querySelectorAll('.quiz-option');
102
+ quizButtons.forEach(button => {
103
+ button.addEventListener('click', () => {
104
+ const count = button.getAttribute('data-count');
105
+ const topic = 'XGBoost_Regression'; // Example topic
106
+ window.location.href = `/Quiz-test?topic=${topic}&count=${count}`;
107
+
108
+ });
109
+ });
110
+ </script>
111
+
112
+ </body>
113
+ </html>
114
+ {% endblock %}