Hugging Face's logo

Spaces:
abhicodes
/
smilecheck
Runtime error

App Files Community
abhicodes commited on
Commit
932fda6
•
1 Parent(s): b2b7a93

Delete templates

Browse files
Files changed (22) hide show
  1. templates/admin.html +0 -951
  2. templates/change.html +0 -41
  3. templates/custom.html +0 -276
  4. templates/customresult.html +0 -87
  5. templates/email.html +0 -432
  6. templates/error.html +0 -25
  7. templates/forgot.html +0 -15
  8. templates/form.html +0 -39
  9. templates/home.html +0 -781
  10. templates/index.html +0 -229
  11. templates/index/MorphSVGPlugin.min.js +0 -13
  12. templates/index/TweenMax.min.js +0 -0
  13. templates/index/index.html +0 -36
  14. templates/index/script.js +0 -149
  15. templates/index/style.css +0 -30
  16. templates/layout.html +0 -338
  17. templates/login.html +0 -319
  18. templates/pass.html +0 -431
  19. templates/password.html +0 -31
  20. templates/register.html +0 -187
  21. templates/result.html +0 -211
  22. templates/verify.html +0 -32
templates/admin.html DELETED
@@ -1,951 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en" >
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Admin Page</title>
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <link rel="icon" type="image/x-icon" href="/static/favicon.png">
8
- <link rel="stylesheet" href="{{ url_for('static', filename='css/swiper-bundle.min.css') }}">
9
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
10
- <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
11
- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css'>
12
- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/css/dataTables.bootstrap4.css'>
13
- <style>
14
- /* The Modal (background) */
15
- .modal {
16
- display: none; /* Hidden by default */
17
- position: fixed; /* Stay in place */
18
- z-index: 999; /* Sit on top */
19
- left: 0;
20
- top: 0;
21
- width: 100%; /* Full width */
22
- height: 100%; /* Full height */
23
- overflow: auto; /* Enable scroll if needed */
24
- background-color: rgb(0,0,0); /* Fallback color */
25
- background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
26
- -webkit-animation-name: fadeIn; /* Fade in the background */
27
- -webkit-animation-duration: 0.4s;
28
- animation-name: fadeIn;
29
- animation-duration: 0.4s
30
- }
31
-
32
- /* Modal Content */
33
- .modal-content {
34
- position: fixed;
35
- bottom: 0;
36
- background-color: #fefefe;
37
- width: 100%;
38
- -webkit-animation-name: slideIn;
39
- -webkit-animation-duration: 0.4s;
40
- animation-name: slideIn;
41
- animation-duration: 0.4s
42
- }
43
-
44
- /* The Close Button */
45
- .close {
46
- color: white;
47
- float: right;
48
- font-size: 28px;
49
- font-weight: bold;
50
- }
51
-
52
- .close:hover,
53
- .close:focus {
54
- color: #000;
55
- text-decoration: none;
56
- cursor: pointer;
57
- }
58
-
59
- .modal-header {
60
- padding: 2px 16px;
61
- background-color: red;
62
- color: white;
63
- }
64
-
65
- .modal-body {padding: 2px 16px;}
66
-
67
- .modal-footer {
68
- padding: 2px 16px;
69
- background-color: #5cb85c;
70
- color: white;
71
- }
72
-
73
- /* Add Animation */
74
- @-webkit-keyframes slideIn {
75
- from {bottom: -300px; opacity: 0}
76
- to {bottom: 0; opacity: 1}
77
- }
78
-
79
- @keyframes slideIn {
80
- from {bottom: -300px; opacity: 0}
81
- to {bottom: 0; opacity: 1}
82
- }
83
-
84
- @-webkit-keyframes fadeIn {
85
- from {opacity: 0}
86
- to {opacity: 1}
87
- }
88
-
89
- @keyframes fadeIn {
90
- from {opacity: 0}
91
- to {opacity: 1}
92
- }
93
- </style>
94
- </head>
95
- <body>
96
- <div class="loader" style="z-index:999">
97
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
98
- <div class="box">
99
- <div class="loader3" style="text-align: center;"></div>
100
- </div>
101
- <br>
102
- <div style="text-align: center;">
103
- <span id="variableValue">0%</span>
104
- </div>
105
- </div>
106
- <script>
107
- var variable = 0;
108
- var intervalId = setInterval(function() {
109
- if (variable < 100) {
110
- variable++;
111
- document.getElementById("variableValue").innerHTML = "" + variable + "%";
112
- } else {
113
- clearInterval(intervalId);
114
- }
115
- }, 5);
116
-
117
- const loader = document.querySelector(".loader");
118
- setTimeout(() => {
119
- loader.classList.add("hide");
120
- setTimeout(() => {
121
- document.body.removeChild(loader);
122
- }, 500);
123
- }, 500);
124
- </script>
125
-
126
- <header style="display:flex">
127
- <div class="nav-bar">
128
- <a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>
129
- <div class="navigation">
130
- <div class="nav-items">
131
- <i class="uil uil-times nav-close-btn"></i>
132
- <a href="/home"><i class="uil uil-home"></i> <b>Home</b></a>
133
- {% if session['name'] %}
134
- <a href="/logout"><i class="uil uil-compass"></i> <b>Logout</b></a>
135
- {% else %}
136
- <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a>
137
- <a href="/register"><i class="uil uil-envelope"></i> <b>Register</b></a>
138
- {% endif %}
139
- <a href="#" class="profile"><div class="svgContainer">
140
- <div>
141
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
142
- <defs>
143
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
144
- </defs>
145
-
146
- <clipPath id="armMask">
147
- <use xlink:href="#armMaskPath" overflow="visible"></use>
148
- </clipPath>
149
-
150
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
151
-
152
- <g class="body">
153
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
154
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
155
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
156
- </g>
157
-
158
- <g class="earL">
159
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
160
- <circle cx="47" cy="83" r="11.5"></circle>
161
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
162
- </g>
163
-
164
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
165
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
166
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
167
- </g>
168
- </g>
169
-
170
- <g class="earR">
171
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
172
- <circle cx="155" cy="83" r="11.5"></circle>
173
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
174
- </g>
175
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
176
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
177
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
178
- </g>
179
- </g>
180
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
181
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
182
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
183
-
184
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
185
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
186
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
187
- </g>
188
-
189
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
190
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
191
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
192
- </g>
193
-
194
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
195
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
196
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
197
- </g>
198
-
199
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
200
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
201
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
202
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
203
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
204
-
205
- <defs>
206
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
207
- </defs>
208
-
209
- <clipPath id="mouthMask">
210
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
211
- </clipPath>
212
-
213
- <g clip-path="url(#mouthMask)">
214
- <g class="tongue">
215
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
216
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
217
- </g>
218
- </g>
219
-
220
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
221
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
222
- </g>
223
-
224
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
225
-
226
- <g class="arms" clip-path="url(#armMask)">
227
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
228
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
229
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
230
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
231
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
232
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
233
- </g>
234
-
235
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
236
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
237
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
238
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
239
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
240
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
241
- </g>
242
- </g>
243
- </svg>
244
- </div>
245
- </div></a>
246
- <div class="floating-div" style="display:none;">
247
- <div class="svgContainer">
248
- <div>
249
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
250
- <defs>
251
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
252
- </defs>
253
-
254
- <clipPath id="armMask">
255
- <use xlink:href="#armMaskPath" overflow="visible"></use>
256
- </clipPath>
257
-
258
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
259
-
260
- <g class="body">
261
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
262
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
263
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
264
- </g>
265
-
266
- <g class="earL">
267
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
268
- <circle cx="47" cy="83" r="11.5"></circle>
269
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
270
- </g>
271
-
272
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
273
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
274
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
275
- </g>
276
- </g>
277
-
278
- <g class="earR">
279
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
280
- <circle cx="155" cy="83" r="11.5"></circle>
281
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
282
- </g>
283
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
284
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
285
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
286
- </g>
287
- </g>
288
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
289
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
290
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
291
-
292
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
293
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
294
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
295
- </g>
296
-
297
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
298
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
299
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
300
- </g>
301
-
302
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
303
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
304
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
305
- </g>
306
-
307
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
308
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
309
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
310
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
311
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
312
-
313
- <defs>
314
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
315
- </defs>
316
-
317
- <clipPath id="mouthMask">
318
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
319
- </clipPath>
320
-
321
- <g clip-path="url(#mouthMask)">
322
- <g class="tongue">
323
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
324
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
325
- </g>
326
- </g>
327
-
328
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
329
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
330
- </g>
331
-
332
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
333
-
334
- <g class="arms" clip-path="url(#armMask)">
335
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
336
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
337
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
338
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
339
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
340
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
341
- </g>
342
-
343
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
344
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
345
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
346
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
347
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
348
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
349
- </g>
350
- </g>
351
- </svg>
352
- </div>
353
- </div>
354
- <h3 style="text-align:center;">{% if session['id'] %} <b>{{ session['name'] }}</b> {% else %} <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a> {% endif %} </h3>
355
- </div>
356
- <script>
357
- const profile = document.querySelector('.profile');
358
- const floatingDiv = document.querySelector('.floating-div');
359
-
360
- profile.addEventListener('click', function() {
361
- floatingDiv.style.display = 'block';
362
- });
363
-
364
- floatingDiv.addEventListener('mouseover', function() {
365
- floatingDiv.style.display = 'block';
366
- });
367
-
368
- floatingDiv.addEventListener('mouseout', function() {
369
- floatingDiv.style.display = 'none';
370
- });
371
- </script>
372
- </div>
373
- </div>
374
- <i class="uil uil-apps nav-menu-btn"></i>
375
- </div>
376
- </header>
377
-
378
- <br><br><br><br>
379
- <div class="flexbox">
380
-
381
- <div class="flexbox1">
382
- <div class="forminfo-admin">
383
- <div class="flex-div">
384
- <div class="svgContainer">
385
- <div>
386
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
387
- <defs>
388
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
389
- </defs>
390
-
391
- <clipPath id="armMask">
392
- <use xlink:href="#armMaskPath" overflow="visible"></use>
393
- </clipPath>
394
-
395
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
396
-
397
- <g class="body">
398
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
399
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
400
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
401
- </g>
402
-
403
- <g class="earL">
404
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
405
- <circle cx="47" cy="83" r="11.5"></circle>
406
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
407
- </g>
408
-
409
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
410
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
411
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
412
- </g>
413
- </g>
414
-
415
- <g class="earR">
416
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
417
- <circle cx="155" cy="83" r="11.5"></circle>
418
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
419
- </g>
420
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
421
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
422
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
423
- </g>
424
- </g>
425
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
426
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
427
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
428
-
429
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
430
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
431
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
432
- </g>
433
-
434
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
435
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
436
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
437
- </g>
438
-
439
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
440
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
441
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
442
- </g>
443
-
444
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
445
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
446
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
447
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
448
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
449
-
450
- <defs>
451
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
452
- </defs>
453
-
454
- <clipPath id="mouthMask">
455
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
456
- </clipPath>
457
-
458
- <g clip-path="url(#mouthMask)">
459
- <g class="tongue">
460
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
461
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
462
- </g>
463
- </g>
464
-
465
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
466
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
467
- </g>
468
-
469
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
470
-
471
- <g class="arms" clip-path="url(#armMask)">
472
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
473
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
474
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
475
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
476
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
477
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
478
- </g>
479
-
480
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
481
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
482
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
483
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
484
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
485
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
486
- </g>
487
- </g>
488
- </svg>
489
- </div>
490
- </div>
491
- <h3 style="text-align:center;">{% if session['id'] %} <b>{{ session['name'] }}</b> {% else %} <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a> {% endif %} </h3>
492
- <br>
493
- <hr style="height:2px;border-width:0;color:gray;background-color:black;width:100%;">
494
- <button class="but1" id="myButton"><img src="/static/check-mark.png" alt="check" width="25px;">Overview</button><br>
495
- <button class="but2" id="myButton1"><img src="/static/check-mark.png" alt="check" width="25px;">Manage Assessments</button><br>
496
- <button class="but3" id="myButton2"><img src="/static/check-mark.png" alt="check" width="25px;">Result Analysis</button><br>
497
- <button class="but4" id="myButton3"><img src="/static/check-mark.png" alt="check" width="25px;">Feedback</button><br>
498
- <a href="/custom"><button class="but4" onclick="" style="background-color: #ff9900;"> <center>Create Assessment &nbsp;<span class="arrow"><i class="uil uil-arrow-right"></i></span></center></button></a><br>
499
- <!-- <button class="accordion"><a href="#previous-data" id="jump-link5" style="text-decoration: none !important;"><img src="/static/check-mark.png" alt="check" width="25px;">Previous Assessments</a></button>-->
500
- <!-- <div class="panel">-->
501
- <!-- <p>The assessments section allows you to manage assessments for your students.</p>-->
502
- <!-- </div>-->
503
-
504
- <!-- <button class="accordion"><a href="#operations" id="jump-link6" style="text-decoration: none !important;"><img src="/static/check-mark.png" alt="check" width="25px;"> Create survey!</a></button>-->
505
- <!-- <div class="panel">-->
506
- <!-- <p>The assessments section allows you to create and edit assessments for your students. You can create custom assessments, add or remove questions, and adjust the sentiment analysis parameters.</p>-->
507
- <!-- </div>-->
508
-
509
- <!-- <button class="accordion"><a href="#operations" id="jump-link7" style="text-decoration: none !important;"><img src="/static/check-mark.png" alt="check" width="25px;"> Check Results!</a></button>-->
510
- <!-- <div class="panel">-->
511
- <!-- <p>This section provides an overview of all the assessments that have been completed by your students. You can view the average happiness index score, identify trends, and track progress over time.</p>-->
512
- <!-- </div>-->
513
-
514
- </div>
515
- </div>
516
- </div>
517
-
518
-
519
- <div id="overview" class="flexbox2" style="display:block;">
520
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
521
- <div>
522
- <p style="font-size:2em; font-weight:700;">{% if session['name'] %} Welcome {{ session['name'] }}, {% endif %}</p>
523
- <span>As an administrator, you have access to a range of features that will help you manage and support your students.</span>
524
- </div>
525
-
526
- <div class="flex-container">
527
- <div class="flex-items">
528
- <p><b>Total Students</b></p>
529
- <span style="font-size:3em; font-weight: 700;">{{ ts }}</span>
530
- </div>
531
- <div class="flex-items">
532
- <p><b>Happiness Index</b></p>
533
- <span style="font-size:3em; font-weight: 700;">{{ ahi }}</span>
534
- </div>
535
- <div class="flex-items">
536
- <p><b>Total Assessments Submitted</b></p>
537
- <span style="font-size:2.5em; font-weight: 700;">{{ tas }} <span style="font-size:14px;"></span></span>
538
- </div>
539
- </div>
540
- <br>
541
- <button class="accordion"><a href="#previous-data" id="jump-link5" style="text-decoration: none !important;"><b>Other Assessments</b></a></button>
542
- <div class="panel">
543
- <div class="flex-item1-previous">
544
- <div id="assessment-table" style="padding:30px;">
545
- <div class="card mb-3 my-div">
546
- <div class="card-header">
547
- <i class="fa fa-table"></i>Assessments
548
- </div>
549
- <div class="card-body">
550
- <div class="table-responsive">
551
- <table class="table table-bordered" id="dataTablePre" width="100%" cellspacing="0">
552
- <thead>
553
- <tr>
554
- <th>ID</th>
555
- <th>Name</th>
556
- <th>Description</th>
557
- <th>Overall Score</th>
558
- </tr>
559
- </thead>
560
- <tfoot>
561
- <tr>
562
- <th>ID</th>
563
- <th>Name</th>
564
- <th>Description</th>
565
- <th>Overall Score</th>
566
- </tr>
567
- </tfoot>
568
- <tbody> {% for row in assess %}
569
- <tr>
570
- <td>{{ row.assessId }}</td>
571
- <td>{{ row.name }}</td>
572
- <td>{{ row.description[0:71] }}...</td>
573
- <td><b>{{ row.average }}</b></td>
574
- </tr> {% endfor %}
575
- </tbody>
576
- </table>
577
- </div>
578
- </div>
579
- <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
580
- </div>
581
- </div>
582
- <a href="/custom"><button class="create" style="background-color:#ff9900">New Assessment &nbsp; &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button></a>
583
- </div>
584
- </div>
585
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
586
- </div>
587
-
588
- <!-- <div id="operations">-->
589
- <!-- <div class="flex-container-result">-->
590
- <!-- <div class="flex-item1-result">-->
591
- <!-- <h1><b>Create Survey!</b></h1><br>-->
592
- <!--&lt;!&ndash; <span>The assessments section allows you to create, edit, and manage assessments for your students. You can create custom assessments, add or remove questions, and adjust the sentiment analysis parameters.</span><br><br>&ndash;&gt;-->
593
- <!-- <a href="/custom"><button class="create">Create &nbsp; &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button></a>-->
594
- <!-- </div>-->
595
- <!-- <div class="flex-item2-result">-->
596
- <!-- <h1><b>Check Results!</b></h1><br>-->
597
- <!--&lt;!&ndash; <span>This section provides an overview of all the assessments that have been completed by your students. You can view the average happiness index score, identify trends, and track progress over time.</span><br><br>&ndash;&gt;-->
598
- <!-- <a href="#response-table" id="response" onclick="getdata()"><button class="create">Check &nbsp; &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button></a>-->
599
- <!-- </div>-->
600
- <!-- </div>-->
601
- <!-- &lt;!&ndash;<input type="button" value="Check Results!" onclick="getdata()"></input>&ndash;&gt;-->
602
- <!-- </div>-->
603
-
604
- <div id="prev-assess" class="flexbox2" style="display:none;">
605
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
606
- <div style="display:flex; flex-direction:row; justify-content:space-between;">
607
- <div>
608
- <h3><b>Manage Assessments</b></h3>
609
- <p>The assessments section allows you to manage assessments for your students.</p>
610
- </div>
611
- <div style="text-align:left;">
612
- <div id="add" style="display:block; text-align: center;">
613
- <a href="/custom"><button class="add-btn"> + </button></a>
614
- </div>
615
- </div>
616
- </div>
617
- <div id="previous-data">
618
- <div class="flex-item1-previous">
619
- <div id="assessment-table">
620
- <div class="card mb-3 my-div">
621
- <div class="card-header">
622
- <i class="fa fa-table"></i>Assessments
623
- </div>
624
- <div class="card-body">
625
- <div class="table-responsive">
626
- <table class="table table-bordered" id="dataTablePre1" width="100%" cellspacing="0">
627
- <thead>
628
- <tr>
629
- <th>ID</th>
630
- <th>Name</th>
631
- <th>Description</th>
632
- <th>Questions</th>
633
- <th>Actions</th>
634
- </tr>
635
- </thead>
636
- <tfoot>
637
- <tr>
638
- <th>ID</th>
639
- <th>Name</th>
640
- <th>Description</th>
641
- <th>Questions</th>
642
- <th>Actions</th>
643
- </tr>
644
- </tfoot>
645
- <tbody> {% for row in assess %}
646
- <tr>
647
- <td>{{ row.assessId }}</td>
648
- <td>{{ row.name }}</td>
649
- <td>{{ row.description[0:71] }}...</td>
650
- <td><a href="#questions-table" id="question"><button class="btn btn-primary" onclick="showQuestions{{ row.assessId }}()"><img src="/static/eye.png" alt="delete" width="20px;"> See Questions </button></a>
651
- <script>
652
- function showQuestions{{ row.assessId }}() {
653
- {% set questions_list = row.Questions[2:-2].split('", "') %}
654
- document.getElementById('questions').innerHTML = "<div id='assessment-table' style='padding:30px;'><div class='card mb-3 my-div'><div class='card-header'><i class='fa fa-table'></i>Questions</div><div class='card-body'><div class='table-responsive'><table class='table table-bordered' id='dataTablePre2' width='100%' cellspacing='1'>{% for i in range(1, questions_list|count+1) %}<tr><td><b>Question {{ i }}:</b></td><td>{{ questions_list[i-1] }}</td></tr>{% endfor %}</table></div></div><div class='card-footer small text-muted'>Updated yesterday at 11:59 PM</div></div></div>";
655
- }
656
- </script>
657
- </td>
658
- <td>
659
- <button id="myBtn{{row.assessId}}" class="btn btn-primary" style="background-color:red; border:none;">
660
- <img src="/static/bin.png" alt="delete" width="20px;"> Delete </button>
661
- <div id="myModal{{row.assessId}}" class="modal">
662
- <div class="modal-content">
663
- <div class="modal-header">
664
- <span class="close">&times;</span>
665
- <h2>Warning!</h2>
666
- </div>
667
- <div class="modal-body">
668
- <p>{{ row.name }} will be permanently deleted.</p>
669
- <p>There is no way to recover the assessment and the corresponding progress.</p>
670
- <form method="POST">
671
- <input name="delete" id="delete" value="{{row.assessId}}" type="hidden">
672
- <button class="btn btn-primary" style="background-color:red; border:none;">
673
- <img src="/static/bin.png" alt="delete" width="20px;"> Okay! </button>
674
- </form>
675
- <script>
676
- // Get the modal
677
- var modal = document.getElementById("myModal{{row.assessId}}");
678
-
679
- // Get the button that opens the modal
680
- var btn = document.getElementById("myBtn{{row.assessId}}");
681
-
682
- // Get the <span> element that closes the modal
683
- var span = document.getElementsByClassName("close")[0];
684
-
685
- // When the user clicks the button, open the modal
686
- btn.onclick = function() {
687
- modal.style.display = "block";
688
- }
689
-
690
- // When the user clicks on <span> (x), close the modal
691
- span.onclick = function() {
692
- modal.style.display = "none";
693
- }
694
-
695
- // When the user clicks anywhere outside of the modal, close it
696
- window.onclick = function(event) {
697
- if (event.target == modal) {
698
- modal.style.display = "none";
699
- }
700
- }
701
- </script>
702
- </div>
703
- </div>
704
- </div>
705
-
706
- </td>
707
- </tr> {% endfor %}
708
- </tbody>
709
- </table>
710
- </div>
711
- </div>
712
- <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
713
- </div>
714
- </div>
715
- </div>
716
-
717
- <div class="flex-item2-previous" style="font-size:14px; text-align:center;">
718
- <div style="width:100%; background-color:#f0f0f0; padding:6px;"><h4><b>Questions</b></h4></div>
719
- <div id="questions-table" style="padding:10px; background-color: white; border-radius:15px;">
720
- <div id="questions">Select a Assessment</div>
721
- </div>
722
- </div>
723
-
724
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
725
- </div>
726
- </div>
727
-
728
- <div id="results" class="flexbox2" style="display:none;">
729
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
730
- <div>
731
- <h3><b>Result Analysis</b></h3>
732
- <p>The Result section allows you to monitor students performance.</p>
733
- </div>
734
- <div id="response-table" style="padding:30px;">
735
- <div class="card mb-3 my-div">
736
- <div class="card-header">
737
- <i class="fa fa-table"></i>Students Responses
738
- </div>
739
- <div class="card-body">
740
- <div class="table-responsive">
741
- <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
742
- <thead>
743
- <tr>
744
- <th>Id</th>
745
- <th>Name</th>
746
- <th>Email</th>
747
- <th>Responses</th>
748
- </tr>
749
- </thead>
750
- <tfoot>
751
- <tr>
752
- <th>Id</th>
753
- <th>Name</th>
754
- <th>Email</th>
755
- <th>Responses</th>
756
- </tr>
757
- </tfoot>
758
- <tbody> {% for row in result %}
759
- <tr>
760
- <td>{{ row.id }}</td>
761
- <td>{{ row.name }}</td>
762
- <td>{{ row.email }}</td>
763
- <td>{% if row.isdone==1 %} <form method="POST">
764
- <input name="resid" id="resid" value="{{row.id}}" type="hidden">
765
- <select name="type" id="type"> {% if session['name'] %} {% for types in abc %} {% if types.id == row.id %} <option value="{{types.type}}"> {{types.name}} {% endif %} </option> {% endfor %} {% endif %} </select>
766
- <button class="btn btn-primary" style="display:block; margin:0 auto; background-color:#00db21;">Check results</button>
767
- </form> {% else %} <p>Pending...</p> {% endif %} </td>
768
- </tr> {% endfor %}
769
- </tbody>
770
- </table>
771
- </div>
772
- </div>
773
- <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
774
- </div>
775
- </div>
776
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
777
- </div>
778
-
779
- <div id="feedback" class="flexbox2" style="display:none;">
780
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
781
- <div>
782
- <h3><b>Students Feedbacks</b></h3>
783
- <p>The Feedback section allows you to access students feedbacks on the assessments.</p>
784
- </div>
785
- <div id="response-table" style="padding:30px;">
786
- <div class="card mb-3 my-div">
787
- <div class="card-header">
788
- <i class="fa fa-table"></i>Students Feedbacks
789
- </div>
790
- <div class="card-body">
791
- <div class="table-responsive">
792
- <table class="table table-bordered" id="dataTablePre3" width="100%" cellspacing="0">
793
- <thead>
794
- <tr>
795
- <th>Sr. No.</th>
796
- <th>Name</th>
797
- <th>Email</th>
798
- <th>Feedbacks</th>
799
- </tr>
800
- </thead>
801
- <tfoot>
802
- <tr>
803
- <th>Sr. No.</th>
804
- <th>Name</th>
805
- <th>Email</th>
806
- <th>Feedbacks</th>
807
- </tr>
808
- </tfoot>
809
- <tbody> {% for row in feeds %}
810
- <tr>
811
- <td>{{ loop.index }}</td>
812
- <td>{{ row.name }}</td>
813
- <td>{{ row.email }}</td>
814
- <td>{{ row.feedback }}</td>
815
- </tr> {% endfor %}
816
- </tbody>
817
- </table>
818
- </div>
819
- </div>
820
- <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
821
- </div>
822
- </div>
823
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
824
- </div>
825
- </div>
826
-
827
- <script>
828
- var acc = document.getElementsByClassName("accordion");
829
- var i;
830
-
831
- for (i = 0; i < acc.length; i++) {
832
- acc[i].addEventListener("click", function() {
833
- this.classList.toggle("active");
834
- var panel = this.nextElementSibling;
835
- if (panel.style.maxHeight) {
836
- panel.style.maxHeight = null;
837
- } else {
838
- panel.style.maxHeight = panel.scrollHeight + "px";
839
- }
840
- });
841
- }
842
-
843
- var jumpLink5 = document.getElementById("jump-link5");
844
- jumpLink5.addEventListener("click", function(e) {
845
- e.preventDefault();
846
- var target = document.querySelector(this.getAttribute("href"));
847
- var targetOffset = target.offsetTop;
848
- window.scrollTo({top: targetOffset, behavior: "smooth"});
849
- });
850
- var jumpLink6 = document.getElementById("jump-link6");
851
- jumpLink6.addEventListener("click", function(e) {
852
- e.preventDefault();
853
- var target = document.querySelector(this.getAttribute("href"));
854
- var targetOffset = target.offsetTop;
855
- window.scrollTo({top: targetOffset, behavior: "smooth"});
856
- });
857
- var jumpLink7 = document.getElementById("jump-link7");
858
- jumpLink7.addEventListener("click", function(e) {
859
- e.preventDefault();
860
- var target = document.querySelector(this.getAttribute("href"));
861
- var targetOffset = target.offsetTop;
862
- window.scrollTo({top: targetOffset, behavior: "smooth"});
863
- });
864
- </script>
865
- <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
866
- <script src='https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js'></script>
867
- <script src='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/dataTables.bootstrap4.js'></script>
868
- <script>
869
- var jumpLink11 = document.getElementById("response");
870
- jumpLink11.addEventListener("click", function(e) {
871
- e.preventDefault();
872
- var target = document.querySelector(this.getAttribute("href"));
873
- var targetOffset = target.offsetTop;
874
- window.scrollTo({top: targetOffset, behavior: "smooth"});
875
- });
876
-
877
- var jumpLink12 = document.getElementById("question");
878
- jumpLink12.addEventListener("click", function(e) {
879
- e.preventDefault();
880
- var target = document.querySelector(this.getAttribute("href"));
881
- var targetOffset = target.offsetTop;
882
- window.scrollTo({top: targetOffset, behavior: "smooth"});
883
- });
884
-
885
- function getdata() {
886
- document.getElementById("response-table").style.display = "block";
887
- }
888
- </script>
889
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
890
- <script src="{{ url_for('static', filename='js/swiper-bundle.min.js') }}"></script>
891
- <script src="{{ url_for('static', filename='js/main.js') }}"></script>
892
- <script>
893
- const myButton = document.getElementById("myButton");
894
- const overviewDiv = document.getElementById("overview");
895
- const displayPrevDiv = document.getElementById("prev-assess");
896
- const resultsDiv = document.getElementById("results");
897
- const feedbackDiv = document.getElementById("feedback");
898
-
899
- myButton.addEventListener("click", () => {
900
- feedbackDiv.style.display= "none";
901
- resultsDiv.style.display= "none";
902
- displayPrevDiv.style.display = "none";
903
- overviewDiv.style.display = "block";
904
- });
905
-
906
- const myButton1 = document.getElementById("myButton1");
907
- myButton1.addEventListener("click", () => {
908
- overviewDiv.style.display = "none";
909
- resultsDiv.style.display= "none";
910
- feedbackDiv.style.display= "none";
911
- displayPrevDiv.style.display = "block";
912
- });
913
-
914
- const myButton2 = document.getElementById("myButton2");
915
- myButton2.addEventListener("click", () => {
916
- overviewDiv.style.display = "none";
917
- displayPrevDiv.style.display = "none";
918
- feedbackDiv.style.display= "none";
919
- resultsDiv.style.display= "block";
920
- });
921
-
922
- const myButton3 = document.getElementById("myButton3");
923
- myButton3.addEventListener("click", () => {
924
- overviewDiv.style.display = "none";
925
- displayPrevDiv.style.display = "none";
926
- resultsDiv.style.display= "none";
927
- feedbackDiv.style.display= "block";
928
- });
929
-
930
- $(document).ready(function() {
931
- $('#dataTablePre').DataTable();
932
- });
933
-
934
- $(document).ready(function() {
935
- $('#dataTablePre1').DataTable();
936
- });
937
-
938
- $(document).ready(function() {
939
- $('#dataTablePre2').DataTable();
940
- });
941
-
942
- $(document).ready(function() {
943
- $('#dataTablePre3').DataTable();
944
- });
945
-
946
- $(document).ready(function() {
947
- $('#dataTable').DataTable();
948
- });
949
- </script>
950
- </body>
951
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/change.html DELETED
@@ -1,41 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Change Password {% endblock %}
3
- {% block content %}
4
- <br><br><br>
5
- <div class="verify-pass">
6
- <form action="/change" method="POST" id="pass-form">
7
- <label for="password">New Password:</label>
8
- <input type="password" class="form-control" id="password" name="password" required><br><br>
9
-
10
- <label for="repeat-password">Repeat New Password:</label>
11
- <input type="password" class="form-control" id="repeat-password" required><br><br>
12
-
13
- <div id="pass-error-group" class="form-group" style="display:none; text-align:center; text-weight:bold;">
14
- <b><span id="pass-error" style="color:red;"></span></b>
15
- </div>
16
-
17
- <center><button type="submit" class="btn btn-primary verify">Change Password!</button></center>
18
- </form>
19
- </div>
20
-
21
- <script>
22
- function myFunction() {
23
- var pass = document.getElementById("password").value;
24
- var rep_pass = document.getElementById("repeat-password").value;
25
- let value = pass.localeCompare(rep_pass);
26
- if (value != 0) {
27
- document.getElementById("pass-error-group").style.display = "block";
28
- document.getElementById("pass-error").innerHTML = "&#x0021; &nbsp; &nbsp; Password does not Match.";
29
- return false;
30
- }
31
- return true;
32
- }
33
-
34
- document.getElementById("pass-form").addEventListener("submit", function(event) {
35
- if (!myFunction()) {
36
- event.preventDefault(); // prevent the form from submitting
37
- }
38
- });
39
- </script>
40
-
41
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/custom.html DELETED
@@ -1,276 +0,0 @@
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">
6
- <link href='index_style.css' rel='stylesheet' type='text/css'>
7
- <script type="text/javascript" src="index.js"></script>
8
- <title>Title</title>
9
- </head>
10
- <body>-->
11
- {% extends 'layout.html' %}
12
- {% block title %} Custom Form {% endblock %}
13
- {% block content %}
14
- <h1>{{data}} {{comp}} {{len}}{{types}}</h1>
15
- <form id="myForm" method="POST" class="form">
16
- <div class="container">
17
- <div class="forminfo">
18
- <h2 style="padding:20px; text-align:center;">Create New Assessment</h2>
19
- <hr style="height:2px;border-width:0;color:gray;background-color:grey;width:85%;margin:0 auto;padding:1px;">
20
- <div class="namearea">
21
- <label for="name" style="font-size:16px; font-weight:bold;">Name of form :</label>
22
- <input name="name" id="name" type="text" required style="margin:20px auto; background-color:white !important;"><br>
23
- </div>
24
- <div class="labelarea">
25
- <label for="describ" style="font-size:16px; font-weight:bold;">Description of form :</label><br>
26
- <textarea name="describ" id="describ" type="text" required style="height:200px; width:400px; border-radius:10px;"></textarea><br>
27
- </div>
28
- </div>
29
- <div class="form-ques">
30
- <div class="form-group">
31
- <div id="inputContainer"></div>
32
- </div>
33
- <hr style="height:2px;border-width:0;color:gray;background-color:grey;width:50%;margin:0 auto;padding:1px;">
34
-
35
- <div id="add" style="display:block; text-align: center; margin:20px auto;">
36
- <button type="button" onclick="addInputs();" class="add-btn"> + </button>
37
- </div>
38
-
39
- <div id="error" style="text-align:center; font-weight:bold; color:red;"></div>
40
-
41
- <div id="action" style="display:block; text-align: center; margin:20px auto;">
42
- <button type="submit" name="submit" id="btn" class="sub-btn">Create &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
43
- <button type="reset" class="rst-btn">Reset &nbsp; <span class="arrow"><i class="uil uil-redo"></i></span></button>
44
- <button type="reset" onclick="window.location.reload();" class="rel-btn">Start New &nbsp; <span class="arrow"><i class="uil uil-refresh"></i></span></button>
45
- </div>
46
- <hr style="height:2px;border-width:0;color:gray;background-color:grey;width:90%;margin:0 auto;padding:1px;">
47
-
48
- </div>
49
- </div>
50
- </form>
51
-
52
- <script>
53
- window.onload = addInputs;
54
- var count = 0;
55
-
56
- function addInputs() {
57
- document.getElementById("error").textContent = '';
58
- var container = document.getElementById("inputContainer");
59
- const dragElement = document.createElement('div');
60
- dragElement.classList.add('drag');
61
- dragElement.setAttribute('draggable', true);
62
-
63
- const label = document.createElement('label');
64
- label.setAttribute('for', `inpt${count+1}`);
65
- label.setAttribute('id', `label${count+1}`);
66
- label.innerHTML = "<b>"+`Question ${count+1} : `+"</b>";
67
- dragElement.appendChild(label);
68
-
69
- const select = document.createElement('select');
70
- select.setAttribute('name', `select${count+1}`);
71
- select.setAttribute('id', `select${count+1}`);
72
-
73
- const option1 = document.createElement('option');
74
- option1.setAttribute('value', '1101');
75
- option1.innerText = 'Psychological well-being';
76
- select.appendChild(option1);
77
-
78
- const option2 = document.createElement('option');
79
- option2.setAttribute('value', '1102');
80
- option2.innerText = 'Health aspects';
81
- select.appendChild(option2);
82
-
83
- const option3 = document.createElement('option');
84
- option3.setAttribute('value', '1103');
85
- option3.innerText = 'Time management';
86
- select.appendChild(option3);
87
-
88
- const option4 = document.createElement('option');
89
- option4.setAttribute('value', '1104');
90
- option4.innerText = 'Educational standards';
91
- select.appendChild(option4);
92
-
93
- const option5 = document.createElement('option');
94
- option5.setAttribute('value', '1105');
95
- option5.innerText = 'Cultural diversity';
96
- select.appendChild(option5);
97
-
98
- const option6 = document.createElement('option');
99
- option6.setAttribute('value', '1106');
100
- option6.innerText = 'Social well-being';
101
- select.appendChild(option6);
102
-
103
- const option7 = document.createElement('option');
104
- option7.setAttribute('value', '1107');
105
- option7.innerText = 'Good governance';
106
- select.appendChild(option7);
107
-
108
- const option8 = document.createElement('option');
109
- option8.setAttribute('value', '1108');
110
- option8.innerText = 'Community vitality';
111
- select.appendChild(option8);
112
-
113
- dragElement.appendChild(select);
114
-
115
- const textarea = document.createElement('textarea');
116
- textarea.setAttribute('id', `inpt${count+1}`);
117
- textarea.setAttribute('name', `inpt${count+1}`);
118
- textarea.setAttribute('rows', '4');// Set the initial number of rows to 4
119
- textarea.setAttribute('placeholder', 'Enter question');
120
- textarea.setAttribute('required', '');
121
- dragElement.appendChild(textarea);
122
-
123
- <!-- const input = document.createElement('input');-->
124
- <!-- input.setAttribute('id', `inpt${count+1}`);-->
125
- <!-- input.setAttribute('name', `inpt${count+1}`);-->
126
- <!-- input.setAttribute('type', 'text');-->
127
- <!-- input.setAttribute('placeholder', 'Enter Question');-->
128
- <!-- input. setAttribute('required', '');-->
129
- <!-- dragElement.appendChild(input);-->
130
-
131
- const removeButton = document.createElement('button');
132
- removeButton.setAttribute('class', 'remove-button');
133
- removeButton.innerText = 'Remove';
134
- dragElement.appendChild(removeButton);
135
-
136
- dragElement.classList.add('drag-enter');
137
-
138
- container.appendChild(dragElement);
139
-
140
- void dragElement.offsetWidth;
141
- dragElement.classList.remove('drag-enter');
142
-
143
- removeButton.addEventListener('click', () => {
144
- if (count == 1) {
145
- document.getElementById("error").textContent = '! Atleast 1 Question is needed.';
146
- }
147
- else {
148
- dragElement.classList.add('drag-leave');
149
- // Wait for the animation to finish before removing the item from the DOM
150
- setTimeout(() => {
151
- dragElement.classList.add('zoom-out');
152
- }, 50);
153
- setTimeout(() => {
154
- container.removeChild(dragElement);
155
- updateIdsAndNames()
156
- }, 300);
157
-
158
- count--;
159
-
160
- if (count < 20) {
161
- document.getElementById("add").style.display = "block";
162
- }
163
- }
164
- });
165
-
166
- count++;
167
- if (count >= 20) {
168
- document.getElementById("add").style.display = "none";
169
- }
170
- }
171
-
172
- const container = document.getElementById('inputContainer');
173
- let draggingElement;
174
-
175
- container.addEventListener('dragstart', (event) => {
176
- draggingElement = event.target;
177
- draggingElement.classList.add('dragging');
178
- });
179
-
180
- container.addEventListener('dragend', (event) => {
181
- draggingElement.classList.remove('dragging');
182
- });
183
-
184
- container.addEventListener('dragover', (event) => {
185
- event.preventDefault();
186
- const targetElement = event.target.closest('.drag');
187
- if (targetElement && targetElement !== draggingElement) {
188
- const containerRect = container.getBoundingClientRect();
189
- const targetRect = targetElement.getBoundingClientRect();
190
- if (event.clientY > (targetRect.top + targetRect.height / 2)) {
191
- container.insertBefore(draggingElement, targetElement.nextElementSibling);
192
- } else {
193
- container.insertBefore(draggingElement, targetElement);
194
- }
195
- updateIdsAndNames();
196
- }
197
- });
198
-
199
- function updateIdsAndNames() {
200
- const dragElements = container.querySelectorAll('.drag');
201
- dragElements.forEach((element, index) => {
202
- const label = element.querySelector('label');
203
- const input = element.querySelector('textarea');
204
- label.setAttribute('for', `inpt${index + 1}`);
205
- label.setAttribute('id', `label${index + 1}`);
206
- label.innerHTML= "<b>"+`Question ${index + 1}`+" :</b>";
207
- input.setAttribute('id', `inpt${index + 1}`);
208
- input.setAttribute('name', `inpt${index + 1}`);
209
- });
210
- }
211
- </script>
212
-
213
- {% endblock %}
214
-
215
-
216
-
217
-
218
-
219
-
220
-
221
-
222
-
223
-
224
-
225
-
226
- <!-- <div id="add" style="display:block">-->
227
- <!-- <button type="button" onclick="addInputs();">+</button>-->
228
- <!-- </div>-->
229
- <!-- <div id="remove" style="display:none">-->
230
- <!-- <button type="button" onclick="removeInputs();">-</button>-->
231
- <!-- </div>-->
232
-
233
-
234
- <!-- <script>-->
235
- <!-- window.onload = addInputs;-->
236
- <!-- var ques = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];-->
237
- <!-- var count = 0;-->
238
-
239
- <!-- function addInputs() {-->
240
- <!-- var label = "label" + ques[count] + "";-->
241
- <!-- var input = "inpt" + ques[count] + "";-->
242
- <!-- var labelElement = document.createElement("label");-->
243
- <!-- labelElement.innerHTML = label + ": ";-->
244
- <!-- labelElement.setAttribute("for", input);-->
245
- <!-- labelElement.setAttribute("id", label);-->
246
- <!-- var inputElement = document.createElement("input");-->
247
- <!-- inputElement.setAttribute("type", 'text');-->
248
- <!-- inputElement.setAttribute("name", input);-->
249
- <!-- inputElement.setAttribute("id", input);-->
250
- <!-- inputElement.setAttribute("placeholder", input);-->
251
- <!-- var container = document.getElementById("inputContainer");-->
252
- <!-- container.appendChild(labelElement);-->
253
- <!-- container.appendChild(inputElement);-->
254
- <!-- count++;-->
255
- <!-- if (count > 1) {-->
256
- <!-- document.getElementById("remove").style.display = "block";-->
257
- <!-- }-->
258
- <!-- if (count >= 20) {-->
259
- <!-- document.getElementById("add").style.display = "none";-->
260
- <!-- }-->
261
- <!-- }-->
262
-
263
- <!-- function removeInputs() {-->
264
- <!-- count&#45;&#45;;-->
265
- <!-- if (count < 20) {-->
266
- <!-- document.getElementById("add").style.display = "block";-->
267
- <!-- }-->
268
- <!-- if (count <= 1) {-->
269
- <!-- document.getElementById("remove").style.display = "none";-->
270
- <!-- }-->
271
- <!-- const removeLabel = document.getElementById("label" + ques[count] + "");-->
272
- <!-- const removeInput = document.getElementById("inpt" + ques[count] + "");-->
273
- <!-- document.getElementById("inputContainer").removeChild(removeLabel);-->
274
- <!-- document.getElementById("inputContainer").removeChild(removeInput);-->
275
- <!-- }-->
276
- <!-- </script>-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/customresult.html DELETED
@@ -1,87 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Custom Result</title>
6
- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
7
- </head>
8
- <body>
9
- <div style="width: 75%;">
10
- <button onclick="getres()"> Get Result </button>
11
- <div id="chart" style="display:none"><canvas id="myChart"></canvas></div>
12
- </div>
13
- <script>
14
- // Display Configuration
15
- function getres() {
16
- var element = document.getElementById("chart");
17
- element.style.display = "block";
18
- }
19
-
20
- // Chart configuration
21
- var ctx = document.getElementById('myChart').getContext('2d');
22
- var chart = new Chart(ctx, {
23
- type: 'bar',
24
- data: {
25
- labels: {{ques|safe }},
26
- datasets: [{
27
- label: ' Your Data',
28
- data: {{res2}},
29
- backgroundColor: [
30
- 'rgba(255, 99, 132, 0.2)',
31
- 'rgba(54, 162, 235, 0.2)',
32
- 'rgba(255, 206, 86, 0.2)',
33
- 'rgba(75, 192, 192, 0.2)',
34
- 'rgba(153, 102, 255, 0.2)'
35
- ],
36
- borderColor: [
37
- 'rgba(255, 99, 132, 1)',
38
- 'rgba(54, 162, 235, 1)',
39
- 'rgba(255, 206, 86, 1)',
40
- 'rgba(75, 192, 192, 1)',
41
- 'rgba(153, 102, 255, 1)'
42
- ],
43
- borderWidth: 1
44
- },
45
- {
46
- label: ' Compared to Average',
47
- data: [70, 50, 48, 89],
48
- backgroundColor: [
49
- 'rgba(255, 99, 132, 0.2)',
50
- 'rgba(54, 162, 235, 0.2)',
51
- 'rgba(255, 206, 86, 0.2)',
52
- 'rgba(75, 192, 192, 0.2)',
53
- 'rgba(153, 102, 255, 0.2)'
54
- ],
55
- borderColor: [
56
- 'rgba(255, 99, 132, 1)',
57
- 'rgba(54, 162, 235, 1)',
58
- 'rgba(255, 206, 86, 1)',
59
- 'rgba(75, 192, 192, 1)',
60
- 'rgba(153, 102, 255, 1)'
61
- ],
62
- borderWidth: 1
63
- }]
64
- },
65
- options: {
66
- scales: {
67
- yAxes: [{
68
- ticks: {
69
- beginAtZero: true
70
- },
71
- scaleLabel: {
72
- display: true,
73
- labelString: '% Compared to Average'
74
- }
75
- }],
76
- xAxes: [{
77
- scaleLabel: {
78
- display: true,
79
- labelString: 'Data Points'
80
- }
81
- }]
82
- }
83
- }
84
- });
85
- </script>
86
- </body>
87
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/email.html DELETED
@@ -1,432 +0,0 @@
1
- <html xmlns="http:www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
2
-
3
- <head>
4
- <meta charset="utf8">
5
- <meta http-equiv="x-ua-compatible" content="ie=edge">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <meta name="x-apple-disable-message-reformatting">
8
- <!--[if gte mso 9]>
9
- <xml>
10
- <o:OfficeDocumentSettings>
11
- <o:AllowPNG/>
12
- <o:PixelsPerInch>96</o:PixelsPerInch>
13
- </o:OfficeDocumentSettings>
14
- </xml>
15
- <![endif]-->
16
-
17
- <!--[if mso]>
18
- <style type="text/css">
19
- body,table tr,table td,a, span,table.MsoNormalTable{font-family:Helvetica,Arial,sans-serif !important;}
20
- </style>
21
- <![endif]-->
22
- <style type="text/css">
23
- .bg-linkedin {
24
- background-color: #0077b5 !important;
25
- }
26
-
27
- .hover-bg-gray-200:hover {
28
- background-color: #edf2f7 !important;
29
- }
30
-
31
- .hover-bg-gray-900:hover {
32
- background-color: #1a202c !important;
33
- }
34
-
35
- .hover-bg-red-700:hover {
36
- background-color: #c53030 !important;
37
- }
38
-
39
- .hover-bg-blue-700:hover {
40
- background-color: #2b6cb0 !important;
41
- }
42
-
43
- .hover-bg-blue-800:hover {
44
- background-color: #2c5282 !important;
45
- }
46
-
47
- .hover-bg-indigo-700:hover {
48
- background-color: #4c51bf !important;
49
- }
50
-
51
- .hover-opacity-100:hover {
52
- opacity: 1 !important;
53
- }
54
-
55
- .hover-text-white:hover {
56
- color: #ffffff !important;
57
- }
58
-
59
- .hover-text-blue-400:hover {
60
- color: #63b3ed !important;
61
- }
62
-
63
- .hover-no-underline:hover {
64
- text-decoration: none !important;
65
- }
66
-
67
- @media screen {
68
- img {
69
- max-width: 100%;
70
- }
71
-
72
- td,
73
- th {
74
- box-sizing: border-box;
75
- }
76
-
77
- a[x-apple-data-detectors] {
78
- color: inherit;
79
- text-decoration: none;
80
- }
81
-
82
- .all-font-montserrat {
83
- font-family: Montserrat, -apple-system, "Segoe UI", Helvetica, sans-serif !important;
84
- }
85
-
86
- .all-font-sans {
87
- font-family: -apple-system, "Segoe UI", sans-serif !important;
88
- }
89
- }
90
-
91
- @media (max-width: 600px) {
92
- u~div .wrapper {
93
- min-width: 100vw;
94
- }
95
-
96
- img {
97
- height: auto !important;
98
- }
99
-
100
- .sm-rounded-none {
101
- border-radius: 0 !important;
102
- }
103
-
104
- .sm-block {
105
- display: block !important;
106
- }
107
-
108
- .sm-inline-block {
109
- display: inline-block !important;
110
- }
111
-
112
- .sm-hidden {
113
- display: none !important;
114
- }
115
-
116
- .sm-h-20 {
117
- height: 20px !important;
118
- }
119
-
120
- .sm-h-24 {
121
- height: 24px !important;
122
- }
123
-
124
- .sm-h-32 {
125
- height: 32px !important;
126
- }
127
-
128
- .sm-mb-0 {
129
- margin-bottom: 0 !important;
130
- }
131
-
132
- .sm-mb-16 {
133
- margin-bottom: 16px !important;
134
- }
135
-
136
- .sm-opacity-100 {
137
- opacity: 1 !important;
138
- }
139
-
140
- .sm-px-0 {
141
- padding-left: 0 !important;
142
- padding-right: 0 !important;
143
- }
144
-
145
- .sm-py-10 {
146
- padding-top: 10px !important;
147
- padding-bottom: 10px !important;
148
- }
149
-
150
- .sm-px-14 {
151
- padding-left: 14px !important;
152
- padding-right: 14px !important;
153
- }
154
-
155
- .sm-py-24 {
156
- padding-top: 24px !important;
157
- padding-bottom: 24px !important;
158
- }
159
-
160
- .sm-px-24 {
161
- padding-left: 24px !important;
162
- padding-right: 24px !important;
163
- }
164
-
165
- .sm-px-10 {
166
- padding-left: 10px !important;
167
- padding-right: 10px !important;
168
- }
169
-
170
- .sm-px-30 {
171
- padding-left: 30px !important;
172
- padding-right: 30px !important;
173
- }
174
-
175
- .sm-pt-0 {
176
- padding-top: 0 !important;
177
- }
178
-
179
- .sm-pr-0 {
180
- padding-right: 0 !important;
181
- }
182
-
183
- .sm-pb-0 {
184
- padding-bottom: 0 !important;
185
- }
186
-
187
- .sm-pl-0 {
188
- padding-left: 0 !important;
189
- }
190
-
191
- .sm-pt-4 {
192
- padding-top: 4px !important;
193
- }
194
-
195
- .sm-pt-8 {
196
- padding-top: 8px !important;
197
- }
198
-
199
- .sm-pb-8 {
200
- padding-bottom: 8px !important;
201
- }
202
-
203
- .sm-pt-10 {
204
- padding-top: 10px !important;
205
- }
206
-
207
- .sm-pb-10 {
208
- padding-bottom: 10px !important;
209
- }
210
-
211
- .sm-pb-16 {
212
- padding-bottom: 16px !important;
213
- }
214
-
215
- .sm-pl-10 {
216
- padding-left: 10px !important;
217
- }
218
-
219
- .sm-pr-10 {
220
- padding-left: 10px !important;
221
- }
222
-
223
- .sm-pl-16 {
224
- padding-left: 16px !important;
225
- }
226
-
227
- .sm-pr-16 {
228
- padding-left: 16px !important;
229
- }
230
-
231
- .sm-pt-20 {
232
- padding-top: 20px !important;
233
- }
234
-
235
- .sm-pb-20 {
236
- padding-bottom: 20px !important;
237
- }
238
-
239
- .sm-pl-20 {
240
- padding-left: 20px !important;
241
- }
242
-
243
- .sm-pr-20 {
244
- padding-left: 20px !important;
245
- }
246
-
247
- .sm-pt-24 {
248
- padding-top: 24px !important;
249
- }
250
-
251
- .sm-pb-24 {
252
- padding-bottom: 24px !important;
253
- }
254
-
255
- .sm-pb-32 {
256
- padding-bottom: 32px !important;
257
- }
258
-
259
- .sm-pl-34 {
260
- padding-left: 34px !important;
261
- }
262
-
263
- .sm-pl-40 {
264
- padding-left: 40px !important;
265
- }
266
-
267
- .sm-pr-40 {
268
- padding-right: 40px !important;
269
- }
270
-
271
- .sm-pb-40 {
272
- padding-bottom: 40px !important;
273
- }
274
-
275
- .sm-text-left {
276
- text-align: left !important;
277
- }
278
-
279
- .sm-text-center {
280
- text-align: center !important;
281
- }
282
-
283
- .sm-w-1-2 {
284
- width: 50% !important;
285
- }
286
-
287
- .sm-w-1-3 {
288
- width: 33.33333% !important;
289
- }
290
-
291
- .sm-w-2-3 {
292
- width: 66.66667% !important;
293
- }
294
-
295
- .sm-w-3-5 {
296
- width: 60% !important;
297
- }
298
-
299
- .sm-w-full {
300
- width: 100% !important;
301
- max-width: 100% !important;
302
- }
303
- }
304
- </style>
305
- <title>Smile</title>
306
- <style>
307
- @media (max-width: 600px) {
308
- img {
309
- height: auto !important;
310
- max-width: 100% !important;
311
- }
312
-
313
- body {
314
- padding: 0;
315
- }
316
- }
317
- </style>
318
- </head>
319
-
320
- <body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;padding-bottom:20px; background-color: #ffdf84" class="sm-px-10">
321
-
322
- <table style="overflow: hidden;">
323
- <tbody>
324
- <tr>
325
- <td style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">SmileCheck 😄</td>
326
- </tr>
327
- </tbody>
328
- </table>
329
-
330
- <br>
331
- <table class="wrapper all-font-sans" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
332
- <tbody>
333
- <tr>
334
- <td align="center" width="100%">
335
- <table class="sm-w-full" width="600" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
336
- </table>
337
- <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
338
- <tbody>
339
- <tr>
340
- <td align="center" style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
341
- <table class="sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
342
- <tbody>
343
- <tr>
344
- <td align="center" style="text-align: center; padding-bottom: 18px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://i.postimg.cc/vTSj1jQz/smilecheck-logo.png" data-avatar="false" alt="Logo" style="width: 180px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="220" height="110"></a></td>
345
- </tr>
346
- <tr>
347
- <td align="center" class="sm-px-0" style="border-radius: 0px"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375twitter%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375instagram%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375facebook%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a></td>
348
- </tr>
349
- </tbody>
350
- </table>
351
- </td>
352
- </tr>
353
- </tbody>
354
- </table>
355
- <table class="sm-w-full all-font-sans" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
356
- <tbody>
357
- <tr>
358
- <td style="border-radius: 0px">
359
- <table cellspacing="0" cellpadding="0" style="overflow: hidden;">
360
- <tbody>
361
- <tr>
362
- <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
363
- <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
364
- <tbody>
365
- <tr>
366
- <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
367
- <h1 style="margin: 0 0 12px 0; line-height: 1.24; font-weight: bold; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 36px; color: #222;">Welcome To SmileCheck!!!</h1>
368
- </td>
369
- </tr>
370
- <tr>
371
- <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375%252Fprototypr%252Ftemp%252F1580579385905-1580579385905.png" data-avatar="false" alt="Photo frame" style="width: 504px; max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; outline: none;" width="504" height="340"></a></td>
372
- </tr>
373
- <tr>
374
- <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
375
- <div>
376
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Hey, {{name}}</p>
377
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Thank you for signing up with SmileCheck! We are thrilled to have you on board for this exciting journey.</p>
378
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">To complete the registration process, we kindly request that you verify your email address by clicking on the link below :</p>
379
- <div style="padding-left: 20px; padding-right: 20px; border-radius: 10px; background-color:#ffa200; mso-padding-alt: 12px 48px; text-align:center; width:30%; margin:auto;" bgcolor="#ffa200"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #333333; font-size: 16px;" href="{{link}}" target="_blank"><b>Verify Here</b></a></div><br>
380
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Please note that this link will only be valid for a limited time, so plase verify your email address as soon as possible to avoid any delays in accessing our services.</p>
381
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">If you have any questions or concerns, please do not hesitate to reach out to our customer support team at :</p>
382
- <div style="padding-left: 20px; padding-right: 20px; border:solid; box-shadow: 6px 4px 25px 4px rgba(255, 157, 24, 1); border-radius: 10px; mso-padding-alt: 12px 48px; text-align:center; width:20%; margin:auto; border-color:#ffa200;"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #333333; font-size: 16px;" href="http://127.0.0.1:5000/#contact" target="_blank"><b>Support</b></a></div><br>
383
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Thank you again for choosing SmileCheck, and we look forward to helping you achieve your goals!</p>
384
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Best regards,</p>
385
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">SmileCheck Team</p>
386
- </div>
387
- </td>
388
- </tr>
389
- <!-- <tr>-->
390
- <!-- <td align="center" class="sm-px-0" style="border-radius: 0px">-->
391
- <!-- <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto;">-->
392
- <!-- <tbody>-->
393
- <!-- <tr>-->
394
- <!-- <th colspan="1" rowspan="1" style="padding-left: 20px; padding-right: 20px; border-radius: 4px; background-color:#ffa200; mso-padding-alt: 12px 48px" bgcolor="#ffa200"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #333333; font-size: 16px;" href="{{link}}" target="_blank">Verify Here</a></th>-->
395
- <!-- </tr>-->
396
- <!-- </tbody>-->
397
- <!-- </table>-->
398
- <!-- </td>-->
399
- <!-- </tr>-->
400
- </tbody>
401
- </table>
402
- </td>
403
- </tr>
404
- </tbody>
405
- </table>
406
- </td>
407
- </tr>
408
- </tbody>
409
- </table>
410
- <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
411
- <tbody>
412
- <tr>
413
- <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
414
- <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
415
- <tbody>
416
- <tr>
417
- <td align="center" style="text-align: center; border-radius: 0px" class="sm-px-0">
418
- <p style="font-size: 16px; margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; color: #222;"><a target="_blank" rel="noopener noreferrer nofollow" href="http://127.0.0.1:5000" style="font-size: 12px; text-decoration: none; color: #2d3042;"><span style="color: #787474">Unsubscribe from this list.</span></a></p>
419
- </td>
420
- </tr>
421
- </tbody>
422
- </table>
423
- </td>
424
- </tr>
425
- </tbody>
426
- </table>
427
- </td>
428
- </tr>
429
- </tbody>
430
- </table>
431
- </body>
432
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/error.html DELETED
@@ -1,25 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Home {% endblock %}
3
- {% block content %}
4
- <div id="notfound">
5
- <img src="/static/error2.png" style="height:auto; width:100%;">
6
- </div>
7
- <div id="server">
8
- <p><b>505:<wbr> Internal Server Error</b></p>
9
- <img src="/static/505error.gif" style="height:auto; width:100%;">
10
- </div>
11
- <button class="checkdetail" onclick="show();" style="margin: 20px auto; padding: 20px;">Check Details <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
12
- <div id="message" style="display:none; text-align:center;"><h3>{{message}}</h3></div>
13
-
14
- <script>
15
- const str = "{{message}}";
16
- if (str.includes("404")) {
17
- document.getElementById("notfound").style.display = "block";
18
- } else {
19
- document.getElementById("server").style.display = "block";
20
- }
21
- function show() {
22
- document.getElementById("message").style.display = "block";
23
- }
24
- </script>
25
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/forgot.html DELETED
@@ -1,15 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Forgot Password {% endblock %}
3
- {% block content %}
4
- <br><br><br>
5
- <div class="forgot1">
6
- <form action="/forgot" method="POST">
7
- <label>Email:</label>
8
- <input id="email-inpt" type="email" class="form-control" name="email" required>
9
- <p style="text-align:center; color:red;">{{ mess }}</p>
10
- <center><button type="submit" class="btn btn-primary verify">Verify!</button></center>
11
- </form>
12
- </div>
13
-
14
-
15
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/form.html DELETED
@@ -1,39 +0,0 @@
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">
6
- <link href='index_style.css' rel='stylesheet' type='text/css'>
7
- <script type="text/javascript" src="index.js"></script>
8
- <title>Title</title>
9
- </head>
10
- <body>-->
11
- {% extends 'layout.html' %}
12
- {% block title %} Home {% endblock %}
13
- {% block content %}
14
- <div class="container">
15
- <div class="forminfo-form">
16
- <h1 id="name" style="padding:20px;">Assessment</h1><br>
17
- <p id="name" style="padding:20px;"><b>Name of Assessment : </b><br>{{ questions['name'] }}</p>
18
- <p id="name" style="padding:20px;"><b>Description :</b> {{ questions['description'] }}</p>
19
- </div>
20
- <div class="formquestions">
21
- <form action="/form" method="POST" class="form">
22
- <div class="assess-group">
23
- {% set questions_list = questions['Questions'][2:-2].split('", "') %}
24
- {% for i in range(1, questions_list|count+1) %}
25
- <div class="seperate">
26
- <div class="ribbon">
27
- <span>{{ i }}</span>
28
- </div><br>
29
- <label for="inp{{ i }}"> <b>Question : </b> {{ questions_list[i-1] }}</label>
30
- <textarea type="text" name="inp{{ i }}" placeholder="Enter your answer" required></textarea><br>
31
- </div>
32
- {% endfor %}
33
- </div>
34
-
35
- <button id="submitassess" class="submitassess"><p id="textact">Submit Assessment</p> &nbsp; &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
36
- </form>
37
- </div>
38
- </div>
39
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/home.html DELETED
@@ -1,781 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en" >
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Home Page</title>
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <link rel="icon" type="image/x-icon" href="/static/favicon.png">
8
- <link rel="stylesheet" href="{{ url_for('static', filename='css/swiper-bundle.min.css') }}">
9
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
10
- <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
11
- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css'>
12
- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/css/dataTables.bootstrap4.css'>
13
- <style>
14
- /* The Modal (background) */
15
- .modal {
16
- display: none; /* Hidden by default */
17
- position: fixed; /* Stay in place */
18
- z-index: 999; /* Sit on top */
19
- left: 0;
20
- top: 0;
21
- width: 100%; /* Full width */
22
- height: 100%; /* Full height */
23
- overflow: auto; /* Enable scroll if needed */
24
- background-color: rgb(0,0,0); /* Fallback color */
25
- background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
26
- -webkit-animation-name: fadeIn; /* Fade in the background */
27
- -webkit-animation-duration: 0.4s;
28
- animation-name: fadeIn;
29
- animation-duration: 0.4s
30
- }
31
-
32
- /* Modal Content */
33
- .modal-content {
34
- position: fixed;
35
- bottom: 0;
36
- background-color: #fefefe;
37
- width: 100%;
38
- -webkit-animation-name: slideIn;
39
- -webkit-animation-duration: 0.4s;
40
- animation-name: slideIn;
41
- animation-duration: 0.4s
42
- }
43
-
44
- /* The Close Button */
45
- .close {
46
- color: white;
47
- float: right;
48
- font-size: 28px;
49
- font-weight: bold;
50
- }
51
-
52
- .close:hover,
53
- .close:focus {
54
- color: #000;
55
- text-decoration: none;
56
- cursor: pointer;
57
- }
58
-
59
- .modal-header {
60
- padding: 2px 16px;
61
- background-color: red;
62
- color: white;
63
- }
64
-
65
- .modal-body {padding: 2px 16px;}
66
-
67
- .modal-footer {
68
- padding: 2px 16px;
69
- background-color: #5cb85c;
70
- color: white;
71
- }
72
-
73
- /* Add Animation */
74
- @-webkit-keyframes slideIn {
75
- from {bottom: -300px; opacity: 0}
76
- to {bottom: 0; opacity: 1}
77
- }
78
-
79
- @keyframes slideIn {
80
- from {bottom: -300px; opacity: 0}
81
- to {bottom: 0; opacity: 1}
82
- }
83
-
84
- @-webkit-keyframes fadeIn {
85
- from {opacity: 0}
86
- to {opacity: 1}
87
- }
88
-
89
- @keyframes fadeIn {
90
- from {opacity: 0}
91
- to {opacity: 1}
92
- }
93
- </style>
94
- </head>
95
- <body>
96
- <div class="loader" style="z-index:999">
97
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
98
- <div class="box">
99
- <div class="loader3" style="text-align: center;"></div>
100
- </div>
101
- <br>
102
- <div style="text-align: center;">
103
- <span id="variableValue">0%</span>
104
- </div>
105
- </div>
106
- <script>
107
- var variable = 0;
108
- var intervalId = setInterval(function() {
109
- if (variable < 100) {
110
- variable++;
111
- document.getElementById("variableValue").innerHTML = "" + variable + "%";
112
- } else {
113
- clearInterval(intervalId);
114
- }
115
- }, 5);
116
-
117
- const loader = document.querySelector(".loader");
118
- setTimeout(() => {
119
- loader.classList.add("hide");
120
- setTimeout(() => {
121
- document.body.removeChild(loader);
122
- }, 500);
123
- }, 500);
124
- </script>
125
-
126
- <header style="display:flex">
127
- <div class="nav-bar">
128
- <a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>
129
- <div class="navigation">
130
- <div class="nav-items">
131
- <i class="uil uil-times nav-close-btn"></i>
132
- <a href="/home"><i class="uil uil-home"></i> <b>Home</b></a>
133
- {% if session['name'] %}
134
- <a href="/logout"><i class="uil uil-compass"></i> <b>Logout</b></a>
135
- {% else %}
136
- <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a>
137
- <a href="/register"><i class="uil uil-envelope"></i> <b>Register</b></a>
138
- {% endif %}
139
- <a href="#" class="profile"><div class="svgContainer">
140
- <div>
141
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
142
- <defs>
143
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
144
- </defs>
145
-
146
- <clipPath id="armMask">
147
- <use xlink:href="#armMaskPath" overflow="visible"></use>
148
- </clipPath>
149
-
150
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
151
-
152
- <g class="body">
153
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
154
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
155
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
156
- </g>
157
-
158
- <g class="earL">
159
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
160
- <circle cx="47" cy="83" r="11.5"></circle>
161
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
162
- </g>
163
-
164
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
165
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
166
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
167
- </g>
168
- </g>
169
-
170
- <g class="earR">
171
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
172
- <circle cx="155" cy="83" r="11.5"></circle>
173
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
174
- </g>
175
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
176
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
177
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
178
- </g>
179
- </g>
180
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
181
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
182
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
183
-
184
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
185
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
186
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
187
- </g>
188
-
189
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
190
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
191
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
192
- </g>
193
-
194
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
195
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
196
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
197
- </g>
198
-
199
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
200
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
201
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
202
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
203
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
204
-
205
- <defs>
206
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
207
- </defs>
208
-
209
- <clipPath id="mouthMask">
210
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
211
- </clipPath>
212
-
213
- <g clip-path="url(#mouthMask)">
214
- <g class="tongue">
215
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
216
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
217
- </g>
218
- </g>
219
-
220
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
221
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
222
- </g>
223
-
224
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
225
-
226
- <g class="arms" clip-path="url(#armMask)">
227
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
228
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
229
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
230
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
231
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
232
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
233
- </g>
234
-
235
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
236
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
237
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
238
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
239
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
240
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
241
- </g>
242
- </g>
243
- </svg>
244
- </div>
245
- </div></a>
246
- <div class="floating-div" style="display:none;">
247
- <div class="svgContainer">
248
- <div>
249
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
250
- <defs>
251
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
252
- </defs>
253
-
254
- <clipPath id="armMask">
255
- <use xlink:href="#armMaskPath" overflow="visible"></use>
256
- </clipPath>
257
-
258
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
259
-
260
- <g class="body">
261
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
262
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
263
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
264
- </g>
265
-
266
- <g class="earL">
267
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
268
- <circle cx="47" cy="83" r="11.5"></circle>
269
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
270
- </g>
271
-
272
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
273
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
274
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
275
- </g>
276
- </g>
277
-
278
- <g class="earR">
279
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
280
- <circle cx="155" cy="83" r="11.5"></circle>
281
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
282
- </g>
283
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
284
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
285
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
286
- </g>
287
- </g>
288
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
289
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
290
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
291
-
292
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
293
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
294
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
295
- </g>
296
-
297
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
298
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
299
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
300
- </g>
301
-
302
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
303
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
304
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
305
- </g>
306
-
307
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
308
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
309
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
310
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
311
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
312
-
313
- <defs>
314
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
315
- </defs>
316
-
317
- <clipPath id="mouthMask">
318
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
319
- </clipPath>
320
-
321
- <g clip-path="url(#mouthMask)">
322
- <g class="tongue">
323
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
324
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
325
- </g>
326
- </g>
327
-
328
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
329
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
330
- </g>
331
-
332
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
333
-
334
- <g class="arms" clip-path="url(#armMask)">
335
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
336
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
337
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
338
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
339
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
340
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
341
- </g>
342
-
343
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
344
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
345
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
346
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
347
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
348
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
349
- </g>
350
- </g>
351
- </svg>
352
- </div>
353
- </div>
354
- <h3 style="text-align:center;">{% if session['id'] %} <b>{{ session['name'] }}</b> {% else %} <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a> {% endif %} </h3>
355
- </div>
356
- <script>
357
- const profile = document.querySelector('.profile');
358
- const floatingDiv = document.querySelector('.floating-div');
359
-
360
- profile.addEventListener('click', function() {
361
- floatingDiv.style.display = 'block';
362
- });
363
-
364
- floatingDiv.addEventListener('mouseover', function() {
365
- floatingDiv.style.display = 'block';
366
- });
367
-
368
- floatingDiv.addEventListener('mouseout', function() {
369
- floatingDiv.style.display = 'none';
370
- });
371
- </script>
372
- </div>
373
- </div>
374
- <i class="uil uil-apps nav-menu-btn"></i>
375
- </div>
376
- </header>
377
-
378
- <br><br><br><br>
379
-
380
- <div class="body">
381
- <div class="flexbox">
382
- <div class="flexbox1">
383
- <div class="forminfo-admin">
384
- <div class="flex-div">
385
- <div class="svgContainer">
386
- <div>
387
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
388
- <defs>
389
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
390
- </defs>
391
-
392
- <clipPath id="armMask">
393
- <use xlink:href="#armMaskPath" overflow="visible"></use>
394
- </clipPath>
395
-
396
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
397
-
398
- <g class="body">
399
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
400
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
401
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
402
- </g>
403
-
404
- <g class="earL">
405
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
406
- <circle cx="47" cy="83" r="11.5"></circle>
407
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
408
- </g>
409
-
410
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
411
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
412
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
413
- </g>
414
- </g>
415
-
416
- <g class="earR">
417
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
418
- <circle cx="155" cy="83" r="11.5"></circle>
419
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
420
- </g>
421
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
422
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
423
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
424
- </g>
425
- </g>
426
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
427
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
428
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
429
-
430
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
431
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
432
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
433
- </g>
434
-
435
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
436
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
437
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
438
- </g>
439
-
440
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
441
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
442
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
443
- </g>
444
-
445
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
446
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
447
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
448
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
449
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
450
-
451
- <defs>
452
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
453
- </defs>
454
-
455
- <clipPath id="mouthMask">
456
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
457
- </clipPath>
458
-
459
- <g clip-path="url(#mouthMask)">
460
- <g class="tongue">
461
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
462
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
463
- </g>
464
- </g>
465
-
466
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
467
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
468
- </g>
469
-
470
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
471
-
472
- <g class="arms" clip-path="url(#armMask)">
473
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
474
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
475
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
476
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
477
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
478
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
479
- </g>
480
-
481
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
482
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
483
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
484
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
485
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
486
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
487
- </g>
488
- </g>
489
- </svg>
490
- </div>
491
- </div>
492
- <h3 style="text-align:center;">{% if session['id'] %} <b>{{ session['name'] }}</b> {% else %} <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a> {% endif %} </h3>
493
- <br>
494
- <hr style="height:2px;border-width:0;color:gray;background-color:black;width:100%;">
495
- <button class="but1" id="myButton"><img src="/static/check-mark.png" alt="check" width="25px;">Dashboard</button><br>
496
- <button class="but2" id="myButton1"><img src="/static/check-mark.png" alt="check" width="25px;">Submitted Assessments</button><br>
497
- <button class="but3" id="myButton2"><img src="/static/check-mark.png" alt="check" width="25px;">Feedback</button><br>
498
- </div>
499
- </div>
500
- </div>
501
-
502
- <div id="overview" class="flexbox2" style="display:block;">
503
- {% if session['feed'] == 1 %}<div class="feed"><img src="static/check-mark.png" alt="Check" width="35px"> &nbsp; Your Feedback is sent successfuly.</div>
504
- <script>
505
- const congo = document.querySelector(".feed");
506
- const parent = document.getElementById("overview");
507
- setTimeout(() => {
508
- parent.removeChild(congo);
509
- }, 3000);
510
- </script>{% endif %}
511
- <div class="container-home">
512
- <div id="startContent" style="padding:5px; margin:10px;">
513
- <h1> <b>{% if session['name'] %} Welcome {{ session['name'] }}, {% else %} Welcome, {% endif %}</b></h1>
514
- <p>To get started, simply create an account and complete the assessment. You'll receive a detailed report that includes your happiness score, as well as personalized recommendations for how you can improve your wellbeing. You can even track your progress over time, so you can see how your happiness level changes as you implement our recommendations.</p>
515
- </div>
516
- <span style="padding:5px; margin-left:10px;"><b>Select Assessment</b></span>
517
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
518
- <div id="selector">
519
- <form method="POST">
520
- <div class="radio-container">
521
- {% if session['email'] %}
522
- {% for types in typedata %}
523
- <label class="radio-label">
524
- <input type="radio" name="type" value="{{types.assessid}}" class="radio-input" {% if types.assessid in given %}checked{% endif %} onchange="changeText()">
525
- <span class="radio-text">{{types.name}}</span>{% if types.assessid in given %}
526
- <span class="check-mark"> &nbsp; &nbsp; &#10004;</span>
527
- {% endif %}
528
- </label>
529
- {% endfor %}
530
- {% else %}
531
- <label class="radio-label">
532
- <input type="radio" name="type" value="101" class="radio-input" onchange="changeText()" checked>
533
- <span class="radio-text">Happy Index Assessment</span>
534
- </label>
535
- {% endif %}
536
-
537
- <!-- <select name="type" id="type" onchange="changeText()">-->
538
- <!-- {% if session['email'] %}-->
539
- <!-- {% for types in typedata %}-->
540
- <!-- <option value="{{types.assessid}}">{{types.name}} {% if types.assessid in given %}-->
541
- <!-- <span class="check-mark"> &nbsp; &nbsp; &#10004;</span>-->
542
- <!-- {% endif %}-->
543
- <!-- </option>-->
544
- <!-- {% endfor%}-->
545
- <!-- {% else %}-->
546
- <!-- <option value="101">Happy Index Assessment</option>-->
547
- <!-- {% endif %}-->
548
- <!-- </select>-->
549
-
550
- <button id="takecheck" class="takecheck"><p id="textact" style="margin:0 auto;">Take Assessment</p> &nbsp; &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
551
- </div>
552
- </form>
553
- </div>
554
- </div>
555
- </div>
556
-
557
- <div id="prev-assess" class="flexbox2" style="display:none;">
558
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
559
- <div>
560
- <h3><b>Result Analysis</b></h3>
561
- <p>The Result section allows you to monitor students performance.</p>
562
- </div>
563
- <div id="response-table" style="padding:30px;">
564
- <div class="card mb-3 my-div">
565
- <div class="card-header">
566
- <i class="fa fa-table"></i>Students Responses
567
- </div>
568
- <div class="card-body">
569
- <div class="table-responsive">
570
- <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
571
- <thead>
572
- <tr>
573
- <th>Number</th>
574
- <th>Name</th>
575
- <th>Happiness</th>
576
- <th>Date/Time</th>
577
- </tr>
578
- </thead>
579
- <tfoot>
580
- <tr>
581
- <th>Number</th>
582
- <th>Name</th>
583
- <th>Happiness</th>
584
- <th>Date/Time</th>
585
- </tr>
586
- </tfoot>
587
- <tbody>
588
- <tr>
589
- {% for row in previous %}
590
- <tr>
591
- <td>{{ loop.index }}</td>
592
- <td>{{ row['name'] }}</td>
593
- <td>{{ row['happy'] }}</td>
594
- <td>{{ row['datetime'].strftime('%B %d, %Y at %I:%M %p') }}</td>
595
- </tr>
596
- {% endfor %}
597
- </tbody>
598
- </table>
599
- </div>
600
- </div>
601
- <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
602
- </div>
603
- </div>
604
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:99%;">
605
- </div>
606
-
607
- <div id="feedback" class="flexbox2" style="display:none;">
608
- <div class="feedback">
609
- <h2><b>Student Feedback Form</b></h2>
610
- <hr style="height:2px;border-width:0;color:gray;background-color:lightgray;width:80%; margin:10px auto;">
611
- <form action="/home" method="POST">
612
- <label for="fname">Name:</label>
613
- <input type="text" id="fname" name="fname" required>
614
-
615
- <label for="femail">Email:</label>
616
- <input type="email" id="femail" name="femail" required>
617
-
618
- <label for="feedback">Feedback:</label>
619
- <textarea id="feedback" name="feedback" required></textarea>
620
-
621
- <center><button type="submit">Submit Feedback</button></center>
622
- </form>
623
- </div>
624
- </div>
625
-
626
- <script>
627
- const myButton = document.getElementById("myButton");
628
- const overviewDiv = document.getElementById("overview");
629
- const displayPrevDiv = document.getElementById("prev-assess");
630
- const resultsDiv = document.getElementById("feedback");
631
-
632
- myButton.addEventListener("click", () => {
633
- resultsDiv.style.display= "none";
634
- displayPrevDiv.style.display = "none";
635
- overviewDiv.style.display = "block";
636
- });
637
-
638
- const myButton1 = document.getElementById("myButton1");
639
- myButton1.addEventListener("click", () => {
640
- overviewDiv.style.display = "none";
641
- resultsDiv.style.display= "none";
642
- displayPrevDiv.style.display = "block";
643
- });
644
-
645
- const myButton2 = document.getElementById("myButton2");
646
- myButton2.addEventListener("click", () => {
647
- overviewDiv.style.display = "none";
648
- displayPrevDiv.style.display = "none";
649
- resultsDiv.style.display= "block";
650
- });
651
- </script>
652
- </div>
653
- </div>
654
- <script>
655
- window.onload = changeText();
656
-
657
- const selectWrapper = document.querySelector('.select-wrapper');
658
- const select = document.querySelector('#type');
659
-
660
- selectWrapper.addEventListener('click', function() {
661
- selectWrapper.classList.toggle('open');
662
- });
663
-
664
- select.addEventListener('change', function() {
665
- selectWrapper.classList.remove('open');
666
- });
667
-
668
- function changeText() {
669
- var given = {{given}};
670
- var radioButtons = document.getElementsByName("type");
671
- var divElement = document.getElementById("textact");
672
- var takecheck = document.getElementById("takecheck");
673
- var selectedOptionValue = "";
674
- for (var i = 0; i < radioButtons.length; i++) {
675
- if (radioButtons[i].checked) {
676
- selectedOptionValue = radioButtons[i].value;
677
- break;
678
- }
679
- }
680
- if (given.includes(parseInt(selectedOptionValue))) {
681
- divElement.innerHTML = "Check Results";
682
- takecheck.style.backgroundColor = "green";
683
- } else {
684
- divElement.innerHTML = "Take Assessment";
685
- takecheck.style.backgroundColor = "var(--white-color)";
686
- }
687
- }
688
- <!-- function changeText() {-->
689
- <!-- var given = {{given}};-->
690
- <!-- var selectElement = document.getElementById("type");-->
691
- <!-- var divElement = document.getElementById("textact");-->
692
- <!-- var takecheck = document.getElementById("takecheck");-->
693
- <!-- var selectedOptionValue = selectElement.value;-->
694
- <!-- for (var i = 0; i < given.length; i++) {-->
695
- <!-- if (given[i] == selectedOptionValue) {-->
696
- <!-- divElement.innerHTML = "Check Results";-->
697
- <!-- takecheck.style.backgroundColor = "green";-->
698
- <!-- break;-->
699
- <!-- }-->
700
- <!-- else {-->
701
- <!-- divElement.innerHTML = "Take Assessment";-->
702
- <!-- takecheck.style.backgroundColor = "var(&#45;&#45;white-color)";-->
703
- <!-- }-->
704
- <!-- }-->
705
- <!-- }-->
706
- </script>
707
- <script>
708
- var acc = document.getElementsByClassName("accordion");
709
- var i;
710
-
711
- for (i = 0; i < acc.length; i++) {
712
- acc[i].addEventListener("click", function() {
713
- this.classList.toggle("active");
714
- var panel = this.nextElementSibling;
715
- if (panel.style.maxHeight) {
716
- panel.style.maxHeight = null;
717
- } else {
718
- panel.style.maxHeight = panel.scrollHeight + "px";
719
- }
720
- });
721
- }
722
-
723
- var jumpLink5 = document.getElementById("jump-link5");
724
- jumpLink5.addEventListener("click", function(e) {
725
- e.preventDefault();
726
- var target = document.querySelector(this.getAttribute("href"));
727
- var targetOffset = target.offsetTop;
728
- window.scrollTo({top: targetOffset, behavior: "smooth"});
729
- });
730
- var jumpLink6 = document.getElementById("jump-link6");
731
- jumpLink6.addEventListener("click", function(e) {
732
- e.preventDefault();
733
- var target = document.querySelector(this.getAttribute("href"));
734
- var targetOffset = target.offsetTop;
735
- window.scrollTo({top: targetOffset, behavior: "smooth"});
736
- });
737
- var jumpLink7 = document.getElementById("jump-link7");
738
- jumpLink7.addEventListener("click", function(e) {
739
- e.preventDefault();
740
- var target = document.querySelector(this.getAttribute("href"));
741
- var targetOffset = target.offsetTop;
742
- window.scrollTo({top: targetOffset, behavior: "smooth"});
743
- });
744
- </script>
745
- <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
746
- <script src='https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js'></script>
747
- <script src='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.16/js/dataTables.bootstrap4.js'></script>
748
- <script>
749
- var jumpLink11 = document.getElementById("response");
750
- jumpLink11.addEventListener("click", function(e) {
751
- e.preventDefault();
752
- var target = document.querySelector(this.getAttribute("href"));
753
- var targetOffset = target.offsetTop;
754
- window.scrollTo({top: targetOffset, behavior: "smooth"});
755
- });
756
-
757
- var jumpLink12 = document.getElementById("question");
758
- jumpLink12.addEventListener("click", function(e) {
759
- e.preventDefault();
760
- var target = document.querySelector(this.getAttribute("href"));
761
- var targetOffset = target.offsetTop;
762
- window.scrollTo({top: targetOffset, behavior: "smooth"});
763
- });
764
-
765
- function getdata() {
766
- document.getElementById("response-table").style.display = "block";
767
- }
768
-
769
- $(document).ready(function() {
770
- $('#dataTablePre').DataTable();
771
- });
772
-
773
- $(document).ready(function() {
774
- $('#dataTable').DataTable();
775
- });
776
- </script>
777
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
778
- <script src="{{ url_for('static', filename='js/swiper-bundle.min.js') }}"></script>
779
- <script src="{{ url_for('static', filename='js/main.js') }}"></script>
780
- </body>
781
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/index.html DELETED
@@ -1,229 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <link rel="icon" type="image/x-icon" href="/static/favicon.png">
7
- <title>SmileCheck</title>
8
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
9
- <link rel="stylesheet" href="{{ url_for('static', filename='css/swiper-bundle.min.css') }}">
10
- <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
11
- </head>
12
- <body>
13
-
14
- <div class="loader" style="z-index:999999">
15
- <br>
16
- <br>
17
- <br>
18
- <br>
19
- <div style="text-align: center;">
20
- <video width="100%" height="100%" autoplay muted style="background-color: white;margin: 0 auto; max-height:440px; max-width:547px; padding:20px;">
21
- <source src="static/smilecheckloader.mp4" type="video/mp4" autoplay />
22
- </video>
23
- </div>
24
- <br>
25
- <div class="box">
26
- <div class="loader3" style="text-align: center;"></div>
27
- </div>
28
- <br>
29
- <div style="text-align: center;">
30
- <span id="variableValue">0</span>
31
- </div>
32
- </div>
33
- <script>
34
- var variable = 0;
35
- var intervalId = setInterval(function() {
36
- if (variable < 100) {
37
- variable++;
38
- document.getElementById("variableValue").innerHTML = variable+"%";
39
- } else {
40
- clearInterval(intervalId);
41
- }
42
- }, 10);
43
-
44
- const loader = document.querySelector(".loader");
45
- setTimeout(() => {
46
- loader.classList.add("hide");
47
- setTimeout(() => {
48
- document.body.removeChild(loader);
49
- }, 500);
50
- }, 1200);
51
- </script>
52
-
53
- <header>
54
- <div class="nav-bar">
55
- <a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>
56
- <div class="navigation">
57
- <div class="nav-items">
58
- <i class="uil uil-times nav-close-btn"></i>
59
- <a href="./home"><i class="uil uil-home"></i> <b>Home</b></a>
60
- <a href="#about" id="jump-link1"><i class="uil uil-info-circle"></i> <b>About</b></a>
61
- <a href="#features" id="jump-link4"><i class="uil uil-compass"></i> <b>Features</b></a>
62
- <a href="#reference" id="jump-link2"><i class="uil uil-document-layout-left"></i> <b>References</b></a>
63
- <a href="#contact" id="jump-link3"><i class="uil uil-envelope"></i> <b>Contact</b></a>
64
- </div>
65
- </div>
66
- <i class="uil uil-apps nav-menu-btn"></i>
67
- </div>
68
- </header>
69
-
70
- <section class="home">
71
- <!-- <div class="media-icons">-->
72
- <!-- <a href="#"><i class="uil uil-facebook-f"></i></a>-->
73
- <!-- <a href="#"><i class="uil uil-instagram"></i></a>-->
74
- <!-- <a href="#"><i class="uil uil-twitter"></i></a>-->
75
- <!-- </div>-->
76
-
77
- <div class="swiper bg-slider">
78
- <div class="swiper-wrapper">
79
- <div class="swiper-slide">
80
- <svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg>
81
- <!-- <img id="visual" src="{{ url_for('static', filename='index-back.svg') }}" alt="">-->
82
- <div class="text-content">
83
- <h2 class="title">SmileCheck <span>Happy Index</span></h2>
84
- <p>Welcome to SmileCheck - the revolutionary web app that helps college students measure their happiness index! Our app is designed to analyze your sentiment and provide you with an accurate assessment of your overall level of happiness.</p>
85
- <button class="read-btn" onclick="window.location.href='/home'">Take Assessment <i class="uil uil-arrow-right"></i></button>
86
- </div>
87
- </div>
88
- <div class="swiper-slide">
89
- <svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg>
90
- <!-- <img id="visual2" src="{{ url_for('static', filename='index-back.svg') }}" alt="">-->
91
- <div class="text-content">
92
- <h2 class="title">SmileCheck <span>Happy Index</span></h2>
93
- <p>Welcome to SmileCheck - the revolutionary web app that helps college students measure their happiness index! Our app is designed to analyze your sentiment and provide you with an accurate assessment of your overall level of happiness.</p>
94
- <button class="read-btn" onclick="window.location.href='/home'">Take Assessment <i class="uil uil-arrow-right"></i></button>
95
- </div>
96
- </div>
97
- </div>
98
- </div>
99
- <div class="bg-slider-thumbs" style="display:none"></div>
100
- </section>
101
-
102
- <section id="about" class="about section">
103
- <h2>About</h2>
104
- <p>We understand that college can be a challenging and stressful time for many students, and it's important to prioritize your mental health and wellbeing. That's why we've created SmileCheck - to give you an easy and accessible way to measure your happiness and identify areas where you can improve.<br>
105
- Our sentiment analysis tool is based on the latest research in psychology and uses advanced algorithms to analyze your responses to a series of questions. This allows us to provide you with a comprehensive and accurate assessment of your happiness index.</p>
106
- </section>
107
-
108
- <section id="features" class="about section">
109
- <h2>Features</h2><br>
110
- <p>To get started, simply create an account and complete the assessment. You'll receive a detailed report that includes your happiness score, as well as personalized recommendations for how you can improve your wellbeing. You can even track your progress over time, so you can see how your happiness level changes as you implement our recommendations.</p>
111
- <div class="flex-container">
112
- <div class="flex-item1">
113
- <div class="marker">
114
- <div class="ribbon">
115
- <span>1</span>
116
- </div><br><br>
117
- </div>
118
- <h1><b>Sentiment Analysis Tool</b></h1><br>
119
- <span>Our sentiment analysis tool is the core feature of SmileCheck. It allows college students to assess their level of happiness and identify areas where they may need to focus on for improvement.</span>
120
- </div>
121
- <div class="flex-item2"><div class="numbers"><h1>1</h1></div></div>
122
- </div>
123
-
124
- <div class="flex-container">
125
- <div class="flex-item3"><div class="flex-item2"><div class="numbers"><h1>2</h1></div></div></div>
126
- <div class="flex-item4">
127
- <div class="marker">
128
- <div class="ribbon">
129
- <span>2</span>
130
- </div><br><br>
131
- </div>
132
- <h1><b>Personalized recommendations</b></h1><br>
133
- <span>Based on the results of the sentiment analysis, SmileCheck provides personalized recommendations to students. These recommendations are tailored to their specific needs and goals, and can help them make positive changes to improve their overall happiness.</span>
134
- </div>
135
- </div>
136
-
137
- <div class="flex-container">
138
- <div class="flex-item5">
139
- <div class="marker">
140
- <div class="ribbon">
141
- <span>3</span>
142
- </div><br><br>
143
- </div>
144
- <h1><b>Progress Tracking</b></h1><br>
145
- <span>SmileCheck enables students to track their progress over time. By regularly completing the assessment, they can see how their happiness level changes and identify trends or patterns that may need attention.</span>
146
- </div>
147
- <div class="flex-item6"><div class="flex-item2"><div class="numbers"><h1>3</h1></div></div></div>
148
- </div>
149
-
150
- <div class="flex-container">
151
- <div class="flex-item7"><div class="flex-item2"><div class="numbers"><h1>4</h1></div></div></div>
152
- <div class="flex-item8">
153
- <div class="marker">
154
- <div class="ribbon">
155
- <span>4</span>
156
- </div><br><br>
157
- </div>
158
- <h1><b>Admin Control</b></h1><br>
159
- <span>SmileCheck offers an admin control feature that allows administrators to create and manage assessments for students. This feature is particularly useful for universities or organizations that want to create custom assessments tailored to their specific needs.</span>
160
- </div>
161
- </div>
162
- </section>
163
-
164
- <section id="reference">
165
- <div class="media-icons">
166
- <a href="#"><i class="uil uil-facebook-f"></i></a>
167
- <a href="#"><i class="uil uil-instagram"></i></a>
168
- <a href="#"><i class="uil uil-twitter"></i></a>
169
- </div>
170
- <div class="swiper bg-slider">
171
- <div class="swiper-wrapper">
172
- <div class="swiper-slide" style="background:none;">
173
- <svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg>
174
- <div class="text-content">
175
- <h2 class="title">Smart India Hackathon [SIH] <br> <span>Problem Statement 2022</span></h2>
176
- <p><b>Department of School Education & Literacy (DoSEL), Ministry of Education -</b> Development of a happiness index for schools (including mental health and well-being parameters, among others) with self-assessment facilities.</p>
177
- <button class="read-btn" onclick="window.open('https://sih.gov.in/sih2022PS', '_blank')">See Details <i class="uil uil-arrow-right"></i></button>
178
- </div>
179
- </div>
180
- </div>
181
- </div>
182
- </section>
183
-
184
- <section id="contact" class="about section" style="height:550px;">
185
- <div class="swiper bg-slider">
186
- <div class="swiper-wrapper">
187
- <div class="swiper-slide" style="background:none;">
188
- <div class="text-content">
189
- <h2 class="title">Conatct Us <br> <span>SmileCheck Team</span></h2>
190
- <div class="contact-items">
191
- <p><b>Mobile : </b> <a href="tel:1234567890">1234567890</a><br>
192
- <b>Email : </b> <a href="mailto:smilecheck@gmail.com">smilecheck@gmail.com</a><br>
193
- <b></b>
194
- </p></div>
195
- </div>
196
- </div>
197
- </div>
198
- </div>
199
- </section>
200
-
201
- <footer id="footer">
202
- <div class="footer">
203
- <div>
204
- <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
205
- <defs>
206
- <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
207
- </defs>
208
- <g class="parallax">
209
- <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255, 157, 0,0.7" />
210
- <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255, 157, 0,0.5)" />
211
- <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255, 157, 0,0.3)" />
212
- <use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(255, 157, 0, 1)" />
213
- </g>
214
- </svg>
215
- </div>
216
- <div class="footer-flex content">
217
- <div class="logo-foot"><span style="color:white">SMILECHECK</span></div>
218
- <div class="copyright"><span style="color:white">Copyright © 2023 SmileCheck. All rights reserved.</span></div>
219
- <div class="follow"><span style="color:white">Follow Us On:<br>Facebook: @smilecheck<br>Twitter: @smilecheck<br>Instagram: @smilecheck</span></div>
220
- <!-- <a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>-->
221
- </div>
222
- </div>
223
- </footer>
224
-
225
- <script src="{{ url_for('static', filename='js/swiper-bundle.min.js') }}"></script>
226
- <script src="{{ url_for('static', filename='js/main.js') }}"></script>
227
-
228
- </body>
229
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/index/MorphSVGPlugin.min.js DELETED
@@ -1,13 +0,0 @@
1
- /*!
2
- * VERSION: 0.9.1
3
- * DATE: 2019-02-21
4
- * UPDATES AND DOCS AT: http://greensock.com
5
- *
6
- * @license Copyright (c) 2008-2019, GreenSock. All rights reserved.
7
- * MorphSVGPlugin is a Club GreenSock membership benefit; You must have a valid membership to use
8
- * this code without violating the terms of use. Visit http://greensock.com/club/ to sign up or get more details.
9
- * This work is subject to the software agreement that was issued with your membership.
10
- *
11
- * @author: Jack Doyle, jack@greensock.com
12
- */
13
- var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";function A(e){_gsScope.console&&console.log(e)}function R(e){function t(e,t,r,o){g=(r-e)/3,p=(o-t)/3,s.push(e+g,t+p,r-g,o-p,r,o)}var r,o,n,i,a,h,s,l,f,g,p,c,u,d=(e+"").replace(q,function(e){var t=+e;return t<1e-4&&-1e-4<t?0:t}).match(V)||[],m=[],_=0,C=0,y=d.length,S=0,v="ERROR: malformed path: "+e;if(!e||!isNaN(d[0])||isNaN(d[1]))return A(v),m;for(r=0;r<y;r++)if(u=a,isNaN(d[r])?h=(a=d[r].toUpperCase())!==d[r]:r--,n=+d[r+1],i=+d[r+2],h&&(n+=_,i+=C),r||(l=n,f=i),"M"===a)s&&(s.length<8?--m.length:S+=s.length),_=l=n,C=f=i,s=[n,i],m.push(s),r+=2,a="L";else if("C"===a)h||(_=C=0),(s=s||[0,0]).push(n,i,_+ +d[r+3],C+ +d[r+4],_+=+d[r+5],C+=+d[r+6]),r+=6;else if("S"===a)g=_,p=C,"C"!==u&&"S"!==u||(g+=_-s[s.length-4],p+=C-s[s.length-3]),h||(_=C=0),s.push(g,p,n,i,_+=+d[r+3],C+=+d[r+4]),r+=4;else if("Q"===a)g=_+2/3*(n-_),p=C+2/3*(i-C),h||(_=C=0),_+=+d[r+3],C+=+d[r+4],s.push(g,p,_+2/3*(n-_),C+2/3*(i-C),_,C),r+=4;else if("T"===a)g=_-s[s.length-4],p=C-s[s.length-3],s.push(_+g,C+p,n+2/3*(_+1.5*g-n),i+2/3*(C+1.5*p-i),_=n,C=i),r+=2;else if("H"===a)t(_,C,_=n,C),r+=1;else if("V"===a)t(_,C,_,C=n+(h?C-_:0)),r+=1;else if("L"===a||"Z"===a)"Z"===a&&(n=l,i=f,s.closed=!0),("L"===a||.5<Math.abs(_-n)||.5<Math.abs(C-i))&&(t(_,C,n,i),"L"===a&&(r+=2)),_=n,C=i;else if("A"===a){if(c=function(e,t,r,o,n,i,a,h,s){if(e!==h||t!==s){r=Math.abs(r),o=Math.abs(o);var l=n%360*U,f=Q(l),g=E(l),p=(e-h)/2,c=(t-s)/2,u=f*p+g*c,d=-g*p+f*c,m=u*u,_=d*d,C=m/(r*r)+_/(o*o);1<C&&(r=W(C)*r,o=W(C)*o);var y=r*r,S=o*o,v=(y*S-y*_-S*m)/(y*_+S*m);v<0&&(v=0);var x=(i===a?-1:1)*W(v),w=r*d/o*x,b=-o*u/r*x,M=f*w-g*b+(e+h)/2,T=g*w+f*b+(t+s)/2,N=(u-w)/r,P=(d-b)/o,z=(-u-w)/r,A=(-d-b)/o,R=N*N+P*P,O=(P<0?-1:1)*Math.acos(N/W(R)),L=(N*A-P*z<0?-1:1)*Math.acos((N*z+P*A)/W(R*(z*z+A*A)));isNaN(L)&&(L=H),!a&&0<L?L-=Z:a&&L<0&&(L+=Z),O%=Z,L%=Z;for(var G=Math.ceil(Math.abs(L)/(Z/4)),I=[],F=L/G,Y=4/3*E(F/2)/(1+Q(F/2)),j=f*r,B=g*r,V=g*-o,X=f*o,D=0;D<G;D++)u=Q(n=O+D*F),d=E(n),N=Q(n+=F),P=E(n),I.push(u-Y*d,d+Y*u,N+Y*P,P-Y*N,N,P);for(D=0;D<I.length;D+=2)u=I[D],d=I[D+1],I[D]=u*j+d*V+M,I[D+1]=u*B+d*X+T;return I[D-2]=h,I[D-1]=s,I}}(_,C,+d[r+1],+d[r+2],+d[r+3],+d[r+4],+d[r+5],(h?_:0)+ +d[r+6],(h?C:0)+ +d[r+7]))for(o=0;o<c.length;o++)s.push(c[o]);_=s[s.length-2],C=s[s.length-1],r+=7}else A(v);return(r=s.length)<6?(m.pop(),r=0):s[0]===s[r-2]&&s[1]===s[r-1]&&(s.closed=!0),m.totalPoints=S+r,m}function x(e,t){for(var r,o,n,i,a,h,s,l,f,g,p,c,u,d=0,m=e.length,_=t/((m-2)/6),C=2;C<m;C+=6)for(d+=_;.999999<d;)r=e[C-2],o=e[C-1],n=e[C],i=e[C+1],a=e[C+2],h=e[C+3],s=e[C+4],l=e[C+5],f=r+(n-r)*(u=1/((Math.floor(d)||1)+1)),f+=((p=n+(a-n)*u)-f)*u,p+=(a+(s-a)*u-p)*u,g=o+(i-o)*u,g+=((c=i+(h-i)*u)-g)*u,c+=(h+(l-h)*u-c)*u,e.splice(C,4,r+(n-r)*u,o+(i-o)*u,f,g,f+(p-f)*u,g+(c-g)*u,p,c,a+(s-a)*u,h+(l-h)*u),C+=6,m+=6,d--;return e}function O(e,t){for(var r,o,n="",i=e.length,a=Math.pow(10,t||2),h=0;h<e.length;h++){for(i=(o=e[h]).length,n+="M"+(o[0]*a|0)/a+" "+(o[1]*a|0)/a+" C",r=2;r<i;r++)n+=(o[r]*a|0)/a+" ";o.closed&&(n+="z")}return n}function w(e){for(var t=[],r=e.length-1,o=0;-1<--r;)t[o++]=e[r],t[o++]=e[r+1],r--;for(r=0;r<o;r++)e[r]=t[r];e.reversed=!e.reversed}function b(e){for(var t=e.length,r=0,o=0,n=0;n<t;n++)r+=e[n++],o+=e[n];return[r/(t/2),o/(t/2)]}function M(e){for(var t,r,o=e.length,n=e[0],i=n,a=e[1],h=a,s=6;s<o;s+=6)n<(t=e[s])?n=t:t<i&&(i=t),a<(r=e[s+1])?a=r:r<h&&(h=r);return e.centerX=(n+i)/2,e.centerY=(a+h)/2,e.size=(n-i)*(a-h)}function L(e,t){t=t||3;for(var r,o,n,i,a,h,s,l,f,g,p,c,u,d,m,_,C=e.length,y=e[0][0],S=y,v=e[0][1],x=v,w=1/t;-1<--C;)for(r=(a=e[C]).length,i=6;i<r;i+=6)for(f=a[i],g=a[i+1],p=a[i+2]-f,d=a[i+3]-g,c=a[i+4]-f,m=a[i+5]-g,u=a[i+6]-f,_=a[i+7]-g,h=t;-1<--h;)y<(o=((s=w*h)*s*u+3*(l=1-s)*(s*c+l*p))*s+f)?y=o:o<S&&(S=o),v<(n=(s*s*_+3*l*(s*m+l*d))*s+g)?v=n:n<x&&(x=n);return e.centerX=(y+S)/2,e.centerY=(v+x)/2,e.left=S,e.width=y-S,e.top=x,e.height=v-x,e.size=(y-S)*(v-x)}function T(e,t){return t.length-e.length}function N(e,t){var r=e.size||M(e),o=t.size||M(t);return Math.abs(o-r)<(r+o)/20?t.centerX-e.centerX||t.centerY-e.centerY:o-r}function P(e,t){var r,o,n=e.slice(0),i=e.length,a=i-2;for(t|=0,r=0;r<i;r++)o=(r+t)%a,e[r++]=n[o],e[r]=n[1+o]}function z(e,t,r,o,n){var i,a,h,s,l=e.length,f=0,g=l-2;for(r*=6,a=0;a<l;a+=6)s=e[i=(a+r)%g]-(t[a]-o),h=e[1+i]-(t[a+1]-n),f+=W(h*h+s*s);return f}function G(e,t,r,o,n){var i,a,h,s,l,f,g,p=t.length-e.length,c=0<p?t:e,u=0<p?e:t,d=0,m="complexity"===o?T:N,_="position"===o?0:"number"==typeof o?o:.8,C=u.length,y="object"==typeof r&&r.push?r.slice(0):[r],S="reverse"===y[0]||y[0]<0,v="log"===r;if(u[0]){if(1<c.length&&(e.sort(m),t.sort(m),c.size||L(c),u.size||L(u),f=c.centerX-u.centerX,g=c.centerY-u.centerY,m===N))for(C=0;C<u.length;C++)c.splice(C,0,function(e,t,r,o,n,i){for(var a,h,s,l=t.length,f=0,g=Math.min(e.size||M(e),t[r].size||M(t[r]))*o,p=1e20,c=e.centerX+n,u=e.centerY+i,d=r;d<l&&!((t[d].size||M(t[d]))<g);d++)a=t[d].centerX-c,h=t[d].centerY-u,(s=W(a*a+h*h))<p&&(f=d,p=s);return s=t[f],t.splice(f,1),s}(u[C],c,C,_,f,g));if(p)for(p<0&&(p=-p),c[0].length>u[0].length&&x(u[0],(c[0].length-u[0].length)/6|0),C=u.length;d<p;)c[C].size||M(c[C]),s=(h=function(e,t,r){for(var o,n,i,a,h,s,l=e.length,f=1e20,g=0,p=0;-1<--l;)for(s=(o=e[l]).length,h=0;h<s;h+=6)n=o[h]-t,i=o[h+1]-r,(a=W(n*n+i*i))<f&&(f=a,g=o[h],p=o[h+1]);return[g,p]}(u,c[C].centerX,c[C].centerY))[0],l=h[1],u[C++]=[s,l,s,l,s,l,s,l],u.totalPoints+=8,d++;for(C=0;C<e.length;C++)i=t[C],a=e[C],(p=i.length-a.length)<0?x(i,-p/6|0):0<p&&x(a,p/6|0),S&&!1!==n&&!a.reversed&&w(a),(r=y[C]||0===y[C]?y[C]:"auto")&&(a.closed||Math.abs(a[0]-a[a.length-2])<.5&&Math.abs(a[1]-a[a.length-1])<.5?"auto"===r||"log"===r?(y[C]=r=function(e,t,r){for(var o,n,i=e.length,a=b(e),h=b(t),s=h[0]-a[0],l=h[1]-a[1],f=z(e,t,0,s,l),g=0,p=6;p<i;p+=6)(n=z(e,t,p/6,s,l))<f&&(f=n,g=p);if(r)for(o=e.slice(0),w(o),p=6;p<i;p+=6)(n=z(o,t,p/6,s,l))<f&&(f=n,g=-p);return g/6}(a,i,!C||!1===n),r<0&&(S=!0,w(a),r=-r),P(a,6*r)):"reverse"!==r&&(C&&r<0&&w(a),P(a,6*(r<0?-r:r))):!S&&("auto"===r&&Math.abs(i[0]-a[0])+Math.abs(i[1]-a[1])+Math.abs(i[i.length-2]-a[a.length-2])+Math.abs(i[i.length-1]-a[a.length-1])>Math.abs(i[0]-a[a.length-2])+Math.abs(i[1]-a[a.length-1])+Math.abs(i[i.length-2]-a[0])+Math.abs(i[i.length-1]-a[1])||r%2)?(w(a),y[C]=-1,S=!0):"auto"===r?y[C]=0:"reverse"===r&&(y[C]=-1),a.closed!==i.closed&&(a.closed=i.closed=!1));return v&&A("shapeIndex:["+y.join(",")+"]"),e.shapeIndex=y}}function n(e,t){for(var r,o,n,i,a=0,h=parseFloat(e[0]),s=parseFloat(e[1]),l=h+","+s+" ",f=e.length,g=.5*t/(.5*f-1),p=0;p<f-2;p+=2){if(a+=g,n=parseFloat(e[p+2]),i=parseFloat(e[p+3]),.999999<a)for(o=1/(Math.floor(a)+1),r=1;.999999<a;)l+=(h+(n-h)*o*r).toFixed(2)+","+(s+(i-s)*o*r).toFixed(2)+" ",a--,r++;l+=n+","+i+" ",h=n,s=i}return l}function r(e){var t=e[0].match(X)||[],r=e[1].match(X)||[],o=r.length-t.length;0<o?e[0]=n(t,o):e[1]=n(r,-o)}function I(t){return isNaN(t)?r:function(e){r(e),e[1]=function(e,t){if(!t)return e;for(var r,o=e.match(X)||[],n=o.length,i="",a="reverse"===t?(r=n-1,-2):(r=(2*(parseInt(t,10)||0)+1+100*n)%n,2),h=0;h<n;h+=2)i+=o[r-1]+","+o[r]+" ",r=(r+a)%n;return i}(e[1],parseInt(t,10))}}function a(e,t){var r,o,n,i,a,h,s,l,f,g,p,c,u,d,m,_,C,y,S,v,x,w,b=e.tagName.toLowerCase(),M=.552284749831;return"path"!==b&&e.getBBox?(h=function(e,t){var r,o=_gsScope.document.createElementNS("http://www.w3.org/2000/svg","path"),n=Array.prototype.slice.call(e.attributes),i=n.length;for(t=","+t+",";-1<--i;)r=n[i].nodeName.toLowerCase(),-1===t.indexOf(","+r+",")&&o.setAttributeNS(null,r,n[i].nodeValue);return o}(e,"x,y,width,height,cx,cy,rx,ry,r,x1,x2,y1,y2,points"),w=function(e,t){for(var r=t?t.split(","):[],o={},n=r.length;-1<--n;)o[r[n]]=+e.getAttribute(r[n])||0;return o}(e,ee[b]),"rect"===b?(i=w.rx,a=w.ry,o=w.x,n=w.y,g=w.width-2*i,p=w.height-2*a,r=i||a?"M"+(_=(d=(u=o+i)+g)+i)+","+(y=n+a)+" V"+(S=y+p)+" C"+[_,v=S+a*M,m=d+i*M,x=S+a,d,x,d-(d-u)/3,x,u+(d-u)/3,x,u,x,c=o+i*(1-M),x,o,v,o,S,o,S-(S-y)/3,o,y+(S-y)/3,o,y,o,C=n+a*(1-M),c,n,u,n,u+(d-u)/3,n,d-(d-u)/3,n,d,n,m,n,_,C,_,y].join(",")+"z":"M"+(o+g)+","+n+" v"+p+" h"+-g+" v"+-p+" h"+g+"z"):"circle"===b||"ellipse"===b?(l="circle"===b?(i=a=w.r)*M:(i=w.rx,(a=w.ry)*M),r="M"+((o=w.cx)+i)+","+(n=w.cy)+" C"+[o+i,n+l,o+(s=i*M),n+a,o,n+a,o-s,n+a,o-i,n+l,o-i,n,o-i,n-l,o-s,n-a,o,n-a,o+s,n-a,o+i,n-l,o+i,n].join(",")+"z"):"line"===b?r="M"+w.x1+","+w.y1+" L"+w.x2+","+w.y2:"polyline"!==b&&"polygon"!==b||(r="M"+(o=(f=(e.getAttribute("points")+"").match(X)||[]).shift())+","+(n=f.shift())+" L"+f.join(","),"polygon"===b&&(r+=","+o+","+n+"z")),h.setAttribute("d",O(h._gsRawPath=R(r))),t&&e.parentNode&&(e.parentNode.insertBefore(h,e),e.parentNode.removeChild(e)),h):e}function F(e,t,r){var o,n,i="string"==typeof e;return(!i||h.test(e)||(e.match(X)||[]).length<3)&&((o=i?p.selector(e):e&&e[0]?e:[e])&&o[0]?(n=((o=o[0]).nodeName+"").toUpperCase(),t&&"PATH"!==n&&(o=a(o,!1),n="PATH"),e=o.getAttribute("PATH"===n?"d":"points")||"",o===r&&(e=o.getAttributeNS(null,"data-original")||e)):(A("WARNING: invalid morph to: "+e),e=!1)),e}function Y(e,t){for(var r,o,n,i,a,h,s,l,f,g,p,c,u=e.length,d=.2*(t||1);-1<--u;){for(p=(o=e[u]).isSmooth=o.isSmooth||[0,0,0,0],c=o.smoothData=o.smoothData||[0,0,0,0],p.length=4,l=o.length-2,s=6;s<l;s+=6)n=o[s]-o[s-2],i=o[s+1]-o[s-1],a=o[s+2]-o[s],h=o[s+3]-o[s+1],f=y(i,n),g=y(h,a),(r=Math.abs(f-g)<d)&&(c[s-2]=f,c[s+2]=g,c[s-1]=W(n*n+i*i),c[s+3]=W(a*a+h*h)),p.push(r,r,0,0,r,r);o[l]===o[0]&&o[1+l]===o[1]&&(n=o[0]-o[l-2],i=o[1]-o[l-1],a=o[2]-o[0],h=o[3]-o[1],f=y(i,n),g=y(h,a),Math.abs(f-g)<d&&(c[l-2]=f,c[2]=g,c[l-1]=W(n*n+i*i),c[3]=W(a*a+h*h),p[l-2]=p[l-1]=!0))}return e}function j(e){var t=e.trim().split(" ");return{x:(0<=e.indexOf("left")?0:0<=e.indexOf("right")?100:isNaN(parseFloat(t[0]))?50:parseFloat(t[0]))/100,y:(0<=e.indexOf("top")?0:0<=e.indexOf("bottom")?100:isNaN(parseFloat(t[1]))?50:parseFloat(t[1]))/100}}var B,H=Math.PI,U=H/180,V=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,X=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,h=/(^[#\.][a-z]|[a-y][a-z])/gi,D=/[achlmqstvz]/gi,q=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,y=Math.atan2,Q=Math.cos,E=Math.sin,W=Math.sqrt,Z=2*H,c=.3*H,u=.7*H,p=_gsScope._gsDefine.globals.TweenLite,k="MorphSVGPlugin",J=String.fromCharCode(103,114,101,101,110,115,111,99,107,46,99,111,109),K=String.fromCharCode(47,114,101,113,117,105,114,101,115,45,109,101,109,98,101,114,115,104,105,112,47),$=function(e){for(var t=-1!==(window?window.location.href:"").indexOf(String.fromCharCode(103,114,101,101,110,115,111,99,107))&&-1!==e.indexOf(String.fromCharCode(108,111,99,97,108,104,111,115,116)),r=[J,String.fromCharCode(99,111,100,101,112,101,110,46,105,111),String.fromCharCode(99,111,100,101,112,101,110,46,112,108,117,109,98,105,110,103),String.fromCharCode(99,111,100,101,112,101,110,46,100,101,118),String.fromCharCode(99,111,100,101,112,101,110,46,97,112,112),String.fromCharCode(112,101,110,115,46,99,108,111,117,100),String.fromCharCode(112,101,110,115,46,105,111),String.fromCharCode(109,111,116,105,111,110,116,114,105,99,107,115,46,99,111,109),String.fromCharCode(99,115,115,45,116,114,105,99,107,115,46,99,111,109),String.fromCharCode(99,100,112,110,46,105,111),String.fromCharCode(103,97,110,110,111,110,46,116,118),String.fromCharCode(99,111,100,101,99,97,110,121,111,110,46,110,101,116),String.fromCharCode(116,104,101,109,101,102,111,114,101,115,116,46,110,101,116),String.fromCharCode(99,101,114,101,98,114,97,120,46,99,111,46,117,107),String.fromCharCode(116,121,109,112,97,110,117,115,46,110,101,116),String.fromCharCode(116,119,101,101,110,109,97,120,46,99,111,109),String.fromCharCode(116,119,101,101,110,108,105,116,101,46,99,111,109),String.fromCharCode(112,108,110,107,114,46,99,111),String.fromCharCode(104,111,116,106,97,114,46,99,111,109),String.fromCharCode(119,101,98,112,97,99,107,98,105,110,46,99,111,109),String.fromCharCode(97,114,99,104,105,118,101,46,111,114,103),String.fromCharCode(99,111,100,101,115,97,110,100,98,111,120,46,105,111),String.fromCharCode(115,116,97,99,107,98,108,105,116,122,46,99,111,109),String.fromCharCode(99,111,100,105,101,114,46,105,111),String.fromCharCode(106,115,102,105,100,100,108,101,46,110,101,116)],o=r.length;-1<--o;)if(-1!==e.indexOf(r[o]))return!0;return t&&window&&window.console&&console.log(String.fromCharCode(87,65,82,78,73,78,71,58,32,97,32,115,112,101,99,105,97,108,32,118,101,114,115,105,111,110,32,111,102,32)+k+String.fromCharCode(32,105,115,32,114,117,110,110,105,110,103,32,108,111,99,97,108,108,121,44,32,98,117,116,32,105,116,32,119,105,108,108,32,110,111,116,32,119,111,114,107,32,111,110,32,97,32,108,105,118,101,32,100,111,109,97,105,110,32,98,101,99,97,117,115,101,32,105,116,32,105,115,32,97,32,109,101,109,98,101,114,115,104,105,112,32,98,101,110,101,102,105,116,32,111,102,32,67,108,117,98,32,71,114,101,101,110,83,111,99,107,46,32,80,108,101,97,115,101,32,115,105,103,110,32,117,112,32,97,116,32,104,116,116,112,58,47,47,103,114,101,101,110,115,111,99,107,46,99,111,109,47,99,108,117,98,47,32,97,110,100,32,116,104,101,110,32,100,111,119,110,108,111,97,100,32,116,104,101,32,39,114,101,97,108,39,32,118,101,114,115,105,111,110,32,102,114,111,109,32,121,111,117,114,32,71,114,101,101,110,83,111,99,107,32,97,99,99,111,117,110,116,32,119,104,105,99,104,32,104,97,115,32,110,111,32,115,117,99,104,32,108,105,109,105,116,97,116,105,111,110,115,46,32,84,104,101,32,102,105,108,101,32,121,111,117,39,114,101,32,117,115,105,110,103,32,119,97,115,32,108,105,107,101,108,121,32,100,111,119,110,108,111,97,100,101,100,32,102,114,111,109,32,101,108,115,101,119,104,101,114,101,32,111,110,32,116,104,101,32,119,101,98,32,97,110,100,32,105,115,32,114,101,115,116,114,105,99,116,101,100,32,116,111,32,108,111,99,97,108,32,117,115,101,32,111,114,32,111,110,32,115,105,116,101,115,32,108,105,107,101,32,99,111,100,101,112,101,110,46,105,111,46)),t}(window?window.location.host:""),ee={rect:"rx,ry,x,y,width,height",circle:"r,cx,cy",ellipse:"rx,ry,cx,cy",line:"x1,x2,y1,y2"},te="Use MorphSVGPlugin.convertToPath(elementOrSelectorText) to convert to a path before morphing.",re=_gsScope._gsDefine.plugin({propName:"morphSVG",API:2,global:!0,version:"0.9.2",overwriteProps:["morphSVG"],init:function(e,t,r,o){var n,i,a,h,s,l,f,g,p,c,u,d,m,_,C,y,S,v,x,w,b,M,T=e.nodeType?window.getComputedStyle(e):{},N=T.fill+"",P=!("none"===N||"0"===(N.match(X)||[])[3]||"evenodd"===T.fillRule),z=(t.origin||"50 50").split(",");if("function"==typeof t&&(t=t(o,e)),!$)return window.location.href="http://"+J+K+"?plugin="+k+"&source=codepen",!1;if(s="POLYLINE"===(n=(e.nodeName+"").toUpperCase())||"POLYGON"===n,"PATH"!==n&&!s&&!t.prop)return A("WARNING: cannot morph a <"+n+"> element. "+te),!1;if(i="PATH"===n?"d":"points",("string"==typeof t||t.getBBox||t[0])&&(t={shape:t}),!t.prop&&"function"!=typeof e.setAttribute)return!1;if(h=F(t.shape||t.d||t.points||"","d"==i,e),s&&D.test(h))return A("WARNING: a <"+n+"> cannot accept path data. "+te),!1;if(l=t.shapeIndex||0===t.shapeIndex?t.shapeIndex:"auto",f=t.map||re.defaultMap,this._prop=t.prop,this._render=t.render||re.defaultRender,this._apply="updateTarget"in t?t.updateTarget:re.defaultUpdateTarget,this._rnd=Math.pow(10,isNaN(t.precision)?2:+t.precision),this._tween=r,h){if(this._target=e,S="object"==typeof t.precompile,c=this._prop?e[this._prop]:e.getAttribute(i),this._prop||e.getAttributeNS(null,"data-original")||e.setAttributeNS(null,"data-original",c),"d"==i||this._prop){if(c=R(S?t.precompile[0]:c),u=R(S?t.precompile[1]:h),!S&&!G(c,u,l,f,P))return!1;for("log"!==t.precompile&&!0!==t.precompile||A('precompile:["'+O(c)+'","'+O(u)+'"]'),(b="linear"!==(t.type||re.defaultType))&&(c=Y(c,t.smoothTolerance),u=Y(u,t.smoothTolerance),c.size||L(c),u.size||L(u),w=j(z[0]),this._origin=c.origin={x:c.left+w.x*c.width,y:c.top+w.y*c.height},z[1]&&(w=j(z[1])),this._eOrigin={x:u.left+w.x*u.width,y:u.top+w.y*u.height}),m=(this._rawPath=e._gsRawPath=c).length;-1<--m;)for(C=c[m],y=u[m],g=C.isSmooth||[],p=y.isSmooth||[],_=C.length,d=B=0;d<_;d+=2)y[d]===C[d]&&y[d+1]===C[d+1]||(b?g[d]&&p[d]?(v=C.smoothData,x=y.smoothData,M=d+(d===_-4?7-_:5),this._controlPT={_next:this._controlPT,i:d,j:m,l1s:v[d+1],l1c:x[d+1]-v[d+1],l2s:v[M],l2c:x[M]-v[M]},a=this._tweenRotation(C,y,d+2),this._tweenRotation(C,y,d,a),this._tweenRotation(C,y,M-1,a),d+=4):this._tweenRotation(C,y,d):(a=this._addTween(C,d,C[d],y[d]),a=this._addTween(C,d+1,C[d+1],y[d+1])||a))}else a=this._addTween(e,"setAttribute",e.getAttribute(i)+"",h+"","morphSVG",!1,i,I(l));b&&(this._addTween(this._origin,"x",this._origin.x,this._eOrigin.x),a=this._addTween(this._origin,"y",this._origin.y,this._eOrigin.y)),a&&(this._overwriteProps.push("morphSVG"),a.end=h,a.endProp=i)}return $},set:function(e){var t,r,o,n,i,a,h,s,l,f,g,p,c,u=this._rawPath,d=this._controlPT,m=this._anchorPT,_=this._rnd,C=this._target;if(this._super.setRatio.call(this,e),1===e&&this._apply)for(o=this._firstPT;o;)o.end&&(this._prop?C[this._prop]=o.end:C.setAttribute(o.endProp,o.end)),o=o._next;else if(u){for(;m;)a=m.sa+e*m.ca,i=m.sl+e*m.cl,m.t[m.i]=this._origin.x+Q(a)*i,m.t[m.i+1]=this._origin.y+E(a)*i,m=m._next;for(r=e<.5?2*e*e:(4-2*e)*e-1;d;)c=(h=d.i)+(h===(n=u[d.j]).length-4?7-n.length:5),a=y(n[c]-n[h+1],n[c-1]-n[h]),g=E(a),p=Q(a),l=n[h+2],f=n[h+3],i=d.l1s+r*d.l1c,n[h]=l-p*i,n[h+1]=f-g*i,i=d.l2s+r*d.l2c,n[c-1]=l+p*i,n[c]=f+g*i,d=d._next;if(C._gsRawPath=u,this._apply){for(t="",s=0;s<u.length;s++)for(i=(n=u[s]).length,t+="M"+(n[0]*_|0)/_+" "+(n[1]*_|0)/_+" C",h=2;h<i;h++)t+=(n[h]*_|0)/_+" ";this._prop?C[this._prop]=t:C.setAttribute("d",t)}}this._render&&u&&this._render.call(this._tween,u,C)}});re.prototype._tweenRotation=function(e,t,r,o){var n,i=this._origin,a=this._eOrigin,h=e[r]-i.x,s=e[r+1]-i.y,l=W(h*h+s*s),f=y(s,h),h=t[r]-a.x,s=t[r+1]-a.y,g=y(s,h)-f,p=(n=g)!==n%H?n+(n<0?Z:-Z):n;return!o&&B&&Math.abs(p+B.ca)<c&&(o=B),this._anchorPT=B={_next:this._anchorPT,t:e,sa:f,ca:o&&p*o.ca<0&&Math.abs(p)>u?g:p,sl:l,cl:W(h*h+s*s)-l,i:r}},re.pathFilter=function(e,t,r,o,n){var i=R(e[0]),a=R(e[1]);G(i,a,t||0===t?t:"auto",r,n)&&(e[0]=O(i),e[1]=O(a),"log"!==o&&!0!==o||A('precompile:["'+e[0]+'","'+e[1]+'"]'))},re.pointsFilter=r,re.getTotalSize=L,re.subdivideRawBezier=re.subdivideSegment=x,re.rawPathToString=O,re.defaultType="linear",re.defaultUpdateTarget=!0,re.defaultMap="size",re.stringToRawPath=re.pathDataToRawBezier=function(e){return R(F(e,!0))},re.equalizeSegmentQuantity=G,re.convertToPath=function(e,t){"string"==typeof e&&(e=p.selector(e));for(var r=e&&0!==e.length?e.length&&e[0]&&e[0].nodeType?Array.prototype.slice.call(e,0):[e]:[],o=r.length;-1<--o;)r[o]=a(r[o],!1!==t);return r},re.pathDataToBezier=function(e,t){var r,o,n,i,a=R(F(e,!0))[0]||[],h=0,s=(t=t||{}).align||t.relative,l=t.matrix||[1,0,0,1,0,0],f=t.offsetX||0,g=t.offsetY||0;if("relative"===s||!0===s?(f-=a[0]*l[0]+a[1]*l[2],g-=a[0]*l[1]+a[1]*l[3],h="+="):(f+=l[4],g+=l[5],(s=s&&("string"==typeof s?p.selector(s):s&&s[0]?s:[s]))&&s[0]&&(f-=(i=s[0].getBBox()||{x:0,y:0}).x,g-=i.y)),r=[],n=a.length,l&&"1,0,0,1,0,0"!==l.join(","))for(o=0;o<n;o+=2)r.push({x:h+(a[o]*l[0]+a[o+1]*l[2]+f),y:h+(a[o]*l[1]+a[o+1]*l[3]+g)});else for(o=0;o<n;o+=2)r.push({x:h+(a[o]+f),y:h+(a[o+1]+g)});return r}}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()(),function(){"use strict";function e(){return(_gsScope.GreenSockGlobals||_gsScope).MorphSVGPlugin}"undefined"!=typeof module&&module.exports?(require("../TweenLite.js"),module.exports=e()):"function"==typeof define&&define.amd&&define(["TweenLite"],e)}();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/index/TweenMax.min.js DELETED
The diff for this file is too large to render. See raw diff
 
