···
987
-
margin-bottom: 15px;
988
-
padding: 10px 15px;
987
+
margin-bottom: 10px;
background-color: var(--card-bg);
border: 1px solid var(--border-color);
992
+
align-self: flex-end;
font-family: 'JetBrains Mono', monospace;
color: var(--accent-color);
998
-
margin-right: 15px;
1000
+
font-size: 0.8rem;
1001
+
margin-right: 10px;
···
background-color: rgba(77, 250, 123, 0.05);
border: 1px solid var(--accent-alt);
1029
-
margin-right: 8px;
1032
+
margin-right: 6px;
transition: all 0.2s ease;
.filter-checkbox:checked + .checkbox-custom::after {
border: solid var(--accent-color);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
···
1051
-
font-size: 0.85rem;
1054
+
font-size: 0.8rem;
color: var(--text-color);
···
background-color: rgba(77, 250, 123, 0.1);
border-color: var(--accent-color);
1065
+
justify-content: flex-end;
1066
+
margin-bottom: 10px;
@media (max-width: 600px) {
···
<div id="feed-items" class="tab-content active feed-container" data-tab="posts"></div>
<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>
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>
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>
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>
<div id="link-items" class="feed-container"></div>
···
// Try to extract arXiv ID
const arxivIdMatch = url.pathname.match(/\d+\.\d+/);
2036
-
displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> ${arxivIdMatch[0]}`;
2048
+
displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> ${arxivIdMatch[0]}`;
2038
-
displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;
2050
+
displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;
} 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`;
2053
+
displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;
} 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`;
2055
+
displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;
} 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`;
2057
+
displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Paper`;
} else if (link.url.toLowerCase().endsWith('.pdf')) {
// For direct PDF links, try to get a meaningful filename
const pathParts = url.pathname.split('/');
const filename = pathParts[pathParts.length - 1];
2051
-
displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> ${decodeURIComponent(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)}`;
2053
-
displayText = `<img src="free-icons/svgs/regular-file-pdf.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Document`;
2065
+
displayText = `<img src="solid-book-open.svg" width="14" height="14" style="vertical-align: middle; margin-right: 4px;"> Document`;
···
url.hostname.includes('mdpi.com') ||
url.hostname.includes('doi.org')
2467
-
iconPath = 'free-icons/svgs/regular-file-pdf.svg';
2479
+
iconPath = 'solid-book-open.svg';
// Set display text based on source
if (url.hostname.includes('arxiv.org')) {
···
// Papers filter - check for PDF icon
if (activeFilters.includes('academic')) {
const hasPdfIcon = linkUrl && (
2691
-
linkUrl.innerHTML.includes('regular-file-pdf.svg') ||
2703
+
linkUrl.innerHTML.includes('solid-book-open.svg') ||
(linkUrl.getAttribute('data-link-type') === 'academic')
if (hasPdfIcon) shouldShow = true;
anil.recoil.org