News

.nix-news{max-width:1300px;margin:0 auto;font-family:Arial,sans-serif;padding:10px 0 40px;} .nix-h{text-align:center;font-size:40px;font-weight:300;color:#2b6f80;margin:0 0 30px;letter-spacing:1px;} .nix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;} .nix-card{background:#fff;border:1px solid #e2edf1;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s;} .nix-card:hover{box-shadow:0 6px 18px rgba(20,60,80,.12);} .nix-card a{text-decoration:none;color:inherit;display:block;} .nix-card .nix-imgw{aspect-ratio:2/1;overflow:hidden;background:#dfe9ec;} .nix-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;} .nix-card:hover img{transform:scale(1.04);} .nix-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1;} .nix-cats{font-size:11px;letter-spacing:1.5px;color:#2b6f80;text-transform:uppercase;margin-bottom:8px;} .nix-t{font-size:16px;line-height:1.4;color:#12333d;font-weight:700;margin:0 0 8px;} .nix-d{font-size:12.5px;color:#8aa1a8;margin-top:auto;} .nix-morewrap{text-align:center;margin-top:34px;} .nix-more{background:#1d6478;color:#fff;border:0;border-radius:24px;padding:12px 30px;font-family:Arial,sans-serif;font-size:15px;cursor:pointer;} .nix-more:hover{background:#25788f;} @media(max-width:900px){.nix-grid{grid-template-columns:1fr;}} (function(){ var off = 0, busy = false; var grid = document.getElementById('nixGrid'), btn = document.getElementById('nixMore'); function esc(s){ return (s||'').replace(/&/g,'&').replace(/</g,'<'); } function fmt(d){ if(!d) return ''; var x=new Date(d); return x.toLocaleDateString('vi-VN'); } function load(){ if (busy) return; busy = true; btn.textContent = 'Dang tai...'; fetch('/wp-json/wp/v2/posts?per_page=12&offset=' + off + '&_embed') .then(function(r){ return r.json(); }) .then(function(list){ var html = list.map(function(p){ var img = p.jetpack_featured_media_url || ''; var emb = p._embedded || {}; if (!img && emb['wp:featuredmedia'] && emb['wp:featuredmedia'][0]) img = emb['wp:featuredmedia'][0].source_url; var cats = (emb['wp:term'] && emb['wp:term'][0]) ? emb['wp:term'][0].map(function(t){return esc(t.name);}).join(' · ') : ''; return ''; }).join(''); grid.insertAdjacentHTML('beforeend', html); off += list.length; btn.textContent = list.length < 12 ? 'Het bai viet' : 'Xem thêm bài viết'; if (list.length < 12) btn.disabled = true; busy = false; }); } btn.addEventListener('click', load); load(); })();