mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 15:11:09 -05:00
- Implemented park card component with image, status badge, favorite button, and quick stats overlay. - Developed ride card component featuring thrill level badge, status badge, favorite button, and detailed stats. - Created advanced search page with filters for parks and rides, including location, type, status, and thrill level. - Added dynamic quick search functionality with results display. - Enhanced user experience with JavaScript for filter toggling, range slider updates, and view switching. - Included custom CSS for improved styling of checkboxes and search results layout.
19 lines
550 B
JavaScript
19 lines
550 B
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
// Get all alert elements
|
|
const alerts = document.querySelectorAll('.alert');
|
|
|
|
// For each alert
|
|
alerts.forEach(alert => {
|
|
// After 5 seconds
|
|
setTimeout(() => {
|
|
// Add slideOut animation
|
|
alert.style.animation = 'slideOut 0.5s ease-out forwards';
|
|
|
|
// Remove the alert after animation completes
|
|
setTimeout(() => {
|
|
alert.remove();
|
|
}, 500);
|
|
}, 5000);
|
|
});
|
|
});
|