PraneshJs commited on
Commit
7265fbb
·
verified ·
1 Parent(s): a7cb43d

changed Update Banner

Browse files
Files changed (1) hide show
  1. app.py +21 -21
app.py CHANGED
@@ -1392,61 +1392,61 @@ with gr.Blocks(
1392
  gr.HTML(
1393
  """
1394
  <style>
1395
- /* Neon Glow + Gradient Animation */
1396
  .glow-banner {
1397
- background: linear-gradient(90deg, #8e2de2, #ff6fd8, #ff9ee3, #8e2de2);
1398
  background-size: 300% 300%;
1399
- animation: gradientShift 6s ease infinite, glowPulse 2s infinite ease-in-out, scalePulse 3s infinite ease-in-out;
1400
  padding: 18px 22px;
1401
  border-radius: 14px;
1402
- color: white;
1403
- font-weight: 700;
1404
- font-size: 18px;
1405
  text-align: center;
1406
  box-shadow:
1407
- 0 0 18px rgba(255,0,180,0.7),
1408
- 0 0 30px rgba(255,100,220,0.6),
1409
- inset 0 0 12px rgba(255,255,255,0.2);
1410
- letter-spacing: 0.5px;
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 10px rgba(255,0,150,0.6),
1423
- 0 0 20px rgba(255,0,150,0.4),
1424
- 0 0 35px rgba(255,150,220,0.3);
1425
  }
1426
  50% {
1427
  box-shadow:
1428
- 0 0 20px rgba(255,0,180,0.9),
1429
- 0 0 40px rgba(255,100,240,0.7),
1430
- 0 0 60px rgba(255,180,255,0.5);
1431
  }
1432
  100% {
1433
  box-shadow:
1434
- 0 0 10px rgba(255,0,150,0.6),
1435
- 0 0 20px rgba(255,0,150,0.4),
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.03); }
1443
  100% { transform: scale(1); }
1444
  }
1445
  </style>
1446
 
1447
  <div class="glow-banner">
1448
  🎉 <strong>UPDATE:</strong><br>
1449
- <span style="color:#fffbe6;">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
  """
 
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
  """