{"id":6996,"date":"2026-04-15T04:36:27","date_gmt":"2026-04-15T04:36:27","guid":{"rendered":"https:\/\/www.soundsofomaleh.com\/?page_id=6996"},"modified":"2026-04-15T04:40:47","modified_gmt":"2026-04-15T04:40:47","slug":"dance-with-lunah-pro","status":"publish","type":"page","link":"https:\/\/www.soundsofomaleh.com\/?page_id=6996","title":{"rendered":"Dance with Lunah Pro"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6996\" class=\"elementor elementor-6996\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5243226 e-flex e-con-boxed e-con e-parent\" data-id=\"5243226\" 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-09fe959 elementor-widget elementor-widget-heading\" data-id=\"09fe959\" 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\">Dance with Lunah<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19411ce elementor-widget elementor-widget-html\" data-id=\"19411ce\" 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=101&_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>Dance 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-6996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/6996","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=6996"}],"version-history":[{"count":7,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/6996\/revisions"}],"predecessor-version":[{"id":7015,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/6996\/revisions\/7015"}],"wp:attachment":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}