Add dedicated full news feed function and improve error handling

- Created loadFullNewsFeed() in main.js for news.html page
- Added 30s timeout to prevent hanging
- Added detailed console logging for debugging
- Improved error messages with specific failure reasons
- Simplified news.html to call shared function from main.js

This eliminates code duplication and ensures consistent behavior
between homepage (6 items) and news page (25 items with descriptions).

Co-Authored-By: Claude Sonnet 4.5 (1M context) <noreply@anthropic.com>

Author: slarson

js/main.js

@@ -133,6 +133,7 @@ function refreshNews() {
         url: 'https://api.allorigins.win/get?url=' + encodeURIComponent('https://openworm.tumblr.com/rss'),
         method: 'GET',
         dataType: 'json',
+        timeout: 30000,
         success: function(data) {
             var parser = new DOMParser();
             var xml = parser.parseFromString(data.contents, 'text/xml');
@@ -167,6 +168,80 @@ function refreshNews() {
     });
 }
 
+function loadFullNewsFeed() {
+    // Load full news feed with descriptions for news.html page
+    console.log('Loading full news feed...');
+
+    $.ajax({
+        url: 'https://api.allorigins.win/get?url=' + encodeURIComponent('https://openworm.tumblr.com/rss'),
+        method: 'GET',
+        dataType: 'json',
+        timeout: 30000,
+        success: function(data) {
+            console.log('Feed loaded, parsing...');
+
+            var parser = new DOMParser();
+            var xml = parser.parseFromString(data.contents, 'text/xml');
+            var items = xml.querySelectorAll('item');
+
+            console.log('Found ' + items.length + ' items');
+
+            var html = '';
+            var count = 0;
+
+            for (var i = 0; i < items.length && count < 25; i++) {
+                var item = items[i];
+
+                var title = item.querySelector('title').textContent;
+                var link = item.querySelector('link').textContent;
+                var pubDate = new Date(item.querySelector('pubDate').textContent);
+                var dateStr = pubDate.toLocaleDateString('en-US', {
+                    month: 'long',
+                    day: 'numeric',
+                    year: 'numeric'
+                });
+
+                var descNode = item.querySelector('description');
+                var description = descNode ? descNode.textContent : '';
+
+                var borderStyle = (count < 24) ? 'border-bottom: 1px solid #eee;' : '';
+
+                html += '<li style="margin-bottom: 30px; padding-bottom: 20px; ' + borderStyle + '">';
+                html += '<h3 style="margin-top: 0;"><a href="' + link + '" target="_blank">' + title + '</a></h3>';
+                html += '<p class="muted" style="font-size: 14px; margin-bottom: 10px;">' + dateStr + '</p>';
+                html += '<div style="line-height: 1.6;">' + description + '</div>';
+                html += '</li>';
+                count++;
+            }
+
+            $("#news-feed-full").html(html);
+            console.log('Rendered ' + count + ' items');
+
+            // Make images responsive
+            $("#news-feed-full img").css({
+                "max-width": "100%",
+                "height": "auto",
+                "margin": "15px 0",
+                "display": "block"
+            });
+        },
+        error: function(xhr, status, err) {
+            console.error('Error loading full feed - Status:', status, 'Error:', err);
+
+            var errorMsg = 'Unable to load news feed. ';
+            if (status === 'timeout') {
+                errorMsg += 'Request timed out.';
+            } else if (xhr.status === 0) {
+                errorMsg += 'Network or CORS error.';
+            } else {
+                errorMsg += 'Error: ' + status;
+            }
+
+            $("#news-feed-full").html('<li class="muted" style="text-align: center; padding: 40px;">' + errorMsg + ' <a href="https://openworm.tumblr.com" target="_blank">View blog directly &raquo;</a></li>');
+        }
+    });
+}
+
 
 // connections to outside resources (social + GA)
 

news.html

@@ -90,61 +90,12 @@ <h2>Latest News</h2>
        ================================================== -->
   <!-- Placed at the end of the document so the pages load faster -->
   <script src="js/bootstrap.js"></script>
+  <script src="js/main.js"></script>
   <script>
-    // Load full news feed from Tumblr RSS using allOrigins CORS proxy
-    $(function() {
-      $.ajax({
-        url: 'https://api.allorigins.win/get?url=' + encodeURIComponent('https://openworm.tumblr.com/rss'),
-        method: 'GET',
-        dataType: 'json',
-        success: function(data) {
-          var parser = new DOMParser();
-          var xml = parser.parseFromString(data.contents, 'text/xml');
-          var items = xml.querySelectorAll('item');
-
-          var html = '';
-          var count = 0;
-          items.forEach(function(item) {
-            if (count >= 25) return;
-
-            var title = item.querySelector('title').textContent;
-            var link = item.querySelector('link').textContent;
-            var pubDate = new Date(item.querySelector('pubDate').textContent);
-            var dateStr = pubDate.toLocaleDateString('en-US', {
-              month: 'long',
-              day: 'numeric',
-              year: 'numeric'
-            });
-
-            // Get description/content
-            var descNode = item.querySelector('description');
-            var description = descNode ? descNode.textContent : '';
-
-            var borderStyle = (count < 24) ? 'border-bottom: 1px solid #eee;' : '';
-
-            html += '<li style="margin-bottom: 30px; padding-bottom: 20px; ' + borderStyle + '">';
-            html += '<h3 style="margin-top: 0;"><a href="' + link + '" target="_blank">' + title + '</a></h3>';
-            html += '<p class="muted" style="font-size: 14px; margin-bottom: 10px;">' + dateStr + '</p>';
-            html += '<div style="line-height: 1.6;">' + description + '</div>';
-            html += '</li>';
-            count++;
-          });
-
-          $("#news-feed-full").html(html);
-
-          // Make images responsive
-          $("#news-feed-full img").css({
-            "max-width": "100%",
-            "height": "auto",
-            "margin": "15px 0",
-            "display": "block"
-          });
-        },
-        error: function(err) {
-          console.error('Error loading news feed:', err);
-          $("#news-feed-full").html('<li class="muted" style="text-align: center; padding: 40px;">Unable to load news feed. Please try again later.</li>');
-        }
-      });
+    // Load full news feed when page is ready
+    $(window).on('load', function() {
+      console.log('news.html loaded, calling loadFullNewsFeed()');
+      loadFullNewsFeed();
     });
   </script>