diff --git a/miniflux_scripts/shorter_entries_filter.js b/miniflux_scripts/shorter_entries_filter.js index af00761..6b013e8 100644 --- a/miniflux_scripts/shorter_entries_filter.js +++ b/miniflux_scripts/shorter_entries_filter.js @@ -1,14 +1,26 @@ (function() { 'use strict'; - // Style short reading time entries with user-preferred style + // Style and animate short reading time entries document.querySelectorAll('article.item.entry-item').forEach(entry => { const readingTimeElement = entry.querySelector('.item-meta-info-reading-time span'); if (readingTimeElement && (readingTimeElement.textContent.includes('1 minute') || readingTimeElement.textContent.includes('2 minutes'))) { - entry.style.backgroundColor = 'rgb(37, 44, 39)'; // Dark muted greenish-gray + entry.style.backgroundColor = 'rgb(37, 44, 39)'; // Base dark muted greenish-gray entry.style.border = '1px solid rgb(79, 194, 20)'; // Subtle green border - entry.style.borderRadius = '4px'; // Smooth corners + entry.style.borderRadius = '4px'; // Rounded corners entry.style.padding = '5px'; // Comfortable padding + entry.style.transition = 'border-color 0.5s ease, box-shadow 0.5s ease'; // Smooth animation for border & shadow + + // Add hover effect for geeky animation + entry.addEventListener('mouseover', () => { + entry.style.borderColor = 'rgb(129, 255, 50)'; // Brighter green on hover + entry.style.boxShadow = '0 0 10px rgba(129, 255, 50, 0.8)'; // Neon glow effect + }); + + entry.addEventListener('mouseout', () => { + entry.style.borderColor = 'rgb(79, 194, 20)'; // Reset border color + entry.style.boxShadow = 'none'; // Remove glow + }); } });