Hugging Face's logo

Spaces:
KunalThakare279
/
llm
Paused

App Files Community
KunalThakare279 commited on
Commit
2a5fe11
·
verified ·
1 Parent(s): 75a538d

Create questions.html

Browse files
Files changed (1) hide show
  1. templates/questions.html +112 -0
templates/questions.html ADDED
@@ -0,0 +1,112 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Generated Questions</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
8
+ <style>
9
+ body {
10
+ font-family: 'Roboto', sans-serif;
11
+ background-color: #f4f4f9;
12
+ margin: 0;
13
+ padding: 0;
14
+ display: flex;
15
+ justify-content: center;
16
+ align-items: center;
17
+ }
18
+ .container {
19
+ background-color: white;
20
+ padding: 2rem;
21
+ border-radius: 12px;
22
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
23
+ max-width: 450px;
24
+ text-align: left;
25
+ transition: box-shadow 0.3s ease;
26
+ }
27
+ .container:hover {
28
+ box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
29
+ }
30
+ h1 {
31
+ margin-bottom: 1.5rem;
32
+ font-weight: 500;
33
+ font-size: 1.75rem;
34
+ color: #333;
35
+ }
36
+ ul {
37
+ list-style: none;
38
+ padding: 0;
39
+ margin: 0;
40
+ }
41
+ ul li {
42
+ background-color: #e9e9e9;
43
+ padding: 1rem;
44
+ border-radius: 6px;
45
+ margin-bottom: 0.75rem;
46
+ font-size: 1rem;
47
+ color: #555;
48
+ transition: background-color 0.3s ease;
49
+ }
50
+ ul li:hover {
51
+ background-color: #d1d1d1;
52
+ }
53
+ a {
54
+ display: inline-block;
55
+ margin-top: 1.5rem;
56
+ text-decoration: none;
57
+ color: #5cb85c;
58
+ font-weight: bold;
59
+ font-size: 1rem;
60
+ padding: 0.75rem 1.5rem;
61
+ border: 2px solid #5cb85c;
62
+ border-radius: 6px;
63
+ transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
64
+ }
65
+ a:hover {
66
+ background-color: #5cb85c;
67
+ color: white;
68
+ border-color: #5cb85c;
69
+ }
70
+ @media (max-width: 480px) {
71
+ .container {
72
+ padding: 1.5rem;
73
+ max-width: 100%;
74
+ }
75
+ h1 {
76
+ font-size: 1.5rem;
77
+ }
78
+ ul li {
79
+ font-size: 0.9rem;
80
+ padding: 0.8rem;
81
+ }
82
+ a {
83
+ font-size: 0.9rem;
84
+ padding: 0.6rem 1.2rem;
85
+ }
86
+ }
87
+ </style>
88
+ </head>
89
+ <body>
90
+ <div class="container">
91
+ <h1>Generated Questions (seed: {{ seed }}) </h1>
92
+ <ul>
93
+ {% for question in questions %}
94
+ <li><strong>Question:</strong> {{ question["question"] }}</li>
95
+ {% if question["options"] %}
96
+ <li><strong>Options:</strong>
97
+ {% for option in question["options"].keys() %}
98
+ <br>
99
+ {{option}}: {{question["options"][option]}}
100
+ {% endfor %}
101
+ </li>
102
+ {% endif %}
103
+ <li><strong>Answer:</strong> {{ question["answer"] }}</li>
104
+ {% if question["correction"] %}
105
+ <li><strong>Correction:</strong> {{ question["correction"] }}</li>
106
+ {% endif %}
107
+ {% endfor %}
108
+ </ul>
109
+ <a href="/">Back to Home</a>
110
+ </div>
111
+ </body>
112
+ </html>