Spaces:
Running
Running
Added feedback banner
Browse files
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)")
|