Update templates/index.html

templates/index.html

@@ -61,9 +61,11 @@
             box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow like screenshot */
             transition: transform 0.2s;
             overflow: hidden;
+            border: 1px solid #e0e0e0; /* Subtle grey outline from screenshot */
         }
         .article-tile:hover {
             transform: scale(1.05);
+            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
         }
         .article-tile img, .article-tile svg {
             width: 100%;
@@ -163,9 +165,20 @@
                 loading.style.display = 'block';
             });
 
-            window.addEventListener('load', () => {
-                loading.style.display = 'none';
-            });
+            // Redirect to load feeds on page load
+            fetch('/load_feeds')
+                .then(response => {
+                    if (response.status === 200) {
+                        window.location.href = '/index';
+                    } else {
+                        console.error('Failed to load feeds');
+                        loading.style.display = 'none';
+                    }
+                })
+                .catch(error => {
+                    console.error('Error loading feeds:', error);
+                    loading.style.display = 'none';
+                });
         });
     </script>
 </body>