Coleção Grêmio
(adsbygoogle = window.adsbygoogle || []).push({});
function showColecaoGremio(json){
var container = document.getElementById(“colecao-gremio-posts”);
var html = “
for (var i = 0; i < json.feed.entry.length; i++){
var entry = json.feed.entry[i];
var title = entry.title.$t;
var link = "";
for (var j = 0; j < entry.link.length; j++){
if (entry.link[j].rel == "alternate"){
link = entry.link[j].href;
break;
}
}
var content = entry.content.$t;
var img = content.match(/]+src=”([^”>]+)”/);
var thumb = img ? img[1] : “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi/default.jpg”;
html += “
“;
}
html += “
“;
container.innerHTML = html;
}
.cg-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:18px;
margin:20px 0;
}
.cg-card{
background:#fff;
border:1px solid #e5e5e5;
border-radius:8px;
overflow:hidden;
transition:.3s;
}
.cg-card:hover{
transform:translateY(-4px);
box-shadow:0 6px 15px rgba(0,0,0,0.15);
}
.cg-img{
height:170px;
background-size:cover;
background-position:center;
}
.cg-title{
padding:12px;
font-size:15px;
font-weight:700;
color:#000;
line-height:1.3;
}
.cg-card a{
text-decoration:none;
}
.cg-title:hover{
color:#0066cc;
}
@media(max-width:1000px){
.cg-grid{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:600px){
.cg-grid{
grid-template-columns:repeat(2,1fr);
}
}
(function(w,q){w[q]=w[q]||[];w[q].push([“_mgc.load”])})(window,”_mgq”);
Fique por dentro das últimas notícias do Grêmio atualizadas em tempo real. Mercado da bola, escalações, bastidores e tudo sobre o Tricolor.
const feedUrl = “/feeds/posts/default?alt=json&max-results=10”;
fetch(feedUrl)
.then(res => res.json())
.then(data => {
let posts = data.feed.entry;
let html = “”;
posts.forEach(post => {
let title = post.title.$t;
let link = post.link.find(l => l.rel === “alternate”).href;
let date = new Date(post.published.$t).toLocaleDateString(“pt-BR”);
html += `
`;
});
document.getElementById(“feed-gremio”).innerHTML = html;
});