···

       
984
       
 
       
        .filter-container {

     

       
985
       
 
       
            display: flex;

     

       
986
       
 
       
            align-items: center;

     

       
987
       
-
       
            margin-bottom: 15px;

     

       
988
       
-
       
            padding: 10px 15px;

     

       
989
       
 
       
            background-color: var(--card-bg);

     

       
990
       
 
       
            border: 1px solid var(--border-color);

     

       
991
       
 
       
            border-radius: 4px;

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
992
       
 
       
        }

     

       
993
       
 
       
        

     

       
994
       
 
       
        .filter-title {

     

       
995
       
 
       
            font-family: 'JetBrains Mono', monospace;

     

       
996
       
 
       
            color: var(--accent-color);

     

       
997
       
-
       
            font-size: 0.9rem;

     

       
998
       
-
       
            margin-right: 15px;

     

       
999
       
 
       
        }

     

       
1000
       
 
       
        

     

       
1001
       
 
       
        .filter-options {

     

       
1002
       
 
       
            display: flex;

     

       
1003
       
-
       
            gap: 15px;

     

       
1004
       
 
       
        }

     

       
1005
       
 
       
        

     

       
1006
       
 
       
        .filter-option {

     
···

       
1021
       
 
       
        .checkbox-custom {

     

       
1022
       
 
       
            position: relative;

     

       
1023
       
 
       
            display: inline-block;

     

       
1024
       
-
       
            width: 16px;

     

       
1025
       
-
       
            height: 16px;

     

       
1026
       
 
       
            background-color: rgba(77, 250, 123, 0.05);

     

       
1027
       
 
       
            border: 1px solid var(--accent-alt);

     

       
1028
       
 
       
            border-radius: 3px;

     

       
1029
       
-
       
            margin-right: 8px;

     

       
1030
       
 
       
            transition: all 0.2s ease;

     

       
1031
       
 
       
        }

     

       
1032
       
 
       
        

     

       
1033
       
 
       
        .filter-checkbox:checked + .checkbox-custom::after {

     

       
1034
       
 
       
            content: '';

     

       
1035
       
 
       
            position: absolute;

     

       
1036
       
-
       
            top: 2px;

     

       
1037
       
-
       
            left: 5px;

     

       
1038
       
-
       
            width: 5px;

     

       
1039
       
-
       
            height: 8px;

     

       
1040
       
 
       
            border: solid var(--accent-color);

     

       
1041
       
 
       
            border-width: 0 2px 2px 0;

     

       
1042
       
 
       
            transform: rotate(45deg);

     
···

       
1048
       
 
       
        }

     

       
1049
       
 
       
        

     

       
1050
       
 
       
        .filter-label {

     

       
1051
       
-
       
            font-size: 0.85rem;

     

       
1052
       
 
       
            color: var(--text-color);

     

       
1053
       
 
       
        }

     

       
1054
       
 
       
        

     
···

       
1056
       
 
       
            background-color: rgba(77, 250, 123, 0.1);

     

       
1057
       
 
       
            border-color: var(--accent-color);

     

       
1058
       
 
       
        }

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
1059
       
 
       


     

       
1060
       
 
       
        @media (max-width: 600px) {

     

       
1061
       
 
       
            .feed-item-author {

     
···

       
1134
       
 
       
            </div>

     

       
1135
       
 
       
            <div id="feed-items" class="tab-content active feed-container" data-tab="posts"></div>

     

       
1136
       
 
       
            <div class="tab-content" data-tab="links">

     

       
1137
       
-
       
                <div class="filter-container">

     

       
1138
       
-
       
                    <div class="filter-title">Filter:</div>

     

       
1139
       
-
       
                    <div class="filter-options">

     

       
1140
       
-
       
                        <label class="filter-option">

     

       
1141
       
-
       
                            <input type="checkbox" id="filter-papers" class="filter-checkbox" data-filter="academic">

     

       
1142
       
-
       
                            <span class="checkbox-custom"></span>

     

       
1143
       
-
       
                            <span class="filter-label">Papers</span>

     

       
1144
       
-
       
                        </label>

     

       
1145
       
-
       
                        <label class="filter-option">

     

       
1146
       
-
       
                            <input type="checkbox" id="filter-videos" class="filter-checkbox" data-filter="youtube">

     

       
1147
       
-
       
                            <span class="checkbox-custom"></span>

     

       
1148
       
-
       
                            <span class="filter-label">Videos</span>

     

       
1149
       
-
       
                        </label>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
1150
       
 
       
                    </div>

     

       
1151
       
 
       
                </div>

     

       
1152
       
 
       
                <div id="link-items" class="feed-container"></div>

     
···

       
2033
       
 
       
                                                    // Try to extract arXiv ID

     

       
2034
       
 
       
                                                    const arxivIdMatch = url.pathname.match(/\d+\.\d+/);

     

       
2035
       
 
       
                                                    if (arxivIdMatch) {

     

       
2036
       
-
       
                                                        displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> ${arxivIdMatch[0]}`;

     

       
2037
       
 
       
                                                    } else {

     

       
2038
       
-
       
                                                        displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2039
       
 
       
                                                    }

     

       
2040
       
 
       
                                                } else if (url.hostname.includes('nature.com')) {

     

       
2041
       
-
       
                                                    displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2042
       
 
       
                                                } else if (url.hostname.includes('science.org')) {

     

       
2043
       
-
       
                                                    displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2044
       
 
       
                                                } else if (url.hostname.includes('mdpi.com')) {

     

       
2045
       
-
       
                                                    displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2046
       
 
       
                                                } else if (link.url.toLowerCase().endsWith('.pdf')) {

     

       
2047
       
 
       
                                                    // For direct PDF links, try to get a meaningful filename

     

       
2048
       
 
       
                                                    const pathParts = url.pathname.split('/');

     

       
2049
       
 
       
                                                    const filename = pathParts[pathParts.length - 1];

     

       
2050
       
 
       
                                                    if (filename) {

     

       
2051
       
-
       
                                                        displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> ${decodeURIComponent(filename)}`;

     

       
2052
       
 
       
                                                    } else {

     

       
2053
       
-
       
                                                        displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Document`;

     

       
2054
       
 
       
                                                    }

     

       
2055
       
 
       
                                                }

     

       
2056
       
 
       
                                            }

     
···

       
2464
       
 
       
                        url.hostname.includes('mdpi.com') ||

     

       
2465
       
 
       
                        url.hostname.includes('doi.org')

     

       
2466
       
 
       
                    ) {

     

       
2467
       
-
       
                        iconPath = 'free-icons/svgs/regular-file-pdf.svg';

     

       
2468
       
 
       
                        

     

       
2469
       
 
       
                        // Set display text based on source

     

       
2470
       
 
       
                        if (url.hostname.includes('arxiv.org')) {

     
···

       
2688
       
 
       
                            // Papers filter - check for PDF icon

     

       
2689
       
 
       
                            if (activeFilters.includes('academic')) {

     

       
2690
       
 
       
                                const hasPdfIcon = linkUrl && (

     

       
2691
       
-
       
                                    linkUrl.innerHTML.includes('regular-file-pdf.svg') || 

     

       
2692
       
 
       
                                    (linkUrl.getAttribute('data-link-type') === 'academic')

     

       
2693
       
 
       
                                );

     

       
2694
       
 
       
                                if (hasPdfIcon) shouldShow = true;

     

···

       
984
       
 
       
        .filter-container {

     

       
985
       
 
       
            display: flex;

     

       
986
       
 
       
            align-items: center;

     

       
987
       
+
       
            margin-bottom: 10px;

     

       
988
       
+
       
            padding: 5px 10px;

     

       
989
       
 
       
            background-color: var(--card-bg);

     

       
990
       
 
       
            border: 1px solid var(--border-color);

     

       
991
       
 
       
            border-radius: 4px;

     

       
992
       
+
       
            align-self: flex-end;

     

       
993
       
+
       
            width: auto;

     

       
994
       
+
       
            margin-left: auto;

     

       
995
       
 
       
        }

     

       
996
       
 
       
        

     

       
997
       
 
       
        .filter-title {

     

       
998
       
 
       
            font-family: 'JetBrains Mono', monospace;

     

       
999
       
 
       
            color: var(--accent-color);

     

       
1000
       
+
       
            font-size: 0.8rem;

     

       
1001
       
+
       
            margin-right: 10px;

     

       
1002
       
 
       
        }

     

       
1003
       
 
       
        

     

       
1004
       
 
       
        .filter-options {

     

       
1005
       
 
       
            display: flex;

     

       
1006
       
+
       
            gap: 10px;

     

       
1007
       
 
       
        }

     

       
1008
       
 
       
        

     

       
1009
       
 
       
        .filter-option {

     
···

       
1024
       
 
       
        .checkbox-custom {

     

       
1025
       
 
       
            position: relative;

     

       
1026
       
 
       
            display: inline-block;

     

       
1027
       
+
       
            width: 14px;

     

       
1028
       
+
       
            height: 14px;

     

       
1029
       
 
       
            background-color: rgba(77, 250, 123, 0.05);

     

       
1030
       
 
       
            border: 1px solid var(--accent-alt);

     

       
1031
       
 
       
            border-radius: 3px;

     

       
1032
       
+
       
            margin-right: 6px;

     

       
1033
       
 
       
            transition: all 0.2s ease;

     

       
1034
       
 
       
        }

     

       
1035
       
 
       
        

     

       
1036
       
 
       
        .filter-checkbox:checked + .checkbox-custom::after {

     

       
1037
       
 
       
            content: '';

     

       
1038
       
 
       
            position: absolute;

     

       
1039
       
+
       
            top: 1px;

     

       
1040
       
+
       
            left: 4px;

     

       
1041
       
+
       
            width: 4px;

     

       
1042
       
+
       
            height: 7px;

     

       
1043
       
 
       
            border: solid var(--accent-color);

     

       
1044
       
 
       
            border-width: 0 2px 2px 0;

     

       
1045
       
 
       
            transform: rotate(45deg);

     
···

       
1051
       
 
       
        }

     

       
1052
       
 
       
        

     

       
1053
       
 
       
        .filter-label {

     

       
1054
       
+
       
            font-size: 0.8rem;

     

       
1055
       
 
       
            color: var(--text-color);

     

       
1056
       
 
       
        }

     

       
1057
       
 
       
        

     
···

       
1059
       
 
       
            background-color: rgba(77, 250, 123, 0.1);

     

       
1060
       
 
       
            border-color: var(--accent-color);

     

       
1061
       
 
       
        }

     

       
1062
       
+
       
        

     

       
1063
       
+
       
        .links-header {

     

       
1064
       
+
       
            display: flex;

     

       
1065
       
+
       
            justify-content: flex-end;

     

       
1066
       
+
       
            margin-bottom: 10px;

     

       
1067
       
+
       
            width: 100%;

     

       
1068
       
+
       
        }

     

       
1069
       
 
       


     

       
1070
       
 
       
        @media (max-width: 600px) {

     

       
1071
       
 
       
            .feed-item-author {

     
···

       
1144
       
 
       
            </div>

     

       
1145
       
 
       
            <div id="feed-items" class="tab-content active feed-container" data-tab="posts"></div>

     

       
1146
       
 
       
            <div class="tab-content" data-tab="links">

     

       
1147
       
+
       
                <div class="links-header">

     

       
1148
       
+
       
                    <div class="filter-container">

     

       
1149
       
+
       
                        <div class="filter-title">Filter:</div>

     

       
1150
       
+
       
                        <div class="filter-options">

     

       
1151
       
+
       
                            <label class="filter-option">

     

       
1152
       
+
       
                                <input type="checkbox" id="filter-papers" class="filter-checkbox" data-filter="academic">

     

       
1153
       
+
       
                                <span class="checkbox-custom"></span>

     

       
1154
       
+
       
                                <span class="filter-label">Papers</span>

     

       
1155
       
+
       
                            </label>

     

       
1156
       
+
       
                            <label class="filter-option">

     

       
1157
       
+
       
                                <input type="checkbox" id="filter-videos" class="filter-checkbox" data-filter="youtube">

     

       
1158
       
+
       
                                <span class="checkbox-custom"></span>

     

       
1159
       
+
       
                                <span class="filter-label">Videos</span>

     

       
1160
       
+
       
                            </label>

     

       
1161
       
+
       
                        </div>

     

       
1162
       
 
       
                    </div>

     

       
1163
       
 
       
                </div>

     

       
1164
       
 
       
                <div id="link-items" class="feed-container"></div>

     
···

       
2045
       
 
       
                                                    // Try to extract arXiv ID

     

       
2046
       
 
       
                                                    const arxivIdMatch = url.pathname.match(/\d+\.\d+/);

     

       
2047
       
 
       
                                                    if (arxivIdMatch) {

     

       
2048
       
+
       
                                                        displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> ${arxivIdMatch[0]}`;

     

       
2049
       
 
       
                                                    } else {

     

       
2050
       
+
       
                                                        displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2051
       
 
       
                                                    }

     

       
2052
       
 
       
                                                } else if (url.hostname.includes('nature.com')) {

     

       
2053
       
+
       
                                                    displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2054
       
 
       
                                                } else if (url.hostname.includes('science.org')) {

     

       
2055
       
+
       
                                                    displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2056
       
 
       
                                                } else if (url.hostname.includes('mdpi.com')) {

     

       
2057
       
+
       
                                                    displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;

     

       
2058
       
 
       
                                                } else if (link.url.toLowerCase().endsWith('.pdf')) {

     

       
2059
       
 
       
                                                    // For direct PDF links, try to get a meaningful filename

     

       
2060
       
 
       
                                                    const pathParts = url.pathname.split('/');

     

       
2061
       
 
       
                                                    const filename = pathParts[pathParts.length - 1];

     

       
2062
       
 
       
                                                    if (filename) {

     

       
2063
       
+
       
                                                        displayText = `<img src="solid-book-open.svg" width="13https://www.blogger.com/feeds/19062127/posts/default" height="14" style="vertical-align: middle; margin-right: 4px;"> ${decodeURIComponent(filename)}`;

     

       
2064
       
 
       
                                                    } else {

     

       
2065
       
+
       
                                                        displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Document`;

     

       
2066
       
 
       
                                                    }

     

       
2067
       
 
       
                                                }

     

       
2068
       
 
       
                                            }

     
···

       
2476
       
 
       
                        url.hostname.includes('mdpi.com') ||

     

       
2477
       
 
       
                        url.hostname.includes('doi.org')

     

       
2478
       
 
       
                    ) {

     

       
2479
       
+
       
                        iconPath = 'solid-book-open.svg';

     

       
2480
       
 
       
                        

     

       
2481
       
 
       
                        // Set display text based on source

     

       
2482
       
 
       
                        if (url.hostname.includes('arxiv.org')) {

     
···

       
2700
       
 
       
                            // Papers filter - check for PDF icon

     

       
2701
       
 
       
                            if (activeFilters.includes('academic')) {

     

       
2702
       
 
       
                                const hasPdfIcon = linkUrl && (

     

       
2703
       
+
       
                                    linkUrl.innerHTML.includes('solid-book-open.svg') || 

     

       
2704
       
 
       
                                    (linkUrl.getAttribute('data-link-type') === 'academic')

     

       
2705
       
 
       
                                );

     

       
2706
       
 
       
                                if (hasPdfIcon) shouldShow = true;