News Block + Group Activities \u2014 MRC<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Mono:wght@300;400;500&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>body{background:#eee;padding:2rem;margin:0;display:flex;flex-direction:column;gap:3rem;}<\/style>\n<\/head>\n<body>\n\n\n\n\n<style>\n:root{--cream:#F5F0E8;--ink:#1A1610;--rust:#B84A2F;--gold:#C99A2E;--slate:#3D4A5C;--mist:#E8EDF4;--rule:#C8BFA8;--garamond:'EB Garamond',Georgia,serif;--mono:'DM Mono',monospace;--sans:'Outfit',sans-serif;}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2500\u2500 Badges \u2500\u2500 *\/\n.nb-badge{display:inline-block;font-family:var(--mono);font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;padding:.1rem .45rem;flex-shrink:0;white-space:nowrap;}\n.nb-badge.publication {background:#EDF4EC;color:#2D6A4F;}\n.nb-badge.seminar-abroad{background:var(--mist);color:var(--slate);}\n.nb-badge.new-member {background:#FBF5E6;color:#8A6800;}\n.nb-badge.award {background:#FDF0E0;color:#9A5020;}\n.nb-badge.milestone {background:#FDECEA;color:var(--rust);}\n.nb-badge.visitor {background:#F0EBF5;color:#5A3A7A;}\n.nb-badge.seminar {background:rgba(61,74,92,.1);color:var(--slate);}\n.nb-badge.conference {background:#F0EBE0;color:#7A5030;}\n.nb-badge.default {background:#F0EBE0;color:#7A6E60;}\n\n\/* \u2500\u2500 Skeleton loader \u2500\u2500 *\/\n.nb-skel{padding:.8rem 0;display:flex;gap:.8rem;}\n.nb-skel-box{background:rgba(26,22,16,.07);border-radius:2px;animation:nb-pulse 1.5s infinite;}\n.nb-skel-d{height:18px;width:52px;flex-shrink:0;}\n.nb-skel-l1{height:10px;width:35%;margin-bottom:5px;}\n.nb-skel-l2{height:13px;width:85%;}\n@keyframes nb-pulse{0%,100%{opacity:.4}50%{opacity:.7}}\n\n\/* \u2550\u2550 NEWS BLOCK \u2550\u2550 *\/\n.news-block{max-width:860px;margin:0 auto;background:var(--cream);border:1px solid var(--rule);box-shadow:4px 4px 0 var(--rule),8px 8px 0 #d8cdb8;overflow:hidden;}\n.news-hero{background:var(--slate);color:var(--cream);padding:2.5rem 3rem 2rem;position:relative;overflow:hidden;}\n.news-hero::before{content:'MRC';position:absolute;right:-10px;bottom:-18px;font-family:var(--garamond);font-size:9rem;font-weight:500;color:rgba(255,255,255,.04);pointer-events:none;line-height:1;}\n.news-hero-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem;}\n.news-hero-tag::before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);}\n.news-hero h1{font-family:var(--garamond);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:500;line-height:1.2;}\n\n.news-filters{background:#EDE8DE;border-bottom:1px solid var(--rule);padding:.85rem 3rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}\n.news-filter-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#9A8E80;margin-right:.2rem;}\n.news-filter-btn{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border:1px solid var(--rule);background:var(--cream);color:#7A6E60;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.35rem;}\n.news-filter-btn:hover{border-color:var(--slate);color:var(--slate);}\n.news-filter-btn.active{background:var(--slate);color:var(--cream);border-color:var(--slate);}\n.news-filter-dot{width:6px;height:6px;border-radius:50%;}\n.news-filter-btn[data-type=\"publication\"] .news-filter-dot{background:#52B788;}\n.news-filter-btn[data-type=\"seminar-abroad\"] .news-filter-dot{background:var(--slate);}\n.news-filter-btn[data-type=\"new-member\"] .news-filter-dot{background:var(--gold);}\n.news-filter-btn[data-type=\"award\"] .news-filter-dot{background:#D4956A;}\n.news-filter-btn[data-type=\"milestone\"] .news-filter-dot{background:var(--rust);}\n.news-filter-btn[data-type=\"visitor\"] .news-filter-dot{background:#9A70C0;}\n.news-filter-btn.active .news-filter-dot{background:rgba(245,240,232,.6);}\n.news-item-count{font-family:var(--mono);font-size:.6rem;color:#9A8E80;margin-left:auto;}\n\n.news-body{padding:2rem 3rem;}\n.news-year-group{margin-bottom:2.2rem;}\n.news-year-group:last-child{margin-bottom:0;}\n.news-year-group.hidden{display:none;}\n.news-year-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;}\n.news-year-label::after{content:'';flex:1;height:1px;background:var(--rule);}\n\n.news-item{display:grid;grid-template-columns:52px auto 1fr;gap:0 .8rem;padding:.8rem 0;border-bottom:1px solid #EAE3D4;align-items:start;}\n.news-item:last-child{border-bottom:none;}\n.news-item.hidden{display:none;}\n.news-item-date{display:flex;flex-direction:column;align-items:center;font-family:var(--mono);text-align:center;line-height:1.1;flex-shrink:0;}\n.news-item-day{font-size:.72rem;color:#7A6E60;}\n.news-item-month{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#9A8E80;}\n.news-item-body{display:flex;flex-direction:column;gap:.2rem;}\n.news-item-title{font-family:var(--garamond);font-size:1rem;font-weight:500;color:var(--ink);line-height:1.35;}\n.news-item-title a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s,border-color .2s;}\n.news-item-title a:hover{color:var(--rust);border-bottom-color:var(--rust);}\n.news-item-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem;}\n.news-item-tag{font-family:var(--mono);font-size:.55rem;letter-spacing:.07em;text-transform:uppercase;padding:.08rem .35rem;background:var(--mist);color:var(--slate);border:1px solid #d0d8e8;}\n.news-empty{font-family:var(--garamond);font-style:italic;font-size:.97rem;color:#9A8E80;padding:2rem 0;text-align:center;display:none;}\n\n\/* \u2550\u2550 GROUP ACTIVITY SECTION \u2550\u2550 *\/\n.ga-list{list-style:none;padding:0;}\n.ga-item{display:grid;grid-template-columns:56px 1fr;gap:0 1.2rem;padding:.9rem 0;border-bottom:1px solid #EAE3D4;align-items:start;}\n.ga-item:last-child{border-bottom:none;}\n.ga-date-box{display:flex;flex-direction:column;align-items:center;background:var(--slate);color:var(--cream);padding:.4rem .3rem;text-align:center;line-height:1;}\n.ga-date-day{font-family:var(--garamond);font-size:1.2rem;font-weight:500;}\n.ga-date-mon{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.5);margin-top:.12rem;}\n.ga-content{display:flex;flex-direction:column;gap:.25rem;}\n.ga-title{font-family:var(--garamond);font-size:1rem;font-weight:500;color:var(--ink);line-height:1.35;}\n.ga-title a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s,border-color .2s;}\n.ga-title a:hover{color:var(--rust);border-bottom-color:var(--rust);}\n.ga-placeholder{padding:1.2rem 1.5rem;background:#F0EBE0;border:1px dashed var(--rule);}\n.ga-placeholder-icon{font-size:1rem;margin-bottom:.35rem;display:block;}\n.ga-placeholder-text{font-family:var(--garamond);font-style:italic;font-size:.92rem;color:#9A8E80;line-height:1.6;}\n\n@media(max-width:580px){\n .news-hero{padding:2rem 1.5rem 1.5rem;}\n .news-filters{padding:.8rem 1.5rem;}\n .news-body{padding:1.5rem;}\n .news-item{grid-template-columns:40px auto 1fr;}\n}\n<\/style>\n\n\n\n\n<div class=\"news-block\">\n\n <div class=\"news-hero\">\n <div class=\"news-hero-tag\">Mathematics Research Center \u00b7 ASOIU<\/div>\n <h1>News & Announcements<\/h1>\n <\/div>\n\n <div class=\"news-filters\">\n <span class=\"news-filter-label\">Type<\/span>\n <button class=\"news-filter-btn active\" data-type=\"all\">All<\/button>\n <button class=\"news-filter-btn\" data-type=\"publication\">\n <span class=\"news-filter-dot\"><\/span>Publication\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"seminar-abroad\">\n <span class=\"news-filter-dot\"><\/span>Seminar abroad\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"new-member\">\n <span class=\"news-filter-dot\"><\/span>New member\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"award\">\n <span class=\"news-filter-dot\"><\/span>Award\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"milestone\">\n <span class=\"news-filter-dot\"><\/span>Milestone\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"visitor\">\n <span class=\"news-filter-dot\"><\/span>Visitor\n <\/button>\n <span class=\"news-item-count\" id=\"news-count\"><\/span>\n <\/div>\n\n <div class=\"news-body\" id=\"news-body\">\n <div class=\"nb-skel\"><div class=\"nb-skel-box nb-skel-d\"><\/div><div style=\"flex:1\"><div class=\"nb-skel-box nb-skel-l1\"><\/div><div class=\"nb-skel-box nb-skel-l2\"><\/div><\/div><\/div>\n <div class=\"nb-skel\"><div class=\"nb-skel-box nb-skel-d\"><\/div><div style=\"flex:1\"><div class=\"nb-skel-box nb-skel-l1\"><\/div><div class=\"nb-skel-box nb-skel-l2\"><\/div><\/div><\/div>\n <div class=\"nb-skel\"><div class=\"nb-skel-box nb-skel-d\"><\/div><div style=\"flex:1\"><div class=\"nb-skel-box nb-skel-l1\"><\/div><div class=\"nb-skel-box nb-skel-l2\"><\/div><\/div><\/div>\n <\/div>\n\n<\/div>\n\n<script>\n(function(){\n var SITE = window.location.origin;\n\n \/\/ \u270f\ufe0f PASTE YOUR CATEGORY IDs HERE after creating categories in WordPress\n \/\/ Visit \/wp-json\/wp\/v2\/categories?per_page=50 to find them\n \/\/ \u2705 Correct\nvar NEWS_CATS = {\n 'publication': 19,\n 'seminar-abroad': 20,\n 'new-member': 21,\n 'award': 23,\n 'milestone': 28,\n 'visitor': 22\n};\n\n var MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\n var LABELS = {'publication':'Publication','seminar-abroad':'Seminar abroad','new-member':'New member','award':'Award','milestone':'Milestone','visitor':'Visitor'};\n\n var bodyEl = document.getElementById('news-body');\n var countEl = document.getElementById('news-count');\n var filterBtns = document.querySelectorAll('.news-filter-btn');\n\n function idToSlug(id) {\n for(var s in NEWS_CATS){ if(NEWS_CATS[s]===id) return s; }\n return 'default';\n }\n\n function render(posts) {\n if(!posts.length){\n bodyEl.innerHTML='<div class=\"news-empty\" style=\"display:block;\">No news yet. Publish posts in the News subcategories and they will appear here.<\/div>';\n return;\n }\n var byYear={};\n posts.forEach(function(p){\n var y=new Date(p.date).getFullYear();\n if(!byYear[y]) byYear[y]=[];\n byYear[y].push(p);\n });\n var html='';\n Object.keys(byYear).sort(function(a,b){return b-a;}).forEach(function(yr){\n html+='<div class=\"news-year-group\" data-year=\"'+yr+'\"><div class=\"news-year-label\">'+yr+'<\/div>';\n byYear[yr].forEach(function(p){\n var d=new Date(p.date);\n var slug='default';\n if(p.categories) for(var i=0;i<p.categories.length;i++){var s=idToSlug(p.categories[i]);if(s!=='default'){slug=s;break;}}\n var label=LABELS[slug]||slug;\n var title=p.title.rendered.replace(\/<[^>]+>\/g,'');\n var tagPills='';\n if(p._embedded&&p._embedded['wp:term']){\n p._embedded['wp:term'].forEach(function(grp){\n grp.forEach(function(t){if(t.taxonomy==='post_tag') tagPills+='<span class=\"news-item-tag\">'+t.name+'<\/span>';});\n });\n }\n html+=\n '<div class=\"news-item\" data-type=\"'+slug+'\">'+\n '<div class=\"news-item-date\">'+\n '<span class=\"news-item-day\">'+d.getDate()+'<\/span>'+\n '<span class=\"news-item-month\">'+MONTHS[d.getMonth()]+'<\/span>'+\n '<\/div>'+\n '<span class=\"nb-badge '+slug+'\">'+label+'<\/span>'+\n '<div class=\"news-item-body\">'+\n '<div class=\"news-item-title\">'+\n (p.link?'<a href=\"'+p.link+'\">'+title+'<\/a>':title)+\n '<\/div>'+\n (tagPills?'<div class=\"news-item-tags\">'+tagPills+'<\/div>':'')+\n '<\/div>'+\n '<\/div>';\n });\n html+='<\/div>';\n });\n html+='<div class=\"news-empty\" id=\"news-empty\">No items match this filter.<\/div>';\n bodyEl.innerHTML=html;\n syncCount('all');\n wireFilters();\n }\n\n function syncCount(type){\n var total=document.querySelectorAll('.news-item').length;\n var vis=type==='all'?total:document.querySelectorAll('.news-item[data-type=\"'+type+'\"]').length;\n countEl.textContent=type==='all'?total+' items':vis+' of '+total;\n }\n\n function wireFilters(){\n filterBtns.forEach(function(btn){\n btn.addEventListener('click',function(){\n var type=btn.dataset.type;\n filterBtns.forEach(function(b){b.classList.remove('active');});\n btn.classList.add('active');\n document.querySelectorAll('.news-item').forEach(function(item){\n item.classList.toggle('hidden', type!=='all' && item.dataset.type!==type);\n });\n document.querySelectorAll('.news-year-group').forEach(function(g){\n g.classList.toggle('hidden', g.querySelectorAll('.news-item:not(.hidden)').length===0);\n });\n var e=document.getElementById('news-empty');\n if(e) e.style.display=document.querySelectorAll('.news-item:not(.hidden)').length?'none':'block';\n syncCount(type);\n });\n });\n }\n\n function load(){\n var ids=Object.values(NEWS_CATS).filter(function(id){return id>0;});\n if(!ids.length){\n bodyEl.innerHTML='<div class=\"news-empty\" style=\"display:block;font-style:normal;\"><strong style=\"font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;\">SETUP NEEDED<\/strong><br><br>Update the <code>NEWS_CATS<\/code> config in this script with your WordPress category IDs. See the instructions at the top of this file.<\/div>';\n return;\n }\n fetch(SITE+'\/index.php\/wp-json\/wp\/v2\/posts?per_page=50&categories='+ids.join(',')+'&_fields=id,date,link,title,categories&_embed=wp:term&orderby=date&order=desc')\n .then(function(r){return r.ok?r.json():Promise.reject(r.status);})\n .then(render)\n .catch(function(err){bodyEl.innerHTML='<div class=\"news-empty\" style=\"display:block;\">Could not load news ('+err+').<\/div>';});\n }\n\n document.readyState==='loading' ? document.addEventListener('DOMContentLoaded',load) : load();\n})();\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>News Block + Group Activities \u2014 MRC Mathematics Research Center \u00b7 ASOIU News & Announcements Type All Publication Seminar abroad New member Award Milestone Visitor<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":23,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages\/531\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages\/531\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/media?parent=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":531,"date":"2026-05-01T18:42:12","date_gmt":"2026-05-01T18:42:12","guid":{"rendered":"https:\/\/mrc-baku.org\/?page_id=531"},"modified":"2026-05-01T18:42:50","modified_gmt":"2026-05-01T18:42:50","slug":"news","status":"publish","type":"page","link":"https:\/\/mrc-baku.org\/index.php\/news\/","title":{"rendered":"MRC-News"},"content":{"rendered":"\n\n\n\n\n\nNews Block + Group Activities \u2014 MRC<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Mono:wght@300;400;500&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>body{background:#eee;padding:2rem;margin:0;display:flex;flex-direction:column;gap:3rem;}<\/style>\n<\/head>\n<body>\n\n\n\n\n<style>\n:root{--cream:#F5F0E8;--ink:#1A1610;--rust:#B84A2F;--gold:#C99A2E;--slate:#3D4A5C;--mist:#E8EDF4;--rule:#C8BFA8;--garamond:'EB Garamond',Georgia,serif;--mono:'DM Mono',monospace;--sans:'Outfit',sans-serif;}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2500\u2500 Badges \u2500\u2500 *\/\n.nb-badge{display:inline-block;font-family:var(--mono);font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;padding:.1rem .45rem;flex-shrink:0;white-space:nowrap;}\n.nb-badge.publication {background:#EDF4EC;color:#2D6A4F;}\n.nb-badge.seminar-abroad{background:var(--mist);color:var(--slate);}\n.nb-badge.new-member {background:#FBF5E6;color:#8A6800;}\n.nb-badge.award {background:#FDF0E0;color:#9A5020;}\n.nb-badge.milestone {background:#FDECEA;color:var(--rust);}\n.nb-badge.visitor {background:#F0EBF5;color:#5A3A7A;}\n.nb-badge.seminar {background:rgba(61,74,92,.1);color:var(--slate);}\n.nb-badge.conference {background:#F0EBE0;color:#7A5030;}\n.nb-badge.default {background:#F0EBE0;color:#7A6E60;}\n\n\/* \u2500\u2500 Skeleton loader \u2500\u2500 *\/\n.nb-skel{padding:.8rem 0;display:flex;gap:.8rem;}\n.nb-skel-box{background:rgba(26,22,16,.07);border-radius:2px;animation:nb-pulse 1.5s infinite;}\n.nb-skel-d{height:18px;width:52px;flex-shrink:0;}\n.nb-skel-l1{height:10px;width:35%;margin-bottom:5px;}\n.nb-skel-l2{height:13px;width:85%;}\n@keyframes nb-pulse{0%,100%{opacity:.4}50%{opacity:.7}}\n\n\/* \u2550\u2550 NEWS BLOCK \u2550\u2550 *\/\n.news-block{max-width:860px;margin:0 auto;background:var(--cream);border:1px solid var(--rule);box-shadow:4px 4px 0 var(--rule),8px 8px 0 #d8cdb8;overflow:hidden;}\n.news-hero{background:var(--slate);color:var(--cream);padding:2.5rem 3rem 2rem;position:relative;overflow:hidden;}\n.news-hero::before{content:'MRC';position:absolute;right:-10px;bottom:-18px;font-family:var(--garamond);font-size:9rem;font-weight:500;color:rgba(255,255,255,.04);pointer-events:none;line-height:1;}\n.news-hero-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem;}\n.news-hero-tag::before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);}\n.news-hero h1{font-family:var(--garamond);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:500;line-height:1.2;}\n\n.news-filters{background:#EDE8DE;border-bottom:1px solid var(--rule);padding:.85rem 3rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}\n.news-filter-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#9A8E80;margin-right:.2rem;}\n.news-filter-btn{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border:1px solid var(--rule);background:var(--cream);color:#7A6E60;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.35rem;}\n.news-filter-btn:hover{border-color:var(--slate);color:var(--slate);}\n.news-filter-btn.active{background:var(--slate);color:var(--cream);border-color:var(--slate);}\n.news-filter-dot{width:6px;height:6px;border-radius:50%;}\n.news-filter-btn[data-type=\"publication\"] .news-filter-dot{background:#52B788;}\n.news-filter-btn[data-type=\"seminar-abroad\"] .news-filter-dot{background:var(--slate);}\n.news-filter-btn[data-type=\"new-member\"] .news-filter-dot{background:var(--gold);}\n.news-filter-btn[data-type=\"award\"] .news-filter-dot{background:#D4956A;}\n.news-filter-btn[data-type=\"milestone\"] .news-filter-dot{background:var(--rust);}\n.news-filter-btn[data-type=\"visitor\"] .news-filter-dot{background:#9A70C0;}\n.news-filter-btn.active .news-filter-dot{background:rgba(245,240,232,.6);}\n.news-item-count{font-family:var(--mono);font-size:.6rem;color:#9A8E80;margin-left:auto;}\n\n.news-body{padding:2rem 3rem;}\n.news-year-group{margin-bottom:2.2rem;}\n.news-year-group:last-child{margin-bottom:0;}\n.news-year-group.hidden{display:none;}\n.news-year-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;}\n.news-year-label::after{content:'';flex:1;height:1px;background:var(--rule);}\n\n.news-item{display:grid;grid-template-columns:52px auto 1fr;gap:0 .8rem;padding:.8rem 0;border-bottom:1px solid #EAE3D4;align-items:start;}\n.news-item:last-child{border-bottom:none;}\n.news-item.hidden{display:none;}\n.news-item-date{display:flex;flex-direction:column;align-items:center;font-family:var(--mono);text-align:center;line-height:1.1;flex-shrink:0;}\n.news-item-day{font-size:.72rem;color:#7A6E60;}\n.news-item-month{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#9A8E80;}\n.news-item-body{display:flex;flex-direction:column;gap:.2rem;}\n.news-item-title{font-family:var(--garamond);font-size:1rem;font-weight:500;color:var(--ink);line-height:1.35;}\n.news-item-title a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s,border-color .2s;}\n.news-item-title a:hover{color:var(--rust);border-bottom-color:var(--rust);}\n.news-item-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem;}\n.news-item-tag{font-family:var(--mono);font-size:.55rem;letter-spacing:.07em;text-transform:uppercase;padding:.08rem .35rem;background:var(--mist);color:var(--slate);border:1px solid #d0d8e8;}\n.news-empty{font-family:var(--garamond);font-style:italic;font-size:.97rem;color:#9A8E80;padding:2rem 0;text-align:center;display:none;}\n\n\/* \u2550\u2550 GROUP ACTIVITY SECTION \u2550\u2550 *\/\n.ga-list{list-style:none;padding:0;}\n.ga-item{display:grid;grid-template-columns:56px 1fr;gap:0 1.2rem;padding:.9rem 0;border-bottom:1px solid #EAE3D4;align-items:start;}\n.ga-item:last-child{border-bottom:none;}\n.ga-date-box{display:flex;flex-direction:column;align-items:center;background:var(--slate);color:var(--cream);padding:.4rem .3rem;text-align:center;line-height:1;}\n.ga-date-day{font-family:var(--garamond);font-size:1.2rem;font-weight:500;}\n.ga-date-mon{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.5);margin-top:.12rem;}\n.ga-content{display:flex;flex-direction:column;gap:.25rem;}\n.ga-title{font-family:var(--garamond);font-size:1rem;font-weight:500;color:var(--ink);line-height:1.35;}\n.ga-title a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s,border-color .2s;}\n.ga-title a:hover{color:var(--rust);border-bottom-color:var(--rust);}\n.ga-placeholder{padding:1.2rem 1.5rem;background:#F0EBE0;border:1px dashed var(--rule);}\n.ga-placeholder-icon{font-size:1rem;margin-bottom:.35rem;display:block;}\n.ga-placeholder-text{font-family:var(--garamond);font-style:italic;font-size:.92rem;color:#9A8E80;line-height:1.6;}\n\n@media(max-width:580px){\n .news-hero{padding:2rem 1.5rem 1.5rem;}\n .news-filters{padding:.8rem 1.5rem;}\n .news-body{padding:1.5rem;}\n .news-item{grid-template-columns:40px auto 1fr;}\n}\n<\/style>\n\n\n\n\n<div class=\"news-block\">\n\n <div class=\"news-hero\">\n <div class=\"news-hero-tag\">Mathematics Research Center \u00b7 ASOIU<\/div>\n <h1>News & Announcements<\/h1>\n <\/div>\n\n <div class=\"news-filters\">\n <span class=\"news-filter-label\">Type<\/span>\n <button class=\"news-filter-btn active\" data-type=\"all\">All<\/button>\n <button class=\"news-filter-btn\" data-type=\"publication\">\n <span class=\"news-filter-dot\"><\/span>Publication\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"seminar-abroad\">\n <span class=\"news-filter-dot\"><\/span>Seminar abroad\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"new-member\">\n <span class=\"news-filter-dot\"><\/span>New member\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"award\">\n <span class=\"news-filter-dot\"><\/span>Award\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"milestone\">\n <span class=\"news-filter-dot\"><\/span>Milestone\n <\/button>\n <button class=\"news-filter-btn\" data-type=\"visitor\">\n <span class=\"news-filter-dot\"><\/span>Visitor\n <\/button>\n <span class=\"news-item-count\" id=\"news-count\"><\/span>\n <\/div>\n\n <div class=\"news-body\" id=\"news-body\">\n <div class=\"nb-skel\"><div class=\"nb-skel-box nb-skel-d\"><\/div><div style=\"flex:1\"><div class=\"nb-skel-box nb-skel-l1\"><\/div><div class=\"nb-skel-box nb-skel-l2\"><\/div><\/div><\/div>\n <div class=\"nb-skel\"><div class=\"nb-skel-box nb-skel-d\"><\/div><div style=\"flex:1\"><div class=\"nb-skel-box nb-skel-l1\"><\/div><div class=\"nb-skel-box nb-skel-l2\"><\/div><\/div><\/div>\n <div class=\"nb-skel\"><div class=\"nb-skel-box nb-skel-d\"><\/div><div style=\"flex:1\"><div class=\"nb-skel-box nb-skel-l1\"><\/div><div class=\"nb-skel-box nb-skel-l2\"><\/div><\/div><\/div>\n <\/div>\n\n<\/div>\n\n<script>\n(function(){\n var SITE = window.location.origin;\n\n \/\/ \u270f\ufe0f PASTE YOUR CATEGORY IDs HERE after creating categories in WordPress\n \/\/ Visit \/wp-json\/wp\/v2\/categories?per_page=50 to find them\n \/\/ \u2705 Correct\nvar NEWS_CATS = {\n 'publication': 19,\n 'seminar-abroad': 20,\n 'new-member': 21,\n 'award': 23,\n 'milestone': 28,\n 'visitor': 22\n};\n\n var MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\n var LABELS = {'publication':'Publication','seminar-abroad':'Seminar abroad','new-member':'New member','award':'Award','milestone':'Milestone','visitor':'Visitor'};\n\n var bodyEl = document.getElementById('news-body');\n var countEl = document.getElementById('news-count');\n var filterBtns = document.querySelectorAll('.news-filter-btn');\n\n function idToSlug(id) {\n for(var s in NEWS_CATS){ if(NEWS_CATS[s]===id) return s; }\n return 'default';\n }\n\n function render(posts) {\n if(!posts.length){\n bodyEl.innerHTML='<div class=\"news-empty\" style=\"display:block;\">No news yet. Publish posts in the News subcategories and they will appear here.<\/div>';\n return;\n }\n var byYear={};\n posts.forEach(function(p){\n var y=new Date(p.date).getFullYear();\n if(!byYear[y]) byYear[y]=[];\n byYear[y].push(p);\n });\n var html='';\n Object.keys(byYear).sort(function(a,b){return b-a;}).forEach(function(yr){\n html+='<div class=\"news-year-group\" data-year=\"'+yr+'\"><div class=\"news-year-label\">'+yr+'<\/div>';\n byYear[yr].forEach(function(p){\n var d=new Date(p.date);\n var slug='default';\n if(p.categories) for(var i=0;i<p.categories.length;i++){var s=idToSlug(p.categories[i]);if(s!=='default'){slug=s;break;}}\n var label=LABELS[slug]||slug;\n var title=p.title.rendered.replace(\/<[^>]+>\/g,'');\n var tagPills='';\n if(p._embedded&&p._embedded['wp:term']){\n p._embedded['wp:term'].forEach(function(grp){\n grp.forEach(function(t){if(t.taxonomy==='post_tag') tagPills+='<span class=\"news-item-tag\">'+t.name+'<\/span>';});\n });\n }\n html+=\n '<div class=\"news-item\" data-type=\"'+slug+'\">'+\n '<div class=\"news-item-date\">'+\n '<span class=\"news-item-day\">'+d.getDate()+'<\/span>'+\n '<span class=\"news-item-month\">'+MONTHS[d.getMonth()]+'<\/span>'+\n '<\/div>'+\n '<span class=\"nb-badge '+slug+'\">'+label+'<\/span>'+\n '<div class=\"news-item-body\">'+\n '<div class=\"news-item-title\">'+\n (p.link?'<a href=\"'+p.link+'\">'+title+'<\/a>':title)+\n '<\/div>'+\n (tagPills?'<div class=\"news-item-tags\">'+tagPills+'<\/div>':'')+\n '<\/div>'+\n '<\/div>';\n });\n html+='<\/div>';\n });\n html+='<div class=\"news-empty\" id=\"news-empty\">No items match this filter.<\/div>';\n bodyEl.innerHTML=html;\n syncCount('all');\n wireFilters();\n }\n\n function syncCount(type){\n var total=document.querySelectorAll('.news-item').length;\n var vis=type==='all'?total:document.querySelectorAll('.news-item[data-type=\"'+type+'\"]').length;\n countEl.textContent=type==='all'?total+' items':vis+' of '+total;\n }\n\n function wireFilters(){\n filterBtns.forEach(function(btn){\n btn.addEventListener('click',function(){\n var type=btn.dataset.type;\n filterBtns.forEach(function(b){b.classList.remove('active');});\n btn.classList.add('active');\n document.querySelectorAll('.news-item').forEach(function(item){\n item.classList.toggle('hidden', type!=='all' && item.dataset.type!==type);\n });\n document.querySelectorAll('.news-year-group').forEach(function(g){\n g.classList.toggle('hidden', g.querySelectorAll('.news-item:not(.hidden)').length===0);\n });\n var e=document.getElementById('news-empty');\n if(e) e.style.display=document.querySelectorAll('.news-item:not(.hidden)').length?'none':'block';\n syncCount(type);\n });\n });\n }\n\n function load(){\n var ids=Object.values(NEWS_CATS).filter(function(id){return id>0;});\n if(!ids.length){\n bodyEl.innerHTML='<div class=\"news-empty\" style=\"display:block;font-style:normal;\"><strong style=\"font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;\">SETUP NEEDED<\/strong><br><br>Update the <code>NEWS_CATS<\/code> config in this script with your WordPress category IDs. See the instructions at the top of this file.<\/div>';\n return;\n }\n fetch(SITE+'\/index.php\/wp-json\/wp\/v2\/posts?per_page=50&categories='+ids.join(',')+'&_fields=id,date,link,title,categories&_embed=wp:term&orderby=date&order=desc')\n .then(function(r){return r.ok?r.json():Promise.reject(r.status);})\n .then(render)\n .catch(function(err){bodyEl.innerHTML='<div class=\"news-empty\" style=\"display:block;\">Could not load news ('+err+').<\/div>';});\n }\n\n document.readyState==='loading' ? document.addEventListener('DOMContentLoaded',load) : load();\n})();\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>News Block + Group Activities \u2014 MRC Mathematics Research Center \u00b7 ASOIU News & Announcements Type All Publication Seminar abroad New member Award Milestone Visitor<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":23,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages\/531\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/pages\/531\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/mrc-baku.org\/index.php\/wp-json\/wp\/v2\/media?parent=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}