PraneshJs commited on
Commit
32ac5e4
Β·
verified Β·
1 Parent(s): e69fe51

Added feedback banner

Browse files
Files changed (1) hide show
  1. app.py +65 -0
app.py CHANGED
@@ -1328,6 +1328,71 @@ with gr.Blocks(
1328
  **πŸ“š IP Details Tab**,
1329
  **ℹ️ System Info Tab**
1330
  """)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1331
  gr.Markdown("πŸ’» **Mode**: Use Desktop Mode in browser for Good UI and UX")
1332
  gr.Markdown("πŸ•’ **Auto-Updates**: Data automatically refreshes when there is a change in Reward Points Sheet")
1333
  gr.Markdown("πŸ“ **Issue/Feedback Form** : [Issue/Feedback Form](https://docs.google.com/forms/d/e/1FAIpQLScnl0udcN2pUDENHl45HIj5HZbvDuwZ0g2eepBbp8tJYg-NvQ/viewform)")
 
1328
  **πŸ“š IP Details Tab**,
1329
  **ℹ️ System Info Tab**
1330
  """)
1331
+ gr.HTML(
1332
+ """
1333
+ <style>
1334
+ .urgent-banner {
1335
+ background: linear-gradient(90deg, #ff0000, #ffae00, #ff0000);
1336
+ background-size: 300% 300%;
1337
+ animation: gradientMove 4s ease infinite, glowPulse 1.5s infinite;
1338
+ padding: 20px 24px;
1339
+ border-radius: 14px;
1340
+ color: #ffffff;
1341
+ font-weight: 800;
1342
+ font-size: 18px;
1343
+ text-align: center;
1344
+ box-shadow:
1345
+ 0 0 20px rgba(255,0,0,0.9),
1346
+ 0 0 40px rgba(255,174,0,0.8);
1347
+ margin-bottom: 16px;
1348
+ }
1349
+
1350
+ @keyframes gradientMove {
1351
+ 0% { background-position: 0% 50%; }
1352
+ 50% { background-position: 100% 50%; }
1353
+ 100% { background-position: 0% 50%; }
1354
+ }
1355
+
1356
+ @keyframes glowPulse {
1357
+ 0% { box-shadow: 0 0 15px rgba(255,0,0,0.8); }
1358
+ 50% { box-shadow: 0 0 35px rgba(255,174,0,1); }
1359
+ 100% { box-shadow: 0 0 15px rgba(255,0,0,0.8); }
1360
+ }
1361
+
1362
+ .urgent-btn {
1363
+ display: inline-block;
1364
+ margin-top: 12px;
1365
+ padding: 10px 18px;
1366
+ background: #000000;
1367
+ color: #ffd700;
1368
+ font-weight: 800;
1369
+ font-size: 16px;
1370
+ border-radius: 8px;
1371
+ text-decoration: none;
1372
+ box-shadow: 0 0 10px rgba(0,0,0,0.6);
1373
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
1374
+ }
1375
+
1376
+ .urgent-btn:hover {
1377
+ transform: scale(1.05);
1378
+ box-shadow: 0 0 20px rgba(255,215,0,0.9);
1379
+ }
1380
+ </style>
1381
+
1382
+ <div class="urgent-banner">
1383
+ 🚨 <strong>URGENT – RP SITE OVERALL FEEDBACK</strong> 🚨<br><br>
1384
+
1385
+ πŸ“’ This is an <u>overall feedback form</u>.<br>
1386
+ πŸ“Š Using this feedback, the <strong>future presence of this website for upcoming semesters will be decided</strong>.<br><br>
1387
+
1388
+ ⚠️ <strong>Kindly give genuine and honest responses.</strong><br>
1389
+
1390
+ <a class="urgent-btn" href="https://forms.gle/y2xLTtgVxPEsH7jRA" target="_blank">
1391
+ πŸ“ GIVE FEEDBACK NOW
1392
+ </a>
1393
+ </div>
1394
+ """
1395
+ )
1396
  gr.Markdown("πŸ’» **Mode**: Use Desktop Mode in browser for Good UI and UX")
1397
  gr.Markdown("πŸ•’ **Auto-Updates**: Data automatically refreshes when there is a change in Reward Points Sheet")
1398
  gr.Markdown("πŸ“ **Issue/Feedback Form** : [Issue/Feedback Form](https://docs.google.com/forms/d/e/1FAIpQLScnl0udcN2pUDENHl45HIj5HZbvDuwZ0g2eepBbp8tJYg-NvQ/viewform)")