{"id":12,"date":"2021-06-23T21:40:56","date_gmt":"2021-06-23T21:40:56","guid":{"rendered":"https:\/\/misbf.2fishco.design\/?page_id=12"},"modified":"2025-07-24T08:21:44","modified_gmt":"2025-07-24T12:21:44","slug":"news","status":"publish","type":"page","link":"https:\/\/misbf.org\/es\/news\/","title":{"rendered":"Noticias"},"content":{"rendered":"<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-image uagb-block-72edd71b\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h1 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\"><strong>Noticias<\/strong><\/h1>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-a76bf3e7\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<h2 class=\"wp-block-heading has-text-align-center\">\u00bfQuieres involucrarte? <strong>Mant\u00e9ngase al d\u00eda con nuestras noticias y proyectos recientes aqu\u00ed. <\/strong><\/h2>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-3db490a4\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<style>\n@keyframes loading {\n0% {\ncolor: #087a92;\n}\n50% {\ncolor: white;\n}\n100% {\ncolor: #087a92;\n}\n}\n\n#loading {\nanimation-name: loading;\nanimation-duration: 2s;\nanimation-iteration-count: infinite;\nanimation-timing-function: linear;\nmargin-bottom: 100px;\n}\n\n#news-container {\nmargin-bottom: 60px;\n}\n\n.article-container {\nmargin-bottom: 20px;\nbackground-color: #f6f3f2;\nposition: relative;\n}\n.content-container {\ndisplay: flex;\nflex-direction: column;\npadding: 40px;\nposition: relative;\nwidth: 610px;\nheight: auto;\nleft: 350px;\n}\n.image {\nwidth: 350px;\nheight: 100%;\nposition: absolute;\nbackground-size: cover;\nbackground-position: center center;\n}\n.content-container > a > button {\nwidth: 200px;\nborder-radius: 30px;\ncolor:#fff;\n}\n.content-container > a:hover > button {\ncolor:#0F3037;\n}\n\n@media screen and (max-width: 1100px) {\n.article-container {\ndisplay: flex;\nflex-direction: column;\n}\n.image {\nwidth: 100%;\nposition: relative;\nheight: 400px;\n}\n.content-container {\nwidth: auto;\nleft: auto;\n}\n}\n<\/style>\n\n\n\n<div id=\"news-container\">\n<p id=\"loading\">Cargando\u2026<\/p>\n<\/div>\n\n\n\n<script>\nvar posts;\n\nwindow.addEventListener('DOMContentLoaded', (event) => {\nrenderNewsPosts();\n})\n\nfunction renderPosts(posts) {\nlet loading = document.getElementById('loading');\nloading.style.display = 'none';\nconsole.log(posts);\nlet posts_container = document.getElementById('news-container');\nposts_container.classList.add('posts-container');\nposts.forEach(post => {\nlet article_container = document.createElement('article');\narticle_container.classList.add('article-container');\nlet image = document.createElement('div');\nimage.classList.add('image');\nif (post.acf.thumbnail) {\nimage.style.backgroundImage = 'url(' + post.acf.thumbnail + ')';\n} else {\nimage.style.backgroundImage = 'url(' + post.uagb_featured_image_src.full[0] + ')';\n}\nlet content_container = document.createElement('div');\ncontent_container.classList.add('content-container');\nlet title_link = document.createElement('a');\ntitle_link.href = post.link;\nlet title = document.createElement('h3');\ntitle_link.appendChild(title);\ntitle.innerHTML = post.title.rendered;\nlet date = document.createElement('p');\nlet mod_date = post.date.slice(0,10);\nlet mod_year = mod_date.slice(0,4);\nlet mod_month = mod_date.slice(5, 7);\nlet mod_day = mod_date.slice(8, 10);\ndate.innerHTML = mod_month + '\/' + mod_day + '\/' + mod_year;\nlet excerpt = document.createElement('p');\nexcerpt.innerHTML = post.excerpt.rendered;\nlet cta_link = document.createElement('a');\ncta_link.href = post.link;\nlet cta = document.createElement('button');\ncta.innerHTML = 'Read More';\ncta_link.appendChild(cta);\ncontent_container.appendChild(title_link);\ncontent_container.appendChild(date);\ncontent_container.appendChild(excerpt);\ncontent_container.appendChild(cta_link);\narticle_container.appendChild(image);\narticle_container.appendChild(content_container);\nposts_container.appendChild(article_container);\n});\n}\n\nasync function renderNewsPosts() {\nposts = await getNewsPosts();\nrenderPosts(posts);\n}\n\nasync function getNewsPosts() {\nlet window_url = window.location.href;\nlet lang = window_url.slice(18,20);\n    let url = 'https:\/\/misbf.org\/wp-json\/wp\/v2\/posts?categories=13&per_page=5';\nif (lang === \"es\") {\nurl = 'https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/posts?categories=13&per_page=5';\n}    \ntry {\n        let res = await fetch(url);\n        return await res.json();\n    } catch (error) {\n        console.log(error);\n    }\n}\n<\/script>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-6460bd21\"><div class=\"uagb-section__overlay\"><\/div><div class=\"uagb-section__inner-wrap\">\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-block-8917cb6a\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap\">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-57015d44\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater\" href=\"https:\/\/misbf.org\/es\/past-news\/?start_query_index=5\" rel=\"noopener noreferrer\" target=\"_self\"><div class=\"uagb-button__link\">Ver todas las noticias<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"xl":false,"xxl":false,"xxxl":false,"xxxxl":false,"xxxxxl":false,"post-thumbnail":false,"getwid_base-cropped":false,"getwid_base-large":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/misbf.org\/es\/blog\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":5,"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":28958,"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/pages\/12\/revisions\/28958"}],"wp:attachment":[{"href":"https:\/\/misbf.org\/es\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}