<!-- Blogger Auto Sitemap Page -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sitemap - Indian Billonares</title>
<style>
body {font-family: Arial, sans-serif; padding:20px; background:#fff; color:#222;}
h1 {font-size: 28px; margin-bottom:20px; text-align:center;}
#searchBox {margin:20px auto; text-align:center;}
#searchBox input {padding:8px; width:70%; max-width:400px; border:1px solid #ddd; border-radius:5px;}
.label-group {margin:25px 0;}
.label-title {font-size:20px; font-weight:bold; margin-bottom:10px; border-bottom:2px solid #eee; padding-bottom:5px;}
ul {list-style:none; padding:0;}
li {margin:5px 0; font-size:15px;}
a {text-decoration:none; color:#1a73e8;}
a:hover {text-decoration:underline;}
.count {color:#666; font-size:13px;}
#backTop {display:block; text-align:center; margin:30px auto; font-size:14px;}
</style>
</head>
<body>
<h1>Indian Billonares – Sitemap</h1>
<div id="searchBox">
<input type="text" id="searchInput" placeholder="Search posts...">
</div>
<div id="sitemap"></div>
<a href="#top" id="backTop">⬆ Back to Top</a>
<script>
// Fetch Blogger feed
let feedUrl = '/feeds/posts/summary?alt=json&max-results=1500';
fetch(feedUrl)
.then(res => res.json())
.then(data => {
let posts = data.feed.entry || [];
let map = {};
posts.forEach(post => {
let title = post.title.$t;
let url = post.link.find(l => l.rel === "alternate").href;
let categories = (post.category || []).map(c => c.term);
if (categories.length === 0) categories = ["Uncategorized"];
categories.forEach(cat => {
if (!map[cat]) map[cat] = [];
map[cat].push({title, url});
});
});
let container = document.getElementById("sitemap");
for (let cat in map) {
let group = document.createElement("div");
group.className = "label-group";
group.innerHTML = `<div class="label-title">${cat} <span class="count">(${map[cat].length})</span></div>`;
let ul = document.createElement("ul");
map[cat].forEach(p => {
ul.innerHTML += `<li><a href="${p.url}">${p.title}</a></li>`;
});
group.appendChild(ul);
container.appendChild(group);
}
});
// Search filter
document.getElementById("searchInput").addEventListener("keyup", function() {
let filter = this.value.toLowerCase();
let items = document.querySelectorAll("#sitemap li");
items.forEach(li => {
li.style.display = li.textContent.toLowerCase().includes(filter) ? "" : "none";
});
});
</script>
</body>
</html>