| title |
|---|
Pubblications |
{% for post in site.data.biblio_preformatted %}
{{ post.authors | safe }} {{ post.title | safe }} {{ post.citation | safe }} {% if post.tags %} {% for tag in post.tags %} #{{ tag | remove_first: '#' }} {% endfor %} {% endif %}
<!-- Links and Tags -->
<div class="publication-links">
{% if post.handle %}
<a href="https://hdl.handle.net/{{ post.handle }}" target="_blank">
<img alt="IRIS link" src="https://img.shields.io/badge/IRIS-blue">
</a>
{% endif %}
{% if post.doi %}
<a href="https://doi.org/{{ post.doi }}" target="_blank">
<img alt="DOI link" src="https://img.shields.io/badge/DOI-green">
</a>
{% endif %}
{% if post.arxiv %}
<a href="https://arxiv.org/abs/{{ post.arxiv }}" target="_blank">
<img alt="arXiv link" src="https://img.shields.io/badge/arXiv-orange">
</a>
{% endif %}
{% if post.biorxiv %}
<a href="https://doi.org/{{ post.biorxiv }}" target="_blank">
<img alt="bioRxiv link" src="https://img.shields.io/badge/bioRxiv-orange">
</a>
{% endif %}
</div>
</div>
{% endfor %}
Previous
Next
Records per page:
10
20
50
<script>
let maxPosts = 10; // Default posts per page
let skipPosts = 0; // Default start at the first post
let filteredPosts = []; // Store filtered posts after search
document.addEventListener("DOMContentLoaded", () => {
// Fetch all posts from the hidden container
const allPostsContainer = document.getElementById('posts-container');
const allPosts = Array.from(allPostsContainer.querySelectorAll('.post-data'));
const urlParams = new URLSearchParams(window.location.search);
const query = urlParams.get("query") || "";
maxPosts = parseInt(urlParams.get("maxPosts") || maxPosts, 10);
skipPosts = parseInt(urlParams.get("skipPosts") || skipPosts, 10);
document.getElementById("search-box").value = query;
document.getElementById("posts-per-page").value = maxPosts;
// Attach the input listener to the search box
document.getElementById("search-box").addEventListener("input", () => {
skipPosts = 0; // Reset to the first page when search input changes
filterPosts(allPosts);
});
// Filter and render posts initially
filterPosts(allPosts);
});
function filterPosts(allPosts) {
const query = normalizeString(document.getElementById('search-box').value.toLowerCase());
// Update the query parameter in the URL
const url = new URL(window.location);
url.searchParams.set("query", query);
url.searchParams.set("maxPosts", maxPosts);
url.searchParams.set("skipPosts", skipPosts);
window.history.replaceState({}, '', url);
// Filter posts based on the query
filteredPosts = allPosts.filter(post => {
const text = normalizeString(post.getAttribute('data-text').toLowerCase());
const andGroups = query.split(/\s*&\s*/); // Split by "&" for "AND"
return andGroups.every(andGroup => {
const orTerms = andGroup.split(/\s*\|\s*/); // Split by "|" for "OR"
return orTerms.some(term => text.includes(term.trim()));
});
});
// Immediately render posts after filtering
renderPosts();
}
function normalizeString(str) {
if (str.normalize) {
// Modern browsers: Use Unicode normalization
return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
} else {
// Fallback: Manual diacritic removal for older browsers
const diacriticMap = {
'ä': 'a', 'á': 'a', 'à': 'a', 'ã': 'a', 'â': 'a', 'å': 'a', 'ā': 'a',
'ö': 'o', 'ó': 'o', 'ò': 'o', 'õ': 'o', 'ô': 'o', 'ø': 'o', 'ō': 'o',
'ü': 'u', 'ú': 'u', 'ù': 'u', 'ũ': 'u', 'û': 'u', 'ū': 'u',
'ë': 'e', 'é': 'e', 'è': 'e', 'ẽ': 'e', 'ê': 'e', 'ē': 'e',
'ï': 'i', 'í': 'i', 'ì': 'i', 'ĩ': 'i', 'î': 'i', 'ī': 'i',
'ç': 'c', 'ñ': 'n', 'ÿ': 'y', 'ß': 'ss'
};
return str.split('').map(char => diacriticMap[char] || char).join('');
}
}
function renderPosts() {
const postsContainer = document.getElementById('posts');
postsContainer.innerHTML = ''; // Clear current posts
const start = skipPosts;
const end = skipPosts + maxPosts;
// Render the subset of filtered posts
filteredPosts.slice(start, end).forEach(post => {
const clonedPost = post.cloneNode(true); // Clone original post structure
postsContainer.appendChild(clonedPost);
});
// Enable/disable pagination buttons
document.getElementById("prev-button").disabled = skipPosts <= 0;
document.getElementById("next-button").disabled = end >= filteredPosts.length;
// Update query parameters for pagination
const url = new URL(window.location);
const query = document.getElementById('search-box').value;
url.searchParams.set("query", query);
url.searchParams.set("maxPosts", maxPosts);
url.searchParams.set("skipPosts", skipPosts);
window.history.replaceState({}, '', url);
}
function paginate(direction) {
skipPosts += direction * maxPosts;
renderPosts();
}
function updateMaxPosts() {
maxPosts = parseInt(document.getElementById("posts-per-page").value, 10);
skipPosts = 0; // Reset to the first page
renderPosts();
}
</script>
<style>
#posts {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 20px auto;
max-width: 800px;
}
#posts .post-data {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
#posts .post-data:last-child {
border-bottom: none; /* Remove the border for the last post */
}
#posts .post-date {
color: #888;
font-size: 0.9rem;
margin-bottom: 5px;
}
#posts .post-text {
font-size: 1.1rem;
margin-bottom: 10px;
}
#posts .post-link {
text-decoration: none;
color: #007acc;
}
#posts .post-link:hover {
text-decoration: underline;
}
#search-box {
margin-bottom: 20px;
padding: 10px;
width: 100%; /* Full width */
font-size: 16px;
}
#posts-per-page-controls {
margin-top: 20px;
text-align: center;
}
#pagination-controls {
margin-top: 20px;
text-align: center;
}
#pagination-controls button {
background-color: white;
border: 2px solid #1e6bb8; /* Match the blue border */
color: #1e6bb8; /* Match the blue text */
padding: 10px 20px;
font-size: 16px;
margin: 5px;
border-radius: 5px; /* Rounded corners */
cursor: pointer;
transition: all 0.3s ease; /* Smooth hover effect */
}
#pagination-controls button:hover {
background-color: #1e6bb8; /* Blue background on hover */
color: white; /* White text on hover */
}
#pagination-controls button:disabled {
background-color: #ccc; /* Gray background for disabled state */
color: #666; /* Slightly darker gray text */
cursor: not-allowed;
}
.pagination-bar {
border-top: 1px solid #ddd; /* Horizontal line */
padding-top: 10px; /* Add spacing between the line and the buttons */
margin-top: 20px; /* Add spacing from the last post */
}
/* Compact Layout Styling */
/* Compact authors, title, and citation in a single line */
/* Overall font adjustment */
body {
font-size: 16px; /* Adjust the base font size */
}
/* Compact authors, title, and citation in a single line */
.publication-details {
font-size: 1rem; /* Slightly larger */
color: #333;
line-height: 1.6;
}
/* Align links and tags in a row */
.publication-links {
display: flex;
align-items: center;
flex-wrap: wrap; /* Ensure proper layout on smaller screens */
gap: 10px; /* Space between badges and tags */
}
.publication-links img {
margin-right: 5px;
}
.publication-tags {
color: #007acc;
}
.publication-tags a {
margin-right: 5px;
text-decoration: none;
}
.publication-tags a:hover {
text-decoration: underline;
}
/* Add more spacing between articles */
.post-data {
margin-bottom: 25px; /* Increased spacing between entries */
border-bottom: 1px solid #ddd; /* Separator for clarity */
padding-bottom: 15px;
}
</style>