···

       
1071
       
 
       
                                    lastActiveMonth = month;

     

       
1072
       
 
       
                                }

     

       
1073
       
 
       
                                

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
1074
       
 
       
                            }

     

       
1075
       
 
       
                        }

     

       
1076
       
 
       
                    });

     
···

       
1092
       
 
       
                        

     

       
1093
       
 
       
                        // Activate selected tab

     

       
1094
       
 
       
                        button.classList.add('active');

     

       
1095
       
-
       
                        document.querySelector(`.tab-content[data-tab="${tabName}"]`).classList.add('active');

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
1096
       
 
       
                        

     

       
1097
       
 
       
                        // Show or hide timeline sidebar based on active tab

     

       
1098
       
 
       
                        if (tabName === 'people') {

     
···

       
1651
       
 
       
                loadingContainer.style.display = 'none';

     

       
1652
       
 
       
                feedItemsContainer.innerHTML = entriesHTML;

     

       
1653
       
 
       
                

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
1654
       
 
       
                // Helper function to observe all items with date attributes

     

       
1655
       
 
       
                function observeAllDateItems() {

     

       
1656
       
 
       
                    // Observe all feed items for scroll tracking

     
···

       
1895
       
 
       
                // Update the links container

     

       
1896
       
 
       
                linksContainer.innerHTML = linksHTML;

     

       
1897
       
 
       
                

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
1898
       
 
       
                // Process people data

     

       
1899
       
 
       
                const peopleContainer = document.querySelector('.people-container');

     

       
1900
       
 
       
                const peopleMap = new Map(); // Map to store people data

     
···

       
2032
       
 
       
                            

     

       
2033
       
 
       
                            if (yearEl) yearEl.classList.add('active');

     

       
2034
       
 
       
                            if (monthEl) monthEl.classList.add('active');

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
2035
       
 
       
                        }

     

       
2036
       
 
       
                    });

     

       
2037
       
 
       
                });

     

···

       
1071
       
 
       
                                    lastActiveMonth = month;

     

       
1072
       
 
       
                                }

     

       
1073
       
 
       
                                

     

       
1074
       
+
       
                                // Fixed month header overlap issue

     

       
1075
       
+
       
                                // First hide all month headers

     

       
1076
       
+
       
                                document.querySelectorAll('.month-year-header').forEach(header => {

     

       
1077
       
+
       
                                    header.style.visibility = 'hidden';

     

       
1078
       
+
       
                                });

     

       
1079
       
+
       
                                

     

       
1080
       
+
       
                                // Only show the current month header

     

       
1081
       
+
       
                                const currentHeader = document.querySelector(`.month-year-header[data-year="${year}"][data-month="${month}"]`);

     

       
1082
       
+
       
                                if (currentHeader) {

     

       
1083
       
+
       
                                    currentHeader.style.visibility = 'visible';

     

       
1084
       
+
       
                                }

     

       
1085
       
 
       
                            }

     

       
1086
       
 
       
                        }

     

       
1087
       
 
       
                    });

     
···

       
1103
       
 
       
                        

     

       
1104
       
 
       
                        // Activate selected tab

     

       
1105
       
 
       
                        button.classList.add('active');

     

       
1106
       
+
       
                        const tabContent = document.querySelector(`.tab-content[data-tab="${tabName}"]`);

     

       
1107
       
+
       
                        tabContent.classList.add('active');

     

       
1108
       
+
       
                        

     

       
1109
       
+
       
                        // Reset month header visibility when switching tabs

     

       
1110
       
+
       
                        if (tabName === 'posts' || tabName === 'links') {

     

       
1111
       
+
       
                            const monthHeaders = tabContent.querySelectorAll('.month-year-header');

     

       
1112
       
+
       
                            monthHeaders.forEach((header, index) => {

     

       
1113
       
+
       
                                header.style.visibility = index === 0 ? 'visible' : 'hidden';

     

       
1114
       
+
       
                            });

     

       
1115
       
+
       
                        }

     

       
1116
       
 
       
                        

     

       
1117
       
 
       
                        // Show or hide timeline sidebar based on active tab

     

       
1118
       
 
       
                        if (tabName === 'people') {

     
···

       
1671
       
 
       
                loadingContainer.style.display = 'none';

     

       
1672
       
 
       
                feedItemsContainer.innerHTML = entriesHTML;

     

       
1673
       
 
       
                

     

       
1674
       
+
       
                // Initialize month headers - hide all except first one

     

       
1675
       
+
       
                const monthHeaders = document.querySelectorAll('.month-year-header');

     

       
1676
       
+
       
                monthHeaders.forEach((header, index) => {

     

       
1677
       
+
       
                    header.style.visibility = index === 0 ? 'visible' : 'hidden';

     

       
1678
       
+
       
                });

     

       
1679
       
+
       
                

     

       
1680
       
 
       
                // Helper function to observe all items with date attributes

     

       
1681
       
 
       
                function observeAllDateItems() {

     

       
1682
       
 
       
                    // Observe all feed items for scroll tracking

     
···

       
1921
       
 
       
                // Update the links container

     

       
1922
       
 
       
                linksContainer.innerHTML = linksHTML;

     

       
1923
       
 
       
                

     

       
1924
       
+
       
                // Initialize month headers in links view - hide all except first one

     

       
1925
       
+
       
                const linkMonthHeaders = document.querySelectorAll('#link-items .month-year-header');

     

       
1926
       
+
       
                linkMonthHeaders.forEach((header, index) => {

     

       
1927
       
+
       
                    header.style.visibility = index === 0 ? 'visible' : 'hidden';

     

       
1928
       
+
       
                });

     

       
1929
       
+
       
                

     

       
1930
       
 
       
                // Process people data

     

       
1931
       
 
       
                const peopleContainer = document.querySelector('.people-container');

     

       
1932
       
 
       
                const peopleMap = new Map(); // Map to store people data

     
···

       
2064
       
 
       
                            

     

       
2065
       
 
       
                            if (yearEl) yearEl.classList.add('active');

     

       
2066
       
 
       
                            if (monthEl) monthEl.classList.add('active');

     

       
2067
       
+
       
                            

     

       
2068
       
+
       
                            // Update month header visibility when clicking timeline

     

       
2069
       
+
       
                            // Hide all headers

     

       
2070
       
+
       
                            activeTab.querySelectorAll('.month-year-header').forEach(header => {

     

       
2071
       
+
       
                                header.style.visibility = 'hidden';

     

       
2072
       
+
       
                            });

     

       
2073
       
+
       
                            

     

       
2074
       
+
       
                            // Show only the clicked month header

     

       
2075
       
+
       
                            if (month !== null && month !== undefined) {

     

       
2076
       
+
       
                                const clickedHeader = activeTab.querySelector(`.month-year-header[data-year="${year}"][data-month="${month}"]`);

     

       
2077
       
+
       
                                if (clickedHeader) {

     

       
2078
       
+
       
                                    clickedHeader.style.visibility = 'visible';

     

       
2079
       
+
       
                                }

     

       
2080
       
+
       
                            }

     

       
2081
       
 
       
                        }

     

       
2082
       
 
       
                    });

     

       
2083
       
 
       
                });