templates/index/index.html DELETED
@@ -1,36 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>SmileCheck 😀</title>
6
- <link rel="tracker" sizes="1x1" href="https://static1.squarespace.com/static/585a4892bebafba69928fcd7/58d854001e5b6cc3c401841b/58d854938419c267b73956cb/1490572452018/b.gif">
7
- <link rel="stylesheet" href="./style.css">
8
- </head>
9
- <body>
10
- <!-- partial:index.partial.html -->
11
- <svg class="faceSVG" viewBox="0 0 800 600" xmlns="https://www.w3.org/TR/SVG2/">
12
- <defs>
13
- <clipPath id="happyMask">
14
- <circle class="happyMask" cx="467.68" cy="299.68" r="60" fill="#31b65a" />
15
- </clipPath>
16
- </defs>
17
- <rect class="panel" x="292" y="254" width="216" height="92" rx="46" ry="46" fill="#f6f6f6" stroke="#E6E6E6" stroke-miterlimit="10" stroke-width="4" />
18
- <g class="faceGroup" clip-path="url(#happyMask)">
19
- <circle class="faceBg" cx="467.68" cy="299.68" r="60" fill="#0CCE6B" />
20
- <path class="shadow" d="M468.42,360.58a60,60,0,0,1-54-33.83,60,60,0,0,0,104-59.34,60,60,0,0,1-50,93.17Z" fill="#31b65a" />
21
- <g class="faceGroup">
22
- <g class="happyEyeGroup">
23
- <circle class="happyEyeR" cx="486.42" cy="290.24" r="7" fill="#FDFDFD" />
24
- <circle class="happyEyeL" cx="449.58" cy="290.24" r="7" fill="#FDFDFD" />
25
- </g>
26
- <path class="sadMouth" d="M485.5,324a18.51,18.51,0,1,0-37,0Z" fill="#FDFDFD" />
27
- <path class="happyMouth" d="M486.5,305.24a18.5,18.5,0,0,1-37,0Z" fill="#FDFDFD" />
28
- </g>
29
- </g>
30
- </svg>
31
- <!-- partial -->
32
- <script src='TweenMax.min.js'></script>
33
- <script src='MorphSVGPlugin.min.js'></script>
34
- <script src="script.js"></script>
35
- </body>
36
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/index/script.js DELETED
@@ -1,149 +0,0 @@
1
- var xmlns = "http://www.w3.org/2000/svg",
2
- xlinkns = "http://www.w3.org/1999/xlink",
3
- select = function(s) {
4
- return document.querySelector(s);
5
- },
6
- selectAll = function(s) {
7
- return document.querySelectorAll(s);
8
- },
9
- faceGroup = select('.faceGroup'),
10
- shadow = select('.shadow'),
11
- panel = select('.panel'),
12
- faceBg = select('.faceBg'),
13
- happyMouth = select('.happyMouth'),
14
- happyEyeGroup = select('.happyEyeGroup'),
15
- sadMouth = select('.sadMouth'),
16
- happyEyeR = select('.happyEyeR'),
17
- happyEyeL = select('.happyEyeL')
18
-
19
-
20
- TweenMax.set('svg', {
21
- visibility: 'visible'
22
- })
23
-
24
- TweenMax.set([happyEyeL, happyEyeR], {
25
- transformOrigin: '50% 50%'
26
- })
27
- TweenMax.set(happyEyeGroup, {
28
- transformOrigin: '50% 60%'
29
- })
30
- TweenLite.defaultEase = Expo.easeIn;
31
-
32
- var toggleTl = new TimelineMax({
33
- paused: true
34
- }).timeScale(4);
35
- toggleTl.to(happyMouth, 2, {
36
- scaleX: 0,
37
- scaleY: 1.23,
38
- x: -56,
39
- fill: '#E6E6E6'
40
- }, '+=0')
41
- .to(happyEyeL, 2, {
42
- scaleX: 0,
43
- scaleY: 1.2,
44
- x: -50,
45
- y: 2,
46
- fill: '#E6E6E6'
47
- }, '-=2')
48
- .to(happyEyeR, 2, {
49
- scaleX: 0,
50
- scaleY: 1.23,
51
- x: -85,
52
- fill: '#E6E6E6'
53
- }, '-=2')
54
-
55
- .set(happyEyeR, {
56
- scaleX: 0,
57
- scaleY: 1.23,
58
- x: 60,
59
- y: 9,
60
- fill: '#E6E6E6'
61
- })
62
-
63
- .fromTo(sadMouth, 2, {
64
- scaleX: 0,
65
- scaleY: 0.8,
66
- x: 96,
67
- y: 6,
68
- fill: '#E6E6E6'
69
- }, {
70
- x: 0,
71
- scaleX: 1,
72
- scaleY: 0.8,
73
- fill: '#FDFDFD',
74
- y: 6,
75
- ease: Expo.easeOut
76
- })
77
- .fromTo(happyEyeL, 2, {
78
- scaleX: 0,
79
- scaleY: 1.2,
80
- x: 95,
81
- y: 4,
82
- fill: '#E6E6E6'
83
- }, {
84
- scale: 1,
85
- x: 0,
86
- y: 6,
87
- fill: '#FDFDFD',
88
- immediateRender: false,
89
- ease: Expo.easeOut
90
- }, '-=2')
91
-
92
- .to(happyEyeR, 2, {
93
- scale: 1,
94
- x: 0,
95
- y: 6,
96
- fill: '#FDFDFD',
97
- immediateRender: false,
98
- ease: Expo.easeOut
99
- }, '-=2')
100
-
101
- .to(faceGroup, 4, {
102
- x: -132,
103
- ease: Expo.easeInOut
104
- }, '-=4')
105
- .to(faceBg, 4, {
106
- fill: '#D80032',
107
- ease: Expo.easeInOut
108
- }, '-=4')
109
- .to(shadow, 4, {
110
- fill: '#B51136',
111
- ease: Expo.easeInOut
112
- }, '-=4')
113
-
114
- faceGroup.onclick = function() {
115
- if (toggleTl.isActive()) {
116
- return
117
- };
118
- if (toggleTl.time() > 0) {
119
- TweenMax.set(happyEyeGroup, {
120
- transformOrigin: '50% 50%'
121
- })
122
- toggleTl.reverse();
123
- blink(0.152, 0);
124
- } else {
125
- TweenMax.set(happyEyeGroup, {
126
- transformOrigin: '50% 50%'
127
- })
128
- toggleTl.play()
129
- blink(0.12, 0.12);
130
- }
131
- setTimeout({
132
- window.location.href = "https://www.example.com";
133
- }, 3000);
134
- }
135
-
136
- function blink(dur, rep) {
137
- TweenMax.to(happyEyeGroup, dur, {
138
- scaleY: 0.03,
139
- repeat: 1,
140
- yoyo: true,
141
- repeatDelay: rep
142
- })
143
- }
144
-
145
- setTimeout(function redirect() {
146
- window.location.href = "http://127.0.0.1:5000";
147
- }, 5000);
148
- panel.onclick = faceGroup.onclick;
149
- window.onload = faceGroup.onclick;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/index/style.css DELETED
@@ -1,30 +0,0 @@
1
- body {
2
- background-color:#FFF;
3
- overflow: hidden;
4
- text-align:center;
5
- }
6
-
7
- body,
8
- html {
9
- height: 100%;
10
- width: 100%;
11
- margin: 0;
12
- padding: 0;
13
- }
14
-
15
-
16
- svg{
17
- position:absolute;
18
- width:100%;
19
- height:100%;
20
- visibility:hidden;
21
- transform:translate(-50%, 0%);
22
- }
23
-
24
- .faceGroup{
25
- cursor:pointer;
26
- }
27
- .faceGroup, .panel{
28
-
29
- -webkit-tap-highlight-color:rgba(0,0,0,0);
30
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/layout.html DELETED
@@ -1,338 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>{% block title %} {% endblock %}</title>
7
- <meta name="viewport" content="width=device-width, initial-scale=1">
8
- <link rel="icon" type="image/x-icon" href="/static/favicon.png">
9
- <link rel="stylesheet" href="{{ url_for('static', filename='css/swiper-bundle.min.css') }}">
10
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
11
- <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
12
- {% block link %} {% endblock %}
13
- <!-- <link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />-->
14
- </head>
15
- <body>
16
-
17
- <div class="loader" style="z-index:999">
18
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
19
- <div class="box">
20
- <div class="loader3" style="text-align: center;"></div>
21
- </div>
22
- <br>
23
- <div style="text-align: center;">
24
- <span id="variableValue">0%</span>
25
- </div>
26
- </div>
27
- <script>
28
- var variable = 0;
29
- var intervalId = setInterval(function() {
30
- if (variable < 100) {
31
- variable++;
32
- document.getElementById("variableValue").innerHTML = variable+"%";
33
- } else {
34
- clearInterval(intervalId);
35
- }
36
- }, 5);
37
-
38
- const loader = document.querySelector(".loader");
39
- setTimeout(() => {
40
- loader.classList.add("hide");
41
- setTimeout(() => {
42
- document.body.removeChild(loader);
43
- }, 500);
44
- }, 500);
45
- </script>
46
-
47
- <header>
48
- <div class="nav-bar">
49
- <a href="/" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>
50
- <div class="navigation">
51
- <div class="nav-items">
52
- <i class="uil uil-times nav-close-btn"></i>
53
- <a href="/home"><i class="uil uil-home"></i> <b>Home</b></a>
54
- {% if session['id'] %}
55
- <a href="/logout"><i class="uil uil-compass"></i> <b>Logout</b></a>
56
- {% else %}
57
- <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a>
58
- <a href="/register"><i class="uil uil-envelope"></i> <b>Register</b></a>
59
- {% endif %}
60
- <a href="#" class="profile"><div class="svgContainer">
61
- <div>
62
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
63
- <defs>
64
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
65
- </defs>
66
-
67
- <clipPath id="armMask">
68
- <use xlink:href="#armMaskPath" overflow="visible"></use>
69
- </clipPath>
70
-
71
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
72
-
73
- <g class="body">
74
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
75
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
76
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
77
- </g>
78
-
79
- <g class="earL">
80
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
81
- <circle cx="47" cy="83" r="11.5"></circle>
82
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
83
- </g>
84
-
85
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
86
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
87
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
88
- </g>
89
- </g>
90
-
91
- <g class="earR">
92
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
93
- <circle cx="155" cy="83" r="11.5"></circle>
94
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
95
- </g>
96
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
97
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
98
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
99
- </g>
100
- </g>
101
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
102
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
103
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
104
-
105
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
106
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
107
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
108
- </g>
109
-
110
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
111
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
112
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
113
- </g>
114
-
115
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
116
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
117
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
118
- </g>
119
-
120
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
121
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
122
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
123
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
124
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
125
-
126
- <defs>
127
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
128
- </defs>
129
-
130
- <clipPath id="mouthMask">
131
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
132
- </clipPath>
133
-
134
- <g clip-path="url(#mouthMask)">
135
- <g class="tongue">
136
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
137
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
138
- </g>
139
- </g>
140
-
141
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
142
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
143
- </g>
144
-
145
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
146
-
147
- <g class="arms" clip-path="url(#armMask)">
148
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
149
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
150
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
151
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
152
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
153
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
154
- </g>
155
-
156
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
157
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
158
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
159
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
160
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
161
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
162
- </g>
163
- </g>
164
- </svg>
165
- </div>
166
- </div></a>
167
- <div class="floating-div" style="display:none;">
168
- <div class="svgContainer">
169
- <div>
170
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
171
- <defs>
172
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
173
- </defs>
174
-
175
- <clipPath id="armMask">
176
- <use xlink:href="#armMaskPath" overflow="visible"></use>
177
- </clipPath>
178
-
179
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
180
-
181
- <g class="body">
182
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
183
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
184
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
185
- </g>
186
-
187
- <g class="earL">
188
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
189
- <circle cx="47" cy="83" r="11.5"></circle>
190
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
191
- </g>
192
-
193
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
194
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
195
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
196
- </g>
197
- </g>
198
-
199
- <g class="earR">
200
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
201
- <circle cx="155" cy="83" r="11.5"></circle>
202
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
203
- </g>
204
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
205
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
206
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
207
- </g>
208
- </g>
209
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
210
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
211
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
212
-
213
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
214
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
215
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
216
- </g>
217
-
218
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
219
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
220
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
221
- </g>
222
-
223
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
224
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
225
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
226
- </g>
227
-
228
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
229
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
230
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
231
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
232
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
233
-
234
- <defs>
235
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
236
- </defs>
237
-
238
- <clipPath id="mouthMask">
239
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
240
- </clipPath>
241
-
242
- <g clip-path="url(#mouthMask)">
243
- <g class="tongue">
244
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
245
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
246
- </g>
247
- </g>
248
-
249
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
250
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
251
- </g>
252
-
253
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
254
-
255
- <g class="arms" clip-path="url(#armMask)">
256
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
257
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
258
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
259
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
260
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
261
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
262
- </g>
263
-
264
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
265
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
266
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
267
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
268
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
269
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
270
- </g>
271
- </g>
272
- </svg>
273
- </div>
274
- </div>
275
- <h3 style="text-align:center;">{% if session['id'] %} <b>{{ session['name'] }}</b>
276
- {% else %} <a href="/login"><i class="uil uil-compass"></i> <b>Login</b></a>
277
- {% endif %}
278
- </h3>
279
- </div>
280
- <script>
281
- const profile = document.querySelector('.profile');
282
- const floatingDiv = document.querySelector('.floating-div');
283
-
284
- profile.addEventListener('click', function() {
285
- floatingDiv.style.display = 'block';
286
- });
287
-
288
- floatingDiv.addEventListener('mouseover', function() {
289
- floatingDiv.style.display = 'block';
290
- });
291
-
292
- floatingDiv.addEventListener('mouseout', function() {
293
- floatingDiv.style.display = 'none';
294
- });
295
- </script>
296
- </div>
297
- </div>
298
- <i class="uil uil-apps nav-menu-btn"></i>
299
- </div>
300
- </header>
301
-
302
- <br><br>
303
- <!-- <nav class="navbar navbar-default">
304
- <div class="container">
305
- <div class="navbar-header">
306
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
307
- <span class="sr-only">Toggle navigation</span>
308
- <span class="icon-bar"></span>
309
- <span class="icon-bar"></span>
310
- <span class="icon-bar"></span>
311
- </button>
312
- <a class="navbar-brand" href="#">SmileCheck</a>
313
- </div>
314
- <div id="navbar" class="collapse navbar-collapse">
315
- <ul class="nav navbar-nav">
316
- <li>
317
- <a href="/">Home</a>
318
- </li> {% if session['name'] %} <li>
319
- <a href="/logout">Logout</a>
320
- </li> {% else %} <li>
321
- <a href="/login">Login</a>
322
- </li>
323
- <li>
324
- <a href="/register">Register</a>
325
- </li> {% endif %}
326
- </ul>
327
- </div>
328
- </div>
329
- </nav> -->
330
-
331
- {% block content %} {% endblock %}
332
-
333
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
334
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
335
- <script src="{{ url_for('static', filename='js/swiper-bundle.min.js') }}"></script>
336
- <script src="{{ url_for('static', filename='js/main.js') }}"></script>
337
- </body>
338
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/login.html DELETED
@@ -1,319 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Login {% endblock %}
3
- {% block content %}
4
- <br>
5
- <div class="log-container">
6
- <form class="log-form" action="/login" method="POST">
7
- <div class="form-group">
8
- <div id="contain-mail" class="svgContainer" style="display:block;">
9
- <div>
10
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
11
- <defs>
12
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
13
- </defs>
14
-
15
- <clipPath id="armMask">
16
- <use xlink:href="#armMaskPath" overflow="visible"></use>
17
- </clipPath>
18
-
19
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
20
-
21
- <g class="body">
22
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
23
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
24
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
25
- </g>
26
-
27
- <g class="earL">
28
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
29
- <circle cx="47" cy="83" r="11.5"></circle>
30
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
31
- </g>
32
-
33
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
34
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
35
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
36
- </g>
37
- </g>
38
-
39
- <g class="earR">
40
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
41
- <circle cx="155" cy="83" r="11.5"></circle>
42
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
43
- </g>
44
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
45
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
46
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
47
- </g>
48
- </g>
49
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
50
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
51
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
52
-
53
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
54
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
55
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
56
- </g>
57
-
58
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
59
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
60
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
61
- </g>
62
-
63
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
64
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
65
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
66
- </g>
67
-
68
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
69
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
70
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
71
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
72
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
73
-
74
- <defs>
75
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
76
- </defs>
77
-
78
- <clipPath id="mouthMask">
79
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
80
- </clipPath>
81
-
82
- <g clip-path="url(#mouthMask)">
83
- <g class="tongue">
84
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
85
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
86
- </g>
87
- </g>
88
-
89
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
90
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
91
- </g>
92
-
93
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
94
-
95
- <g class="arms" clip-path="url(#armMask)">
96
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
97
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
98
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
99
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
100
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
101
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
102
- </g>
103
-
104
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
105
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
106
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
107
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
108
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
109
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
110
- </g>
111
- </g>
112
- </svg>
113
- </div>
114
- </div>
115
- <div id="contain-pass" class="svgContainer-pass" style="display:none;">
116
- <div>
117
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
118
-
119
- <defs>
120
-
121
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
122
-
123
- </defs>
124
-
125
- <clipPath id="armMask">
126
-
127
- <use xlink:href="#armMaskPath" overflow="visible"></use>
128
-
129
- </clipPath>
130
-
131
- <circle cx="100" cy="100" r="100" fill="#a9ddf3"></circle>
132
-
133
- <g class="body">
134
-
135
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
136
-
137
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
138
-
139
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
140
-
141
- </g>
142
-
143
- <g class="earL">
144
-
145
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
146
-
147
- <circle cx="47" cy="83" r="11.5"></circle>
148
-
149
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
150
-
151
- </g>
152
-
153
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
154
-
155
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
156
-
157
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
158
-
159
- </g>
160
-
161
- </g>
162
-
163
- <g class="earR">
164
-
165
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
166
-
167
- <circle cx="155" cy="83" r="11.5"></circle>
168
-
169
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
170
-
171
- </g>
172
-
173
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
174
-
175
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
176
-
177
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
178
-
179
- </g>
180
-
181
- </g>
182
-
183
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
184
-
185
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
186
-
187
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
188
-
189
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
190
-
191
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
192
-
193
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
194
-
195
- </g>
196
-
197
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(0.85,0,0,0.85,12.299999999999997,11.25)">
198
-
199
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
200
-
201
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
202
-
203
- </g>
204
-
205
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(0.85,0,0,0.85,16.650000000000006,11.25)">
206
-
207
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
208
-
209
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
210
-
211
- </g>
212
-
213
- <g class="mouth" data-svg-origin="100.2220687866211 104.5" transform="matrix(1,0,0,1,-0.05470391120910644,-0.00151657592773437)" style="transform-origin: 0px 0px 0px;">
214
-
215
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
216
-
217
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
218
-
219
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
220
-
221
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
222
-
223
- <defs>
224
-
225
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
226
-
227
- </defs>
228
-
229
- <clipPath id="mouthMask">
230
-
231
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
232
-
233
- </clipPath>
234
-
235
- <g clip-path="url(#mouthMask)">
236
-
237
- <g class="tongue" data-svg-origin="92 99" transform="matrix(1,0,0,1,0,1)">
238
-
239
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
240
-
241
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
242
-
243
- </g>
244
-
245
- </g>
246
-
247
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z" data-svg-origin="100 93" transform="matrix(1,0,0,1,0,0)"></path>
248
-
249
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
250
-
251
- </g>
252
-
253
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99999,-0.00352,0.00352,0.99999,-0.2953215363879167,0.35344111832431224)" style="transform-origin: 0px 0px 0px;"></path>
254
-
255
- <g class="arms" clip-path="url(#armMask)">
256
-
257
- <g class="arml" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(1,0,0,1,-93,2)" style="transform- origin: 0px 0px 0px;">
258
-
259
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
260
-
261
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
262
-
263
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
264
-
265
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
266
-
267
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
268
-
269
- </g>
270
-
271
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(1,0,0,1,-93,2)" style="transform-origin: 0px 0 px 8px;">
272
-
273
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
274
-
275
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
276
-
277
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
278
-
279
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
280
-
281
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
282
-
283
- </g>
284
-
285
- </g>
286
-
287
- </svg>
288
- </div>
289
- </div>
290
-
291
- <label for="database">Select a College:</label>
292
- <select name="database" id="database">
293
- <option value="database1">GCOEN</option>
294
- </select>
295
-
296
- <label>Email:</label>
297
- <input id="email-inpt" type="email" class="form-control" name="email">
298
-
299
- <label>Password:</label>
300
- <input id="pass-inpt" type="password" class="form-control" name="password">
301
-
302
- <div id="error-group" class="form-group" style="display:none; text-align:center; text-weight:bold;">
303
- <span id="error" style="color:red;"></span>
304
- </div>
305
- <p style="text-align:center; margin:10px;"><a href="/forgot" style="text-decoration:none;">Forgot Password?</a></p>
306
-
307
- <button onclick="login()" class="btn btn-primary">Login</button>
308
- <p style="text-align:center; margin:10px;">New to SmileCheck? <a href="/register">Register here.</a></p>
309
- </div>
310
- </form>
311
- </div>
312
- <script>
313
- const error_code = {{error_code}};
314
- if (error_code == 450 || error_code == 451 || error_code == 452) {
315
- document.getElementById("error-group").style.display = "block";
316
- document.getElementById("error").innerHTML = "&#x0021; &nbsp; &nbsp; {{error}}";
317
- }
318
- </script>
319
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/pass.html DELETED
@@ -1,431 +0,0 @@
1
- <html xmlns="http:www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
2
-
3
- <head>
4
- <meta charset="utf8">
5
- <meta http-equiv="x-ua-compatible" content="ie=edge">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <meta name="x-apple-disable-message-reformatting">
8
- <!--[if gte mso 9]>
9
- <xml>
10
- <o:OfficeDocumentSettings>
11
- <o:AllowPNG/>
12
- <o:PixelsPerInch>96</o:PixelsPerInch>
13
- </o:OfficeDocumentSettings>
14
- </xml>
15
- <![endif]-->
16
-
17
- <!--[if mso]>
18
- <style type="text/css">
19
- body,table tr,table td,a, span,table.MsoNormalTable{font-family:Helvetica,Arial,sans-serif !important;}
20
- </style>
21
- <![endif]-->
22
- <style type="text/css">
23
- .bg-linkedin {
24
- background-color: #0077b5 !important;
25
- }
26
-
27
- .hover-bg-gray-200:hover {
28
- background-color: #edf2f7 !important;
29
- }
30
-
31
- .hover-bg-gray-900:hover {
32
- background-color: #1a202c !important;
33
- }
34
-
35
- .hover-bg-red-700:hover {
36
- background-color: #c53030 !important;
37
- }
38
-
39
- .hover-bg-blue-700:hover {
40
- background-color: #2b6cb0 !important;
41
- }
42
-
43
- .hover-bg-blue-800:hover {
44
- background-color: #2c5282 !important;
45
- }
46
-
47
- .hover-bg-indigo-700:hover {
48
- background-color: #4c51bf !important;
49
- }
50
-
51
- .hover-opacity-100:hover {
52
- opacity: 1 !important;
53
- }
54
-
55
- .hover-text-white:hover {
56
- color: #ffffff !important;
57
- }
58
-
59
- .hover-text-blue-400:hover {
60
- color: #63b3ed !important;
61
- }
62
-
63
- .hover-no-underline:hover {
64
- text-decoration: none !important;
65
- }
66
-
67
- @media screen {
68
- img {
69
- max-width: 100%;
70
- }
71
-
72
- td,
73
- th {
74
- box-sizing: border-box;
75
- }
76
-
77
- a[x-apple-data-detectors] {
78
- color: inherit;
79
- text-decoration: none;
80
- }
81
-
82
- .all-font-montserrat {
83
- font-family: Montserrat, -apple-system, "Segoe UI", Helvetica, sans-serif !important;
84
- }
85
-
86
- .all-font-sans {
87
- font-family: -apple-system, "Segoe UI", sans-serif !important;
88
- }
89
- }
90
-
91
- @media (max-width: 600px) {
92
- u~div .wrapper {
93
- min-width: 100vw;
94
- }
95
-
96
- img {
97
- height: auto !important;
98
- }
99
-
100
- .sm-rounded-none {
101
- border-radius: 0 !important;
102
- }
103
-
104
- .sm-block {
105
- display: block !important;
106
- }
107
-
108
- .sm-inline-block {
109
- display: inline-block !important;
110
- }
111
-
112
- .sm-hidden {
113
- display: none !important;
114
- }
115
-
116
- .sm-h-20 {
117
- height: 20px !important;
118
- }
119
-
120
- .sm-h-24 {
121
- height: 24px !important;
122
- }
123
-
124
- .sm-h-32 {
125
- height: 32px !important;
126
- }
127
-
128
- .sm-mb-0 {
129
- margin-bottom: 0 !important;
130
- }
131
-
132
- .sm-mb-16 {
133
- margin-bottom: 16px !important;
134
- }
135
-
136
- .sm-opacity-100 {
137
- opacity: 1 !important;
138
- }
139
-
140
- .sm-px-0 {
141
- padding-left: 0 !important;
142
- padding-right: 0 !important;
143
- }
144
-
145
- .sm-py-10 {
146
- padding-top: 10px !important;
147
- padding-bottom: 10px !important;
148
- }
149
-
150
- .sm-px-14 {
151
- padding-left: 14px !important;
152
- padding-right: 14px !important;
153
- }
154
-
155
- .sm-py-24 {
156
- padding-top: 24px !important;
157
- padding-bottom: 24px !important;
158
- }
159
-
160
- .sm-px-24 {
161
- padding-left: 24px !important;
162
- padding-right: 24px !important;
163
- }
164
-
165
- .sm-px-10 {
166
- padding-left: 10px !important;
167
- padding-right: 10px !important;
168
- }
169
-
170
- .sm-px-30 {
171
- padding-left: 30px !important;
172
- padding-right: 30px !important;
173
- }
174
-
175
- .sm-pt-0 {
176
- padding-top: 0 !important;
177
- }
178
-
179
- .sm-pr-0 {
180
- padding-right: 0 !important;
181
- }
182
-
183
- .sm-pb-0 {
184
- padding-bottom: 0 !important;
185
- }
186
-
187
- .sm-pl-0 {
188
- padding-left: 0 !important;
189
- }
190
-
191
- .sm-pt-4 {
192
- padding-top: 4px !important;
193
- }
194
-
195
- .sm-pt-8 {
196
- padding-top: 8px !important;
197
- }
198
-
199
- .sm-pb-8 {
200
- padding-bottom: 8px !important;
201
- }
202
-
203
- .sm-pt-10 {
204
- padding-top: 10px !important;
205
- }
206
-
207
- .sm-pb-10 {
208
- padding-bottom: 10px !important;
209
- }
210
-
211
- .sm-pb-16 {
212
- padding-bottom: 16px !important;
213
- }
214
-
215
- .sm-pl-10 {
216
- padding-left: 10px !important;
217
- }
218
-
219
- .sm-pr-10 {
220
- padding-left: 10px !important;
221
- }
222
-
223
- .sm-pl-16 {
224
- padding-left: 16px !important;
225
- }
226
-
227
- .sm-pr-16 {
228
- padding-left: 16px !important;
229
- }
230
-
231
- .sm-pt-20 {
232
- padding-top: 20px !important;
233
- }
234
-
235
- .sm-pb-20 {
236
- padding-bottom: 20px !important;
237
- }
238
-
239
- .sm-pl-20 {
240
- padding-left: 20px !important;
241
- }
242
-
243
- .sm-pr-20 {
244
- padding-left: 20px !important;
245
- }
246
-
247
- .sm-pt-24 {
248
- padding-top: 24px !important;
249
- }
250
-
251
- .sm-pb-24 {
252
- padding-bottom: 24px !important;
253
- }
254
-
255
- .sm-pb-32 {
256
- padding-bottom: 32px !important;
257
- }
258
-
259
- .sm-pl-34 {
260
- padding-left: 34px !important;
261
- }
262
-
263
- .sm-pl-40 {
264
- padding-left: 40px !important;
265
- }
266
-
267
- .sm-pr-40 {
268
- padding-right: 40px !important;
269
- }
270
-
271
- .sm-pb-40 {
272
- padding-bottom: 40px !important;
273
- }
274
-
275
- .sm-text-left {
276
- text-align: left !important;
277
- }
278
-
279
- .sm-text-center {
280
- text-align: center !important;
281
- }
282
-
283
- .sm-w-1-2 {
284
- width: 50% !important;
285
- }
286
-
287
- .sm-w-1-3 {
288
- width: 33.33333% !important;
289
- }
290
-
291
- .sm-w-2-3 {
292
- width: 66.66667% !important;
293
- }
294
-
295
- .sm-w-3-5 {
296
- width: 60% !important;
297
- }
298
-
299
- .sm-w-full {
300
- width: 100% !important;
301
- max-width: 100% !important;
302
- }
303
- }
304
- </style>
305
- <title>Smile</title>
306
- <style>
307
- @media (max-width: 600px) {
308
- img {
309
- height: auto !important;
310
- max-width: 100% !important;
311
- }
312
-
313
- body {
314
- padding: 0;
315
- }
316
- }
317
- </style>
318
- </head>
319
-
320
- <body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;padding-bottom:20px; background-color: #ffdf84" class="sm-px-10">
321
-
322
- <table style="overflow: hidden;">
323
- <tbody>
324
- <tr>
325
- <td style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">SmileCheck 😄</td>
326
- </tr>
327
- </tbody>
328
- </table>
329
-
330
- <br>
331
- <table class="wrapper all-font-sans" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
332
- <tbody>
333
- <tr>
334
- <td align="center" width="100%">
335
- <table class="sm-w-full" width="600" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
336
- </table>
337
- <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
338
- <tbody>
339
- <tr>
340
- <td align="center" style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
341
- <table class="sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
342
- <tbody>
343
- <tr>
344
- <td align="center" style="text-align: center; padding-bottom: 18px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://i.postimg.cc/vTSj1jQz/smilecheck-logo.png" data-avatar="false" alt="Logo" style="width: 180px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="220" height="110"></a></td>
345
- </tr>
346
- <tr>
347
- <td align="center" class="sm-px-0" style="border-radius: 0px"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375twitter%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375instagram%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375facebook%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a></td>
348
- </tr>
349
- </tbody>
350
- </table>
351
- </td>
352
- </tr>
353
- </tbody>
354
- </table>
355
- <table class="sm-w-full all-font-sans" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
356
- <tbody>
357
- <tr>
358
- <td style="border-radius: 0px">
359
- <table cellspacing="0" cellpadding="0" style="overflow: hidden;">
360
- <tbody>
361
- <tr>
362
- <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
363
- <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
364
- <tbody>
365
- <tr>
366
- <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
367
- <h1 style="margin: 0 0 12px 0; line-height: 1.24; font-weight: bold; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 36px; color: #222;">Welcome To SmileCheck!!!</h1>
368
- </td>
369
- </tr>
370
- <tr>
371
- <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/32023/1678828931375%252Fprototypr%252Ftemp%252F1580579385905-1580579385905.png" data-avatar="false" alt="Photo frame" style="width: 504px; max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; outline: none;" width="504" height="340"></a></td>
372
- </tr>
373
- <tr>
374
- <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
375
- <div>
376
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Hey, {{name}}</p>
377
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Looks' like you are changing the password for you SmileCheck account. Here's the link to Change the password:</p>
378
- <div style="padding-left: 20px; padding-right: 20px; border-radius: 10px; background-color:#ffa200; mso-padding-alt: 12px 48px; text-align:center; width:30%; margin:auto;" bgcolor="#ffa200"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #333333; font-size: 16px;" href="{{link}}" target="_blank"><b>Change Password!</b></a></div><br>
379
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: red;">Please note that this link will only be valid for a limited time, and if you do not generate this link then report it to Smilecheck</p>
380
- <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">If you have any questions or concerns, please do not hesitate to reach out to our customer support team at :</p>
381
- <div style="padding-left: 20px; padding-right: 20px; border:solid; box-shadow: 6px 4px 25px 4px rgba(255, 157, 24, 1); border-radius: 10px; mso-padding-alt: 12px 48px; text-align:center; width:20%; margin:auto; border-color:#ffa200;"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #333333; font-size: 16px;" href="http://127.0.0.1:5000/#contact" target="_blank"><b>Support</b></a></div><br>
382
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Thank you again for choosing SmileCheck, and we look forward to helping you achieve your goals!</p>
383
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Best regards,</p>
384
- <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">SmileCheck Team</p>
385
- </div>
386
- </td>
387
- </tr>
388
- <!-- <tr>-->
389
- <!-- <td align="center" class="sm-px-0" style="border-radius: 0px">-->
390
- <!-- <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto;">-->
391
- <!-- <tbody>-->
392
- <!-- <tr>-->
393
- <!-- <th colspan="1" rowspan="1" style="padding-left: 20px; padding-right: 20px; border-radius: 4px; background-color:#ffa200; mso-padding-alt: 12px 48px" bgcolor="#ffa200"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #333333; font-size: 16px;" href="{{link}}" target="_blank">Verify Here</a></th>-->
394
- <!-- </tr>-->
395
- <!-- </tbody>-->
396
- <!-- </table>-->
397
- <!-- </td>-->
398
- <!-- </tr>-->
399
- </tbody>
400
- </table>
401
- </td>
402
- </tr>
403
- </tbody>
404
- </table>
405
- </td>
406
- </tr>
407
- </tbody>
408
- </table>
409
- <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
410
- <tbody>
411
- <tr>
412
- <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
413
- <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
414
- <tbody>
415
- <tr>
416
- <td align="center" style="text-align: center; border-radius: 0px" class="sm-px-0">
417
- <p style="font-size: 16px; margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; color: #222;"><a target="_blank" rel="noopener noreferrer nofollow" href="http://127.0.0.1:5000" style="font-size: 12px; text-decoration: none; color: #2d3042;"><span style="color: #787474">Unsubscribe from this list.</span></a></p>
418
- </td>
419
- </tr>
420
- </tbody>
421
- </table>
422
- </td>
423
- </tr>
424
- </tbody>
425
- </table>
426
- </td>
427
- </tr>
428
- </tbody>
429
- </table>
430
- </body>
431
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/password.html DELETED
@@ -1,31 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Change Password {% endblock %}
3
- {% block content %}
4
-
5
- <div id="success">
6
- <div id="success-svg-pass">
7
- <svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" fill="green" clip-rule="evenodd" viewBox="0 0 512 484.17"><path d="M0 446.17c9.71-125.69 52.78-92.22 151.07-153.72 30.36 63.34 153.75 67.95 179.05 0 11.24 7.18 22.12 12.88 32.55 17.65-4.75 3.44-9.22 7.24-13.36 11.38-19.83 19.83-32.1 47.23-32.1 77.47 0 16.91 3.84 32.92 10.68 47.22H0zm426.78-132.43c47.06 0 85.22 38.16 85.22 85.21 0 47.06-38.16 85.22-85.22 85.22-47.05 0-85.21-38.16-85.21-85.22 0-47.05 38.16-85.21 85.21-85.21zm-24.55 71.88 14.42 13.62 32.69-33.72c2.83-2.86 4.6-5.16 8.08-1.58l11.3 11.58c3.7 3.66 3.52 5.82.02 9.23l-45.64 45.44c-7.38 7.23-6.1 7.67-13.57.25l-26.31-26.17c-1.56-1.67-1.4-3.38.31-5.07l13.11-13.59c1.98-2.1 3.57-1.92 5.59.01zm-227.99-98.17c-1.31-1.7 3.43-13.36 4.55-15.25-12.84-11.43-22.99-22.96-25.15-46.68l-1.38.02c-3.18-.04-6.25-.77-9.12-2.4-4.6-2.62-7.83-7.11-10.01-12.17-4.63-10.63-19.86-45.89 3.35-43.1-12.98-24.24 16.39-65.64-34.26-80.95 41.56-52.63 129.24-133.78 193.49-52.38 70.34 6.82 92.28 90.4 44.92 136.18 2.77.1 5.39.75 7.7 1.98 8.81 4.72 9.09 14.95 6.78 23.54-2.29 7.18-5.2 12.03-7.94 19.02-3.33 9.44-8.21 11.2-17.63 10.18-.47 23.34-11.26 34.8-25.78 48.51l3.97 13.46c-19.46 41.29-100.33 42.96-133.49.04z"/></svg>
8
- </div>
9
- <h2>Verification Successfull.<wbr> You will be auto-redirected in 5 seconds.</h2>
10
- </div>
11
-
12
- <div id="failure">
13
- <img id="failure-svg-pass" src="/static/rejected.png">
14
- <h2>Verification Unsuccessfull.<wbr> You will be auto-redirected in 5 seconds.</h2>
15
- <button class="homelink" onclick="window.location.href='http://127.0.0.1:5000/home'" style="margin: 20px auto; padding: 20px;">Go To HomePage <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
16
- </div>
17
-
18
- <script>
19
- var error = {{message}};
20
- if (error == 111) {
21
- document.getElementById("success").style.display = "block";
22
- } else if (error == 999) {
23
- document.getElementById("failure").style.display = "block";
24
- }
25
-
26
- setTimeout(function() {
27
- window.location.href = "/{{ redirect_url }}";
28
- }, 5000);
29
- </script>
30
-
31
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/register.html DELETED
@@ -1,187 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Register {% endblock %}
3
- {% block content %}
4
- <br>
5
- <div class="reg-container">
6
- <form class="reg-form" id="reg-form" action="/register" method="POST">
7
- <div id="form-group" class="form-group">
8
- <label style="text-align:center; font-size:2em;"><b>Registration</b></label>
9
- <div class="svgContainer">
10
- <div>
11
- <svg class="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
12
- <defs>
13
- <circle id="armMaskPath" cx="100" cy="100" r="100"></circle>
14
- </defs>
15
-
16
- <clipPath id="armMask">
17
- <use xlink:href="#armMaskPath" overflow="visible"></use>
18
- </clipPath>
19
-
20
- <circle cx="100" cy="100" r="100" fill="#ffce47"></circle>
21
-
22
- <g class="body">
23
- <path fill="#FFFFFF" d="M193.3,135.9c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1 c-10.6,0-20,5.1-25.8,13l0,78h187L193.3,135.9z"></path>
24
- <path fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoinn="round" d="M193.3,135.9 c-5.8-8.4-15.5-13.9-26.5-13.9H151V72c0-27.6-22.4-50-50-50S51,44.4,51,72v50H32.1c-10.6,0-20,5.1-25.8,13"></path>
25
- <path fill="#DDF1FA" d="M100,156.4c-22.9,0-43,11.1-54.1,27.7c15.6,10,34.2,15.9,54.1,15.9s38.5-5.8,54.1-15.9 C143,167.5,122.9,156.4,100,156.4z"></path>
26
- </g>
27
-
28
- <g class="earL">
29
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="35.5 71.5" transform="matrix(1,0,0,1,0,0)">
30
- <circle cx="47" cy="83" r="11.5"></circle>
31
- <path d="M46.3 78.9c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
32
- </g>
33
-
34
- <g class="earHair" data-svg-origin="42.79999923706055 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
35
- <rect x="51" y="64" fill="#FFFFFF" width="15" height="35"></rect>
36
- <path d="M53.4 62.8C48.5 67.4 45 72.2 42.8 77c3.4-.1 6.8-.1 10.1.1-4 3.7-6.8 7.6-8.2 11.6 2.1 0 4.2 0 6.3.2-2.6 4.1-3.8 8.3-3.7 12.5 1.2-.7 3.4-1.4 5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
37
- </g>
38
- </g>
39
-
40
- <g class="earR">
41
- <g class="outerEar" fill="#ddf1fa" stroke="#3a5e77" stroke-width="2.5" data-svg-origin="143.5 71.5" transform="matrix(1,0,0,1,0,0)">
42
- <circle cx="155" cy="83" r="11.5"></circle>
43
- <path d="M155.7 78.9c2.3 0 4.1 1.9 4.1 4.1 0 2.3-1.9 4.1-4.1 4.1" stroke-linecap="round" stroke-linejoin="round"></path>
44
- </g>
45
- <g class="earHair" data-svg-origin="131 62.79999923706055" transform="matrix(1,0,0,1,0,0)">
46
- <rect x="131" y="64" fill="#FFFFFF" width="20" height="35"></rect>
47
- <path d="M148.6 62.8c4.9 4.6 8.4 9.4 10.6 14.2-3.4-.1-6.8-.1-10.1.1 4 3.7 6.8 7.6 8.2 11.6-2.1 0-4.2 0-6.3.2 2.6 4.1 3.8 8.3 3.7 12.5-1.2-.7-3.4-1.4-5.2-1.9" fill="#fff" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
48
- </g>
49
- </g>
50
- <path class="chin" d="M84.1 121.6c2.7 2.9 6.1 5.4 9.8 7.5l.9-4.5c2.9 2.5 6.3 4.8 10.2 6.5 0-1.9-.1-3.9-.2-5.8 3 1.2 6.2 2 9.7 2.5-.3-2.1-.7-4.1-1.2-6.1" fill="none" stroke="#3a5e77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-svg-origin="84.0999984741211 121.5999984741211" transform="matrix(1,0,0,1,0,0)"></path>
51
- <path class="face" fill="#DDF1FA" d="M134.5,46v35.5c0,21.815-15.446,39.5-34.5,39.5s-34.5-17.685-34.5-39.5V46" data-svg-origin="100 46" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
52
- <path class="hair" fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M81.457,27.929 c1.755-4.084,5.51-8.262,11.253-11.77c0.979,2.565,1.883,5.14,2.712,7.723c3.162-4.265,8.626-8.27,16.272-11.235 c-0.737,3.293-1.588,6.573-2.554,9.837c4.857-2.116,11.049-3.64,18.428-4.156c-2.403,3.23-5.021,6.391-7.852,9.474" data-svg-origin="104.51250076293945 27.929000854492188" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;"></path>
53
-
54
- <g class="eyebrow" data-svg-origin="100.85150527954102 43.33300018310547" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
55
- <path fill="#FFFFFF" d="M138.142,55.064c-4.93,1.259-9.874,2.118-14.787,2.599c-0.336,3.341-0.776,6.689-1.322,10.037 c-4.569-1.465-8.909-3.222-12.996-5.226c-0.98,3.075-2.07,6.137-3.267,9.179c-5.514-3.067-10.559-6.545-15.097-10.329 c-1.806,2.889-3.745,5.73-5.816,8.515c-7.916-4.124-15.053-9.114-21.296-14.738l1.107-11.768h73.475V55.064z"></path>
56
- <path fill="#FFFFFF" stroke="#3A5E77" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M63.56,55.102 c6.243,5.624,13.38,10.614,21.296,14.738c2.071-2.785,4.01-5.626,5.816-8.515c4.537,3.785,9.583,7.263,15.097,10.329 c1.197-3.043,2.287-6.104,3.267-9.179c4.087,2.004,8.427,3.761,12.996,5.226c0.545-3.348,0.986-6.696,1.322-10.037 c4.913-0.481,9.857-1.34,14.787-2.599"></path>
57
- </g>
58
-
59
- <g class="eyeL" data-svg-origin="82 75" transform="matrix(1,0,0,1,0,0)">
60
- <circle cx="85.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
61
- <circle cx="84" cy="76" r="1" fill="#fff"></circle>
62
- </g>
63
-
64
- <g class="eyeR" data-svg-origin="111 75" transform="matrix(1,0,0,1,0,0)">
65
- <circle cx="114.5" cy="78.5" r="3.5" fill="#3a5e77"></circle>
66
- <circle cx="113" cy="76" r="1" fill="#fff"></circle>
67
- </g>
68
-
69
- <g class="mouth" data-svg-origin="100.2220687866211 104" transform="matrix(1,0,0,1,0,0)" style="transform-origin: 0px 0px 0px;">
70
- <path class="mouthBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
71
- <path style="display: none;" class="mouthSmallBG" fill="#617E92" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
72
- <path style="display: none;" class="mouthMediumBG" d="M95,104.2c-4.5,0-8.2-3.7-8.2-8.2v-2c0-1.2,1-2.2,2.2-2.2h22c1.2,0,2.2,1,2.2,2.2v2 c0,4.5-3.7,8.2-8.2,8.2H95z"></path>
73
- <path style="display: none;" class="mouthLargeBG" d="M100 110.2c-9 0-16.2-7.3-16.2-16.2 0-2.3 1.9-4.2 4.2-4.2h24c2.3 0 4.2 1.9 4.2 4.2 0 9-7.2 16.2-16.2 16.2z" fill="#617e92" stroke="#3a5e77" stroke-linejoin="round" stroke-width="2.5"></path>
74
-
75
- <defs>
76
- <path id="mouthMaskPath" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
77
- </defs>
78
-
79
- <clipPath id="mouthMask">
80
- <use xlink:href="#mouthMaskPath" overflow="visible"></use>
81
- </clipPath>
82
-
83
- <g clip-path="url(#mouthMask)">
84
- <g class="tongue">
85
- <circle cx="100" cy="107" r="8" fill="#cc4a6c"></circle>
86
- <ellipse class="tongueHighlight" cx="100" cy="100.5" rx="3" ry="1.5" opacity=".1" fill="#fff"></ellipse>
87
- </g>
88
- </g>
89
-
90
- <path clip-path="url(#mouthMask)" class="tooth" style="fill:#FFFFFF;" d="M106,97h-4c-1.1,0-2-0.9-2-2v-2h8v2C108,96.1,107.1,97,106,97z"></path>
91
- <path class="mouthOutline" fill="none" stroke="#3A5E77" stroke-width="2.5" stroke-linejoin="round" d="M100.2,101c-0.4,0-1.4,0-1.8,0c-2.7-0.3-5.3-1.1-8-2.5c-0.7-0.3-0.9-1.2-0.6-1.8 c0.2-0.5,0.7-0.7,1.2-0.7c0.2,0,0.5,0.1,0.6,0.2c3,1.5,5.8,2.3,8.6,2.3s5.7-0.7,8.6-2.3c0.2-0.1,0.4-0.2,0.6-0.2 c0.5,0,1,0.3,1.2,0.7c0.4,0.7,0.1,1.5-0.6,1.9c-2.6,1.4-5.3,2.2-7.9,2.5C101.7,101,100.5,101,100.2,101z"></path>
92
- </g>
93
-
94
- <path class="nose" d="M97.7 79.9h4.7c1.9 0 3 2.2 1.9 3.7l-2.3 3.3c-.9 1.3-2.9 1.3-3.8 0l-2.3-3.3c-1.3-1.6-.2-3.7 1.8-3.7z" fill="#3a5e77" data-svg-origin="100.0374870300293 83.88750076293945" transform="matrix(0.99801,0.06294,-0.06294,0.99801,5.478269809651323,-6.130086597558147)" style="transform-origin: 0px 0px 0px;"></path>
95
-
96
- <g class="arms" clip-path="url(#armMask)">
97
- <g class="armL" data-svg-origin="1.2000000476837158 46.20000076293945" transform="matrix(-0.25881,0.96592,-0.96592,-0.25881,-46.863643174353925,276.9983298065334)" style="transform-origin: 0px 0px 0px;">
98
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M121.3 97.4L111 58.7l38.8-10.4 20 36.1z"></path>
99
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M134.4 52.5l19.3-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1L146 59.7M160.8 76.5l19.4-5.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-18.3 4.9M158.3 66.8l23.1-6.2c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-23.1 6.2M150.9 58.4l26-7c2.7-.7 5.4.9 6.1 3.5.7 2.7-.9 5.4-3.5 6.1l-21.3 5.7"></path>
100
- <path fill="#a9ddf3" d="M178.8 74.7l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM180.1 64l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM175.5 54.9l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8zM152.1 49.4l2.2-.6c1.1-.3 2.2.3 2.4 1.4.3 1.1-.3 2.2-1.4 2.4l-2.2.6-1-3.8z"></path>
101
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M123.5 96.8c-41.4 14.9-84.1 30.7-108.2 35.5L1.2 80c33.5-9.9 71.9-16.5 111.9-21.8"></path>
102
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M108.5 59.4c7.7-5.3 14.3-8.4 22.8-13.2-2.4 5.3-4.7 10.3-6.7 15.1 4.3.3 8.4.7 12.3 1.3-4.2 5-8.1 9.6-11.5 13.9 3.1 1.1 6 2.4 8.7 3.8-1.4 2.9-2.7 5.8-3.9 8.5 2.5 3.5 4.6 7.2 6.3 11-4.9-.8-9-.7-16.2-2.7M94.5 102.8c-.6 4-3.8 8.9-9.4 14.7-2.6-1.8-5-3.7-7.2-5.7-2.5 4.1-6.6 8.8-12.2 14-1.9-2.2-3.4-4.5-4.5-6.9-4.4 3.3-9.5 6.9-15.4 10.8-.2-3.4.1-7.1 1.1-10.9M97.5 62.9c-1.7-2.4-5.9-4.1-12.4-5.2-.9 2.2-1.8 4.3-2.5 6.5-3.8-1.8-9.4-3.1-17-3.8.5 2.3 1.2 4.5 1.9 6.8-5-.6-11.2-.9-18.4-1 2 2.9.9 3.5 3.9 6.2"></path>
103
- </g>
104
-
105
- <g class="armR" data-svg-origin="385.5 47.03531265258789" transform="matrix(-0.25881,-0.96592,0.96592,-0.25881,346.84211864830615,651.5733533938651)" style="transform-origin: 0px 0px 0px;">
106
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M265.4 97.3l10.4-38.6-38.9-10.5-20 36.1z"></path>
107
- <path fill="#ddf1fa" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.5" d="M252.4 52.4L233 47.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l10.3 2.8M226 76.4l-19.4-5.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l18.3 4.9M228.4 66.7l-23.1-6.2c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l23.1 6.2M235.8 58.3l-26-7c-2.7-.7-5.4.9-6.1 3.5-.7 2.7.9 5.4 3.5 6.1l21.3 5.7"></path>
108
- <path fill="#a9ddf3" d="M207.9 74.7l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM206.7 64l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM211.2 54.8l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8zM234.6 49.4l-2.2-.6c-1.1-.3-2.2.3-2.4 1.4-.3 1.1.3 2.2 1.4 2.4l2.2.6 1-3.8z"></path>
109
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M263.3 96.7c41.4 14.9 84.1 30.7 108.2 35.5l14-52.3C352 70 313.6 63.5 273.6 58.1"></path>
110
- <path fill="#fff" stroke="#3a5e77" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M278.2 59.3l-18.6-10 2.5 11.9-10.7 6.5 9.9 8.7-13.9 6.4 9.1 5.9-13.2 9.2 23.1-.9M284.5 100.1c-.4 4 1.8 8.9 6.7 14.8 3.5-1.8 6.7-3.6 9.7-5.5 1.8 4.2 5.1 8.9 10.1 14.1 2.7-2.1 5.1-4.4 7.1-6.8 4.1 3.4 9 7 14.7 11 1.2-3.4 1.8-7 1.7-10.9M314 66.7s5.4-5.7 12.6-7.4c1.7 2.9 3.3 5.7 4.9 8.6 3.8-2.5 9.8-4.4 18.2-5.7.1 3.1.1 6.1 0 9.2 5.5-1 12.5-1.6 20.8-1.9-1.4 3.9-2.5 8.4-2.5 8.4"></path>
111
- </g>
112
- </g>
113
- </svg>
114
- </div>
115
- </div>
116
-
117
- <label>Name:</label>
118
- <input type="text" class="form-control" name="name" required>
119
-
120
- <label>Email:</label>
121
- <input type="email" class="form-control" name="email" required>
122
- <div id="mail-error-group" class="form-group" style="display:none; text-align:center; text-weight:bold;">
123
- <b><span id="mail-error" style="color:red;"></span></b>
124
- </div>
125
-
126
- <label for="database">Select a College:</label>
127
- <select name="database" id="database" required>
128
- <option value="database1">GCOEN</option>
129
- </select>
130
- <!-- <label for="usertype">Select Login Type:</label>-->
131
- <!-- <select name="usertype" id="usertype" required>-->
132
- <!-- <option value="student">Student</option>-->
133
- <!-- <option value="admin">College Admin</option>-->
134
- <!-- </select>-->
135
- <label for="password">Password:</label>
136
- <input type="password" class="form-control" id="password" name="password" required>
137
-
138
- <label for="repeat-password">Repeat Password:</label>
139
- <input type="password" class="form-control" id="repeat-password" required><br>
140
-
141
- <div id="pass-error-group" class="form-group" style="display:none; text-align:center; text-weight:bold;">
142
- <b><span id="pass-error" style="color:red;"></span></b>
143
- </div>
144
-
145
- <button type="submit" class="btn btn-primary">Register</button>
146
- <p style="text-align:center; margin:10px;">Already have an account? <a href="/login">Log in</a> instead.</p>
147
- </div>
148
- <div id="message-group" class="form-group" style="display:none; text-align:center; text-weight:bold;">
149
- <img src="/static/user.gif" height="300px" width="300px" style="padding:20px; margin:10px auto;"><br>
150
- <b><span id="message" style="color:green;"></span></b>
151
- </div>
152
- </form>
153
- </div>
154
-
155
- <script>
156
- function myFunction() {
157
- var pass = document.getElementById("password").value;
158
- var rep_pass = document.getElementById("repeat-password").value;
159
- let value = pass.localeCompare(rep_pass);
160
- if (value != 0) {
161
- document.getElementById("pass-error-group").style.display = "block";
162
- document.getElementById("pass-error").innerHTML = "&#x0021; &nbsp; &nbsp; Password does not Match.";
163
- return false;
164
- }
165
- return true;
166
- }
167
-
168
- document.getElementById("reg-form").addEventListener("submit", function(event) {
169
- if (!myFunction()) {
170
- event.preventDefault(); // prevent the form from submitting
171
- }
172
- });
173
-
174
- const error_code = {{error_code}};
175
- if (error_code == 550) {
176
- document.getElementById("mail-error-group").style.display = "block";
177
- document.getElementById("mail-error").innerHTML = "&#x0021; &nbsp; &nbsp; {{error}}";
178
- }
179
- const message_code = {{message_code}};
180
- if (message_code == 560) {
181
- document.getElementById("form-group").style.display = "none";
182
- document.getElementById("message-group").style.display = "block";
183
- document.getElementById("message").innerHTML = "&#x0021; &nbsp; &nbsp; {{message}}";
184
- }
185
- </script>
186
-
187
- {% endblock %}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/result.html DELETED
@@ -1,211 +0,0 @@
1
- <!--<!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Custom Result</title>
6
- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
7
- </head>
8
- <body>-->
9
-
10
- {% extends 'layout.html' %}
11
- {% block title %} Custom Form {% endblock %}
12
- {% block link %} {% endblock %}
13
- {% block content %}
14
- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
15
- <br><br><br>
16
- <div class="flexContainer">
17
- <div class="flex1">
18
- <div class="forminfo-result">
19
- <div id="name" style="padding:20px; text-align:center; font-size: 28px; font-weight:700;">Happy Index</div>
20
- <div class="happy-score">{{ res4 }}</div>
21
- <p id="name" style="padding:20px;"><b>Name of Assessment : </b><br>{{ res8['name'] }}</p>
22
- <p id="name" style="padding:20px;"><b>Description :</b> {{ res8['description'] }}</p>
23
- </div>
24
- </div>
25
-
26
- <div id="flex2" class="flex2">
27
- <div class="text-content-congo"><img src="static/party-popper.png" alt="Congo" width="35px"> &nbsp; Congratulations! You've completed the SmileCheck assessment.</div>
28
- <script>
29
- const congo = document.querySelector(".text-content-congo");
30
- const parent = document.getElementById("flex2");
31
- setTimeout(() => {
32
- parent.removeChild(congo);
33
- }, 3000);
34
- </script>
35
- <div class="text-content-header" style="font-size:28px; font-weight:700; padding:10px;"> Assessment Analysis</div>
36
- <!-- <div class="text-content1">The SmileCheck assessment provides a personalized analysis of students' happiness and wellbeing using advanced sentiment analysis. This analysis generates a happiness index score and identifies areas for improvement, providing students with personalized recommendations and resources to make positive changes.</div>-->
37
-
38
- <div class="flexsub">
39
- <div class="navsub1">
40
- <p id="change">Result Graph</p>
41
- </div>
42
- <div class="navsub2">
43
- <button class="sub1" id="myButton"><p id="buttontext">See Responses <i class="uil uil-arrow-right"></i></button>
44
- <button class="sub1" id="myButton2" style="display:none;"><p id="buttontext">Check Result Graph <i class="uil uil-arrow-right"></i></button>
45
- </div>
46
- </div>
47
-
48
- <div id="graph" style="display:block;">
49
- <div class="chart">
50
- <canvas id="myChart"></canvas>
51
- <p class="caption">Assessment Analysis</p>
52
- </div>
53
- <script>
54
- // Chart configuration
55
- var ctx = document.getElementById('myChart').getContext('2d');
56
- var chart = new Chart(ctx, {
57
- type: 'bar',
58
- data: {
59
- labels: {{ques|safe}},
60
- datasets: [{
61
- barPercentage: 0.5,
62
- minBarLength: 5,
63
- borderRadius:5,
64
- label: ' Your Score',
65
- data: {{res2}},
66
- backgroundColor: [
67
- 'rgba(255, 206, 86, 0.6)',
68
- ],
69
- borderColor: [
70
- 'rgba(255, 206, 86, 1)',
71
- ],
72
- borderWidth: 1
73
- },
74
- {
75
- barPercentage: 0.5,
76
- minBarLength: 5,
77
- borderRadius:5,
78
- label: ' Average Score',
79
- data: {{res5}},
80
- backgroundColor: [
81
- 'rgba(255, 206, 86, 0.2)',
82
- ],
83
- borderColor: [
84
- 'rgba(255, 206, 86, 1)',
85
- ],
86
- borderWidth: 1
87
- }]
88
- },
89
- options: {
90
- scales: {
91
- yAxes: [{
92
- ticks: {
93
- beginAtZero: true
94
- },
95
- scaleLabel: {
96
- display: true,
97
- labelString: '% Compared to Average'
98
- }
99
- }],
100
- xAxes: [{
101
- scaleLabel: {
102
- display: true,
103
- labelString: 'Data Points'
104
- }
105
- }]
106
- }
107
- }
108
- });
109
- </script>
110
- </div>
111
-
112
- <div id="questions" style="display:none;">
113
- {% set questions_list = res9['Questions'][2:-2].split('", "') %}
114
- {% for i in range(1, questions_list|count+1) %}
115
- {% set j = res9['response'][2:-2].split('", "') %}
116
- {% set k = res9['result']%}
117
- {% set l = res2[1:-1].split(', ') %}
118
- <div class="qres">
119
- <div class="qflex1">
120
- <div id="progressdiv{{loop.index}}" class="progressdiv"></div>
121
- <script>
122
- const progressDiv{{loop.index}} = document.getElementById('progressdiv{{loop.index}}');
123
- var temp = eval({{ k }})[{{loop.index-1}}];
124
- if (eval({{ k }})[{{loop.index-1}}] > 0) {
125
- progressDiv{{loop.index}}.style.background = 'linear-gradient(to top, #00ff00 {{l[loop.index-1]}}%, white 50%, white 100%)';
126
- }
127
- else if (eval({{ k }})[{{loop.index-1}}] < 0) {
128
- progressDiv{{loop.index}}.style.background = 'linear-gradient(to bottom, red {{l[loop.index-1]}}%, white 50%, white 100%)';
129
- }
130
- </script>
131
- <p>{{l[loop.index-1]}}</p>
132
- </div>
133
-
134
- <div class="qflex2">
135
- <div class="quest">
136
- <b>Question {{ loop.index }}: </b>{{ questions_list[i-1] }}
137
- </div>
138
- <div class="response">
139
- {{ j[loop.index-1] }}
140
- </div>
141
- </div>
142
- </div>
143
- {% endfor %}
144
- </div>
145
-
146
- <button class="accordion"><a href="#previous-data" id="jump-link5" style="text-decoration: none !important;"><b>Suggestions</b></a></button>
147
- <div class="panel">
148
- <div class="domains">
149
- <!-- <div class="text-content1">Your happiness index score is <b>{{ res4 }}</b>. Based on your responses, our sentiment analysis tool has identified the following areas where you could focus on to improve your overall wellbeing.</div>-->
150
- {% for key, value in res7.items() %}
151
- <div class="each-domain">
152
- <div class="average-score"><span style="display:flex; justify-content:space-around;"><img src="/static/parameters/{{ key }}.png" alt="wellbeing" width="45px;" style="flex-basis:20%;"><span style="flex-basis:50%;">{{ value['average_score'] }}</span></span></div>
153
- <div class="name">{{ value['name'] }}</div>
154
- <div class="description">{{ value['description'] }}</div><br>
155
- <div class="suggestions-text">
156
- {% for suggestion in value['suggestions_text'][0] %}
157
- <p><img src="/static/chat.png" style="height:20px; width:20px;"> &nbsp; <b>Suggestion {{ loop.index }} :</b> {{ suggestion }}</p>
158
- {% endfor %}
159
- </div>
160
- </div>
161
- {% endfor %}
162
- </div>
163
- </div>
164
- </div>
165
- </div>
166
-
167
- <div class="text-content-end">Remember, improving your happiness is a journey, and we're here to support you every step of the way. <br>Thank you for using SmileCheck. <br>We wish you all the best on your journey to greater happiness and wellbeing.</div>
168
- <script>
169
- var acc = document.getElementsByClassName("accordion");
170
- var i;
171
-
172
- for (i = 0; i < acc.length; i++) {
173
- acc[i].addEventListener("click", function() {
174
- this.classList.toggle("active");
175
- var panel = this.nextElementSibling;
176
- if (panel.style.maxHeight) {
177
- panel.style.maxHeight = null;
178
- } else {
179
- panel.style.maxHeight = panel.scrollHeight + "px";
180
- }
181
- });
182
- }
183
- </script>
184
- <script>
185
- const myButton = document.getElementById("myButton");
186
- const pText = document.getElementById("change");
187
- const buttonText = document.getElementById("buttontext");
188
- const graphDiv = document.getElementById("graph");
189
- const questionsDiv = document.getElementById("questions");
190
-
191
- myButton.addEventListener("click", () => {
192
- graphDiv.style.display = "none";
193
- questionsDiv.style.display = "block";
194
-
195
- myButton.style.display = "none";
196
- myButton2.style.display = "block";
197
- pText.innerText = "Questions";
198
- });
199
-
200
- myButton2.addEventListener("click", () => {
201
- graphDiv.style.display = "block";
202
- questionsDiv.style.display = "none";
203
- myButton.style.display = "block";
204
- myButton2.style.display = "none";
205
- pText.innerText = "Result Graph";
206
- });
207
-
208
- </script>
209
- {% endblock %}
210
- <!--</body>
211
- </html>-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
templates/verify.html DELETED
@@ -1,32 +0,0 @@
1
- {% extends 'layout.html' %}
2
- {% block title %} Verification {% endblock %}
3
- {% block content %}
4
-
5
- <div id="success">
6
- <div id="success-svg">
7
- <svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" fill="green" clip-rule="evenodd" viewBox="0 0 512 484.17"><path d="M0 446.17c9.71-125.69 52.78-92.22 151.07-153.72 30.36 63.34 153.75 67.95 179.05 0 11.24 7.18 22.12 12.88 32.55 17.65-4.75 3.44-9.22 7.24-13.36 11.38-19.83 19.83-32.1 47.23-32.1 77.47 0 16.91 3.84 32.92 10.68 47.22H0zm426.78-132.43c47.06 0 85.22 38.16 85.22 85.21 0 47.06-38.16 85.22-85.22 85.22-47.05 0-85.21-38.16-85.21-85.22 0-47.05 38.16-85.21 85.21-85.21zm-24.55 71.88 14.42 13.62 32.69-33.72c2.83-2.86 4.6-5.16 8.08-1.58l11.3 11.58c3.7 3.66 3.52 5.82.02 9.23l-45.64 45.44c-7.38 7.23-6.1 7.67-13.57.25l-26.31-26.17c-1.56-1.67-1.4-3.38.31-5.07l13.11-13.59c1.98-2.1 3.57-1.92 5.59.01zm-227.99-98.17c-1.31-1.7 3.43-13.36 4.55-15.25-12.84-11.43-22.99-22.96-25.15-46.68l-1.38.02c-3.18-.04-6.25-.77-9.12-2.4-4.6-2.62-7.83-7.11-10.01-12.17-4.63-10.63-19.86-45.89 3.35-43.1-12.98-24.24 16.39-65.64-34.26-80.95 41.56-52.63 129.24-133.78 193.49-52.38 70.34 6.82 92.28 90.4 44.92 136.18 2.77.1 5.39.75 7.7 1.98 8.81 4.72 9.09 14.95 6.78 23.54-2.29 7.18-5.2 12.03-7.94 19.02-3.33 9.44-8.21 11.2-17.63 10.18-.47 23.34-11.26 34.8-25.78 48.51l3.97 13.46c-19.46 41.29-100.33 42.96-133.49.04z"/></svg>
8
- </div>
9
- <h2>Verification Successfull.<wbr> You will be auto-redirected in 5 seconds.</h2>
10
- <button class="homelink" onclick="window.location.href='http://127.0.0.1:5000/home'" style="margin: 20px auto; padding: 20px;">Go To HomePage <i class="uil uil-arrow-right"></i></button>
11
- </div>
12
-
13
- <div id="failure">
14
- <img id="failure-svg" src="/static/rejected.png">
15
- <h2>Verification Unsuccessfull.<wbr> You will be auto-redirected in 5 seconds.</h2>
16
- <button class="homelink" onclick="window.location.href='http://127.0.0.1:5000/home'" style="margin: 20px auto; padding: 20px;">Go To HomePage <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
17
- </div>
18
-
19
- <script>
20
- var error = {{message}};
21
- if (error == 111) {
22
- document.getElementById("success").style.display = "block";
23
- } else if (error == 999) {
24
- document.getElementById("failure").style.display = "block";
25
- }
26
-
27
- setTimeout(function() {
28
- window.location.href = "/{{ redirect_url }}";
29
- }, 5000);
30
- </script>
31
-
32
- {% endblock %}