Update app.py
Browse files
app.py
CHANGED
@@ -175,7 +175,7 @@ body {
|
|
175 |
/* Header Styling */
|
176 |
header {
|
177 |
text-align: center;
|
178 |
-
|
179 |
background: linear-gradient(135deg, #6a1b9a, #64b5f6);
|
180 |
color: #ffffff;
|
181 |
border-radius: 12px;
|
@@ -353,123 +353,6 @@ footer p {
|
|
353 |
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
|
354 |
}
|
355 |
|
356 |
-
/* Submission Section Styling */
|
357 |
-
/* Submission Section Styling */
|
358 |
-
.submission-section {
|
359 |
-
margin: 40px auto;
|
360 |
-
padding: 30px;
|
361 |
-
background: linear-gradient(135deg, #ffffff, #f9f9ff);
|
362 |
-
border-radius: 12px;
|
363 |
-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
364 |
-
/*max-width: 800px; change 1*/
|
365 |
-
text-align: center;
|
366 |
-
|
367 |
-
}
|
368 |
-
.submission-section h2 {
|
369 |
-
font-size: 2.5em;
|
370 |
-
color: #6a1b9a;
|
371 |
-
margin-bottom: 20px;
|
372 |
-
font-weight: bold;
|
373 |
-
}
|
374 |
-
.submission-section p {
|
375 |
-
font-size: 1.2em;
|
376 |
-
color: #333;
|
377 |
-
margin-bottom: 30px;
|
378 |
-
}
|
379 |
-
#submission-fields {
|
380 |
-
display:flex;
|
381 |
-
flex-direction: column;
|
382 |
-
gap: 20px;
|
383 |
-
align-items: center;
|
384 |
-
}
|
385 |
-
#submission-fields input[type="file"],
|
386 |
-
#submission-fields input[type="text"] {
|
387 |
-
width: 90%;
|
388 |
-
padding: 12px 15px;
|
389 |
-
font-size: 1em;
|
390 |
-
border: 2px solid #d3bce8;
|
391 |
-
border-color: #5e1287;
|
392 |
-
border-radius: 8px;
|
393 |
-
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
|
394 |
-
transition: border-color 0.3s ease;
|
395 |
-
}
|
396 |
-
#submission-results {
|
397 |
-
margin-top: 20px;
|
398 |
-
text-align: center;
|
399 |
-
}
|
400 |
-
#submission-buttons {
|
401 |
-
display: flex;
|
402 |
-
justify-content: center;
|
403 |
-
gap: 15px;
|
404 |
-
margin-top: 20px;
|
405 |
-
}
|
406 |
-
#submission-buttons button {
|
407 |
-
padding: 10px 20px;
|
408 |
-
font-size: 1em;
|
409 |
-
color: #ffffff;
|
410 |
-
background: #6a1b9a;
|
411 |
-
border: none;
|
412 |
-
border-radius: 30px;
|
413 |
-
cursor: pointer;
|
414 |
-
font-weight: bold;
|
415 |
-
transition: background 0.3s ease, transform 0.3s ease;
|
416 |
-
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
417 |
-
}
|
418 |
-
#submission-buttons button:hover {
|
419 |
-
background: #8c52d3;
|
420 |
-
transform: scale(1.05);
|
421 |
-
}
|
422 |
-
#submission-buttons button:active {
|
423 |
-
background: #5e1287;
|
424 |
-
transform: scale(0.98);
|
425 |
-
}
|
426 |
-
|
427 |
-
|
428 |
-
#submission-fields input[type="file"]:hover,
|
429 |
-
#submission-fields input[type="text"]:hover {
|
430 |
-
border-color: #6a1b9a; /* Darker purple on hover */
|
431 |
-
}
|
432 |
-
#submission-fields input[type="file"]:focus,
|
433 |
-
#submission-fields input[type="text"]:focus {
|
434 |
-
border-color: #6a1b9a; /* Darker purple on focus */
|
435 |
-
outline: none;
|
436 |
-
box-shadow: 0 0 8px rgba(106, 27, 154, 0.5); /* Glow effect */
|
437 |
-
}
|
438 |
-
/* Evaluation Status Styling */
|
439 |
-
#evaluation-status {
|
440 |
-
margin-top: 15px;
|
441 |
-
padding: 10px 20px;
|
442 |
-
font-size: 1em;
|
443 |
-
border-radius: 8px;
|
444 |
-
border: 2px solid #6a1b9a; /* Matches the hover color */
|
445 |
-
background: #f9f7fd; /* Subtle purple background */
|
446 |
-
color: #333;
|
447 |
-
font-weight: bold;
|
448 |
-
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
|
449 |
-
}
|
450 |
-
/* Buttons Styling */
|
451 |
-
#submission-buttons button {
|
452 |
-
padding: 12px 25px;
|
453 |
-
font-size: 1.1em;
|
454 |
-
color: #ffffff;
|
455 |
-
background: #6a1b9a;
|
456 |
-
border: none;
|
457 |
-
border-radius: 30px;
|
458 |
-
cursor: pointer;
|
459 |
-
font-weight: bold;
|
460 |
-
transition: all 0.3s ease;
|
461 |
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
462 |
-
}
|
463 |
-
#submission-buttons button:hover {
|
464 |
-
background: #8c52d3; /* Slightly lighter purple */
|
465 |
-
transform: scale(1.05);
|
466 |
-
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
|
467 |
-
}
|
468 |
-
#submission-buttons button:active {
|
469 |
-
background: #5e1287; /* Darker purple */
|
470 |
-
transform: scale(0.98);
|
471 |
-
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
472 |
-
}
|
473 |
|
474 |
|
475 |
"""
|
|
|
175 |
/* Header Styling */
|
176 |
header {
|
177 |
text-align: center;
|
178 |
+
padding: 60px 20px;
|
179 |
background: linear-gradient(135deg, #6a1b9a, #64b5f6);
|
180 |
color: #ffffff;
|
181 |
border-radius: 12px;
|
|
|
353 |
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
|
354 |
}
|
355 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
356 |
|
357 |
|
358 |
"""
|