Spaces:
Running
Running
changed Update Banner
Browse files
app.py
CHANGED
|
@@ -1392,61 +1392,61 @@ with gr.Blocks(
|
|
| 1392 |
gr.HTML(
|
| 1393 |
"""
|
| 1394 |
<style>
|
| 1395 |
-
/*
|
| 1396 |
.glow-banner {
|
| 1397 |
-
background: linear-gradient(90deg, #
|
| 1398 |
background-size: 300% 300%;
|
| 1399 |
-
animation: gradientShift
|
| 1400 |
padding: 18px 22px;
|
| 1401 |
border-radius: 14px;
|
| 1402 |
-
color:
|
| 1403 |
-
font-weight:
|
| 1404 |
-
font-size:
|
| 1405 |
text-align: center;
|
| 1406 |
box-shadow:
|
| 1407 |
-
0 0
|
| 1408 |
-
0 0
|
| 1409 |
-
inset 0 0
|
| 1410 |
-
letter-spacing: 0.
|
| 1411 |
}
|
| 1412 |
|
|
|
|
| 1413 |
@keyframes gradientShift {
|
| 1414 |
0% { background-position: 0% 50%; }
|
| 1415 |
50% { background-position: 100% 50%; }
|
| 1416 |
100% { background-position: 0% 50%; }
|
| 1417 |
}
|
| 1418 |
|
|
|
|
| 1419 |
@keyframes glowPulse {
|
| 1420 |
0% {
|
| 1421 |
box-shadow:
|
| 1422 |
-
0 0
|
| 1423 |
-
0 0
|
| 1424 |
-
0 0 35px rgba(255,150,220,0.3);
|
| 1425 |
}
|
| 1426 |
50% {
|
| 1427 |
box-shadow:
|
| 1428 |
-
0 0
|
| 1429 |
-
0 0
|
| 1430 |
-
0 0 60px rgba(255,180,255,0.5);
|
| 1431 |
}
|
| 1432 |
100% {
|
| 1433 |
box-shadow:
|
| 1434 |
-
0 0
|
| 1435 |
-
0 0
|
| 1436 |
-
0 0 35px rgba(255,150,220,0.3);
|
| 1437 |
}
|
| 1438 |
}
|
| 1439 |
|
|
|
|
| 1440 |
@keyframes scalePulse {
|
| 1441 |
0% { transform: scale(1); }
|
| 1442 |
-
50% { transform: scale(1.
|
| 1443 |
100% { transform: scale(1); }
|
| 1444 |
}
|
| 1445 |
</style>
|
| 1446 |
|
| 1447 |
<div class="glow-banner">
|
| 1448 |
🎉 <strong>UPDATE:</strong><br>
|
| 1449 |
-
<span style="color:#
|
| 1450 |
💡 Find it in the IP Search section (use desktop mode or the 3-dot menu).
|
| 1451 |
</div>
|
| 1452 |
"""
|
|
|
|
| 1392 |
gr.HTML(
|
| 1393 |
"""
|
| 1394 |
<style>
|
| 1395 |
+
/* Ultra-Bright Yellow Glow Banner */
|
| 1396 |
.glow-banner {
|
| 1397 |
+
background: linear-gradient(90deg, #fff700, #ffdf00, #ffcc00, #fff700);
|
| 1398 |
background-size: 300% 300%;
|
| 1399 |
+
animation: gradientShift 5s ease infinite, glowPulse 1.8s infinite ease-in-out, scalePulse 3s infinite ease-in-out;
|
| 1400 |
padding: 18px 22px;
|
| 1401 |
border-radius: 14px;
|
| 1402 |
+
color: #4a3200;
|
| 1403 |
+
font-weight: 800;
|
| 1404 |
+
font-size: 19px;
|
| 1405 |
text-align: center;
|
| 1406 |
box-shadow:
|
| 1407 |
+
0 0 20px rgba(255, 223, 0, 0.9),
|
| 1408 |
+
0 0 40px rgba(255, 200, 0, 0.8),
|
| 1409 |
+
inset 0 0 15px rgba(255, 255, 200, 0.6);
|
| 1410 |
+
letter-spacing: 0.6px;
|
| 1411 |
}
|
| 1412 |
|
| 1413 |
+
/* Smooth shifting gradient */
|
| 1414 |
@keyframes gradientShift {
|
| 1415 |
0% { background-position: 0% 50%; }
|
| 1416 |
50% { background-position: 100% 50%; }
|
| 1417 |
100% { background-position: 0% 50%; }
|
| 1418 |
}
|
| 1419 |
|
| 1420 |
+
/* Strong gold neon glow */
|
| 1421 |
@keyframes glowPulse {
|
| 1422 |
0% {
|
| 1423 |
box-shadow:
|
| 1424 |
+
0 0 12px rgba(255, 220, 0, 0.8),
|
| 1425 |
+
0 0 25px rgba(255, 200, 0, 0.6);
|
|
|
|
| 1426 |
}
|
| 1427 |
50% {
|
| 1428 |
box-shadow:
|
| 1429 |
+
0 0 25px rgba(255, 240, 50, 1),
|
| 1430 |
+
0 0 55px rgba(255, 220, 0, 0.9);
|
|
|
|
| 1431 |
}
|
| 1432 |
100% {
|
| 1433 |
box-shadow:
|
| 1434 |
+
0 0 12px rgba(255, 220, 0, 0.8),
|
| 1435 |
+
0 0 25px rgba(255, 200, 0, 0.6);
|
|
|
|
| 1436 |
}
|
| 1437 |
}
|
| 1438 |
|
| 1439 |
+
/* Slight scaling animation */
|
| 1440 |
@keyframes scalePulse {
|
| 1441 |
0% { transform: scale(1); }
|
| 1442 |
+
50% { transform: scale(1.04); }
|
| 1443 |
100% { transform: scale(1); }
|
| 1444 |
}
|
| 1445 |
</style>
|
| 1446 |
|
| 1447 |
<div class="glow-banner">
|
| 1448 |
🎉 <strong>UPDATE:</strong><br>
|
| 1449 |
+
<span style="color:#4a3200;">IP Details for <u>1st Year and 2nd Year Students (Both Lateral & Regular)</u> are now available!</span><br>
|
| 1450 |
💡 Find it in the IP Search section (use desktop mode or the 3-dot menu).
|
| 1451 |
</div>
|
| 1452 |
"""
|