Histórias & Contos

// Função para buscar e exibir posts de uma tag específica
function fetchPostsByLabel(label, containerId, maxResults) {
const url = `/feeds/posts/default/-/${label}?alt=json&max-results=${maxResults}`;
fetch(url)
.then(response => response.json())
.then(data => {
let htmlContent = “”;
data.feed.entry.forEach(post => {
const title = post.title.$t;
const link = post.link.find(link => link.rel === “alternate”).href;

// Aumentando a resolução da miniatura
let thumbnail = “URL_DA_IMAGEM_PADRÃO”; // Imagem padrão, caso o post não tenha uma miniatura
if (post.media$thumbnail) {
thumbnail = post.media$thumbnail.url.replace(//s72-c/, “/s600”); // Define resolução 600px
}

htmlContent += `

${title}

`;
});
document.getElementById(containerId).innerHTML = htmlContent;
})
.catch(error => console.error(“Erro ao buscar posts:”, error));
}

// Chama a função para carregar posts da tag “Contos”
fetchPostsByLabel(“Contos”, “contos-posts”, 12);

/* Estilos para exibir posts em grade */
.content-section {
margin-bottom: 20px;
}

.content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
}

.post-item {
overflow: hidden;
position: relative;
}

.post-item img {
width: 100%;
height: 150px; /* Define uma altura fixa para uniformizar as miniaturas */
object-fit: cover; /* Corta a imagem para caber no contêiner sem distorcer */
display: block;
}

.post-item h3 {
font-size: 16px;
color: #333;
margin-top: 5px;
text-align: center;
}