{"id":6785,"date":"2026-04-13T19:03:40","date_gmt":"2026-04-13T19:03:40","guid":{"rendered":"https:\/\/www.soundsofomaleh.com\/?page_id=6785"},"modified":"2026-04-13T21:10:17","modified_gmt":"2026-04-13T21:10:17","slug":"chill-zone-with-lunah","status":"publish","type":"page","link":"https:\/\/www.soundsofomaleh.com\/?page_id=6785","title":{"rendered":"Chill zone with Lunah"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6785\" class=\"elementor elementor-6785\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19cd3c1 e-flex e-con-boxed e-con e-parent\" data-id=\"19cd3c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87de17c elementor-widget elementor-widget-heading\" data-id=\"87de17c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Chill zone with Lunah<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b21bd33 elementor-widget elementor-widget-html\" data-id=\"b21bd33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\r\n\/* FULL WIDTH FIX *\/\r\n#posts-container {\r\n   width: 99vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 40px;\r\n    padding: 0 10%;\r\n\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n  #posts-container {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  #posts-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* CARD *\/\r\n.post {\r\n  text-align: center; \/* center everything *\/\r\n}\r\n\r\n\/* LINK WRAPPER *\/\r\n.post a {\r\n  text-decoration: none;\r\n  color: inherit;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; \/* center image + title *\/\r\n}\r\n\r\n\/* IMAGE *\/\r\n.post img {\r\n  width: 60%;\r\n  height: auto;\r\n  object-fit: cover;\r\n  border-radius: 8px;\r\n  display: block;\r\n  margin: 0 auto; \/* center image *\/\r\n}\r\n\r\n\/* TITLE *\/\r\n.post h2 {\r\n  font-size: 22px;\r\n  margin: 10px 0;\r\n  color: black;\r\n  text-align: center; \/* center text *\/\r\n}\r\n\r\n\/* LOADING *\/\r\n#loading {\r\n  text-align: center;\r\n  padding: 20px;\r\n  font-weight: bold;\r\n}\r\n<\/style>\r\n\r\n<div id=\"posts-container\"><\/div>\r\n<p id=\"loading\">Loading...<\/p>\r\n\r\n<script>\r\nconst BASE_API = \"https:\/\/www.soundsofomaleh.com\/?rest_route=\/wp\/v2\/posts&categories=103&_embed\";\r\n\r\nlet page = 1;\r\nlet totalPages = 1;\r\nlet loading = false;\r\nconst perPage = 9;\r\n\r\nfunction loadPosts() {\r\n  if (loading || page > totalPages) return;\r\n\r\n  loading = true;\r\n\r\n  fetch(`${BASE_API}&page=${page}&per_page=${perPage}`)\r\n    .then(res => {\r\n      totalPages = res.headers.get(\"X-WP-TotalPages\");\r\n      return res.json();\r\n    })\r\n    .then(posts => {\r\n      const container = document.getElementById(\"posts-container\");\r\n\r\n      posts.forEach(post => {\r\n        const image = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || '';\r\n        const link = post.link;\r\n\r\n        const div = document.createElement(\"div\");\r\n        div.className = \"post\";\r\n\r\n        div.innerHTML = `\r\n          <a href=\"${link}\" target=\"_blank\">\r\n            ${image ? `<img decoding=\"async\" src=\"${image}\" loading=\"lazy\">` : \"\"}\r\n            <h2>${post.title.rendered}<\/h2>\r\n          <\/a>\r\n        `;\r\n\r\n        container.appendChild(div);\r\n      });\r\n\r\n      page++;\r\n      loading = false;\r\n\r\n      if (page > totalPages) {\r\n        document.getElementById(\"loading\").innerText = \"\";\r\n      }\r\n    })\r\n    .catch(err => {\r\n      console.error(err);\r\n      loading = false;\r\n    });\r\n}\r\n\r\n\/\/ INFINITE SCROLL\r\nwindow.addEventListener(\"scroll\", () => {\r\n  if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 150) {\r\n    loadPosts();\r\n  }\r\n});\r\n\r\n\/\/ FIRST LOAD\r\nloadPosts();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chill zone with Lunah Loading&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/6785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6785"}],"version-history":[{"count":176,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/6785\/revisions"}],"predecessor-version":[{"id":7154,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/6785\/revisions\/7154"}],"wp:attachment":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}