RG-Command-Center/blog.html at main · kingsleyeffusive774/RG-Command-Center · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Blog — RAG Realty Group</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Playfair+Display:wght@600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="assets/css/styles.css"><script src="data/bootstrap.js"></script><script src="assets/js/utils.js"></script></head><body class="public"><header class="public-header"><div class="container bar"><div class="brand">RAG <span class="accent">Realty</span> Group<small>Blog & Market Insights</small></div><nav class="nav"><a href="index.html">Home</a><a href="deals.html">Deals</a><a href="team.html">Team</a><a href="mortgage.html">Calculator</a><button class="theme-toggle" data-theme-toggle="public" data-theme-label onclick="GRRTheme.toggle('public')">Dark Theme</button><button class="primary" onclick="location.href='index.html'">Search Listings</button></nav></div></header>
<section class="hero" style="padding:48px 0 36px"><div class="container inner"><div class="eyebrow">Blog & Market Insights</div><h1 style="font-size:clamp(36px,5vw,64px)">Latest <em>Posts</em></h1><p>Market analysis, buyer and seller guides, and platform updates from the RAG team.</p></div></section>
<section class="section"><div class="container"><div id="blogCategories" style="display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap"></div><div id="blogGrid" class="public-grid"></div></div></section>
<footer class="public-footer"><div class="container">RAG Realty Group · Ricki Kohli · Amit Khatkar · Gary Doman</div></footer>
<script>
(async function(){
  const res = await fetch('data/blog/posts.json');
  const posts = await res.json();
  posts.sort((a,b) => b.date.localeCompare(a.date));
  const cats = [...new Set(posts.map(p=>p.category))];
  document.getElementById('blogCategories').innerHTML =
    `<button class="btn ghost" style="font-size:12px" onclick="filterBlog('')">All</button>` +
    cats.map(c => `<button class="btn ghost" style="font-size:12px" onclick="filterBlog('${c}')">${c}</button>`).join('');
  window._blogPosts = posts;
  renderBlog('');
})();
function filterBlog(cat) { renderBlog(cat); }
function renderBlog(cat) {
  const posts = cat ? window._blogPosts.filter(p=>p.category===cat) : window._blogPosts;
  document.getElementById('blogGrid').innerHTML = posts.map(p => `
    <div class="listing-card" style="cursor:pointer" onclick="location.href='blog-post.html?slug=${encodeURIComponent(p.slug)}'">
      <div class="thumb" style="height:140px;background:linear-gradient(135deg,#13100d,#2a2218);display:flex;align-items:center;justify-content:center">
        <span class="tag gold" style="font-size:12px">${escapeHtml(p.category)}</span>
      </div>
      <div class="body" style="padding:18px">
        <div class="meta">${escapeHtml(p.date)} · ${escapeHtml(p.author)}</div>
        <h3 style="font-family:var(--serif);font-size:20px;margin:8px 0 10px;letter-spacing:-.02em">${escapeHtml(p.title)}</h3>
        <p style="color:var(--public-muted);font-size:13px;line-height:1.6;margin:0">${escapeHtml(p.summary)}</p>
        <div style="margin-top:14px"><span style="color:var(--public-gold);font-size:13px;font-weight:600">Read More →</span></div>
      </div>
    </div>
  `).join('');
}
</script>
<script>GRRTheme.init('public');</script><div style="position:fixed;bottom:0;left:0;right:0;z-index:50;background:#13100d;border-top:2px solid var(--public-gold);padding:10px 0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap"><span style="color:#fff;font-size:14px;font-weight:700">Looking to buy or sell in Victoria?</span><a href="tel:2505078949" style="background:var(--public-gold);color:#fff;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none">Call Amit 250-507-8949</a><a href="index.html" style="background:#fff;color:#13100d;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none">Search Listings</a></div><div style="height:52px"></div></body></html>