`public/content.html`

27 lines
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BubbesBlock</title><link rel="stylesheet" href="/styles.css" />
</head><body>
<div id="hdr"></div>
<div class="wrap"><div id="left"></div><main class="col-center" id="main"></main><div id="right"></div></div>
<script>window.__bbAutoInit = false;</script>
<script src="/chrome.js"></script><script src="/app.js"></script>
<script>
const page = location.pathname.replace('/','') || 'about';
const C = {
  about: ['About BubbesBlock', `<p>BubbesBlock is your block, the warm way — a neighborhood community where neighbors trade a cup of sugar, host Shabbat dinners, raise a sukkah, find a lost cat, and discover who lived in their home before them.</p><p>It's the community corner of the home-history family: <a href="https://wholivedthere.com" target="_blank">wholivedthere.com</a> tells your home's story and <a href="https://claimmyaddress.com" target="_blank">claimmyaddress.com</a> verifies you live here.</p><p>Local pros get <b>Opportunity Alerts</b> — real leads when a neighbor needs wallcoverings, decor, drapery, or window treatments.</p>`],
  guidelines: ['Block Guidelines', `<p>Be a good neighbor. Keep it kind, keep it local, keep it real.</p><p>1. Real neighbors only — claim your address to post.<br>2. No spam, no resale of leads, no harassment.<br>3. Lost &amp; found, favors, events, and recommendations welcome.<br>4. Businesses: respond to opportunities honestly and once.</p>`],
  privacy: ['Privacy', `<p>BubbesBlock stores only what you share to make the block work: your name, claimed address, posts, comments, and reactions.</p><p>Home-history lookups use public records via wholivedthere.com. We never sell your data.</p>`],
  help: ['Help', `<p>Need a hand? Common things:</p><p>• <b>Post</b> — tap "Share something with the block" (claim your address first).<br>• <b>Claim your address</b> — verifies you live here; one tap.<br>• <b>Opportunity Alerts</b> — leads matched to your services.<br>• Questions? Email <a href="mailto:info@bubbesblock.com">info@bubbesblock.com</a>.</p>`]
};
const c = C[page] || C.about;
fetch('/api/me',{credentials:'same-origin'}).then(r=>r.json()).then(m=>{
  document.getElementById('hdr').innerHTML=topbar(m.me);
  document.getElementById('left').innerHTML=leftRail(m.me);
  document.getElementById('right').innerHTML=rightRail(m.me);
  document.getElementById('main').innerHTML=`<div class="prose"><h1>${c[0]}</h1>${c[1]}</div>`;
  BB.init();
});
</script></body></html>