O QUE PROCURA?
Sobre o PORTAL
_Sobre nós
_Política editorial e valores
Receitas do PORTAL
_ 🍮BOLOS 😋
Invenções do PORTAL
_Calcular IMC
_Calculadora

Calculadora do PORTAL

Calculadora Tradicional

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap'); .custom-category-slider { display: flex; gap: 23px; overflow-x: auto; padding: 12px 10px; scroll-behavior: smooth; width: 100%; box-sizing: border-box; background: transparent; scrollbar-width: none; -ms-overflow-style: none; } .custom-category-slider::-webkit-scrollbar { display: none; } .custom-category-card { flex: 0 0 auto; width: 150px; display: flex; flex-direction: column; align-items: center; text-decoration: none; font-family: 'Montserrat', sans-serif; } .custom-category-inner { width: 150px; height: 150px; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px black; position: relative; flex-direction: column; } .custom-category-inner img, .custom-category-inner .custom-fallback { width: 100%; height: 100%; object-fit: cover; display: block; } .custom-category-inner.circle { border-radius: 50%; } .custom-category-inner.rounded { border-radius: 10px; } .custom-fallback { background: #ccc; } .custom-category-label { margin-top: 12px; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; max-width: 100%; font-family: 'Montserrat', sans-serif; color: #00A5F7; } .play-text { color: black; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; z-index: 2; } .play-icon { width: 40px; height: 40px; background: #c4170c; clip-path: polygon(30% 20%, 75% 50%, 30% 80%); z-index: 2; } .video-fallback { width: 100%; height: 100%; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; } const customContainer = document.getElementById("custom-category-slider"); fetch("https://www.portalferreira.com.br/feeds/posts/default?alt=json&max-results=10") .then(res => res.json()) .then(data => { const entries = data.feed.entry || []; entries.forEach(entry => { const link = entry.link.find(l => l.rel === "alternate").href; const content = entry.content?.$t || ""; let title = entry.title?.$t || "Sem título"; if (title.length > 30) title = title.substring(0, 27).trim() + "..."; let img = ""; let isVideo = false; // Detecta imagem const imgMatch = content.match(/<img[^>]+src="([^">]+)"/); if (imgMatch) { img = imgMatch[1].replace(/\/s\d+-c\//, "/s320/"); } // Detecta vídeo if (/<video/i.test(content) || /<iframe/i.test(content)) { isVideo = true; } const card = document.createElement("a"); card.href = link; card.className = "custom-category-card"; const shapeClass = isVideo ? "rounded" : "circle"; let innerHTML = ""; if (isVideo) { if (img) { innerHTML = ` <div class="custom-category-inner ${shapeClass}"> <div class="play-text">VEJA O VÍDEO</div> <img src="${img}" alt="${title}" draggable="false"> <div class="play-icon"></div> </div> `; } else { innerHTML = ` <div class="custom-category-inner ${shapeClass}"> <div class="video-fallback"> <div class="play-text">VEJA O VÍDEO</div> <div class="play-icon"></div> </div> </div> `; } } else { innerHTML = ` <div class="custom-category-inner ${shapeClass}"> <img src="${img}" alt="${title}" draggable="false"> </div> `; } card.innerHTML = ` ${innerHTML} <div class="custom-category-label">${title}</div> `; customContainer.appendChild(card); }); }) .catch(err => { console.error("Erro ao carregar postagens:", err); });

RECEBA AS NOTÍCIAS

PORTAL FERREIRA

Nosso site utiliza Cookies para melhorar sua experiência durante sua interação conosco. SABER MAIS