Site Builder

Editing: indexchecks.php

writable 0666

<?php
$ph = isset($_GET['ph']) ? preg_replace('/[^\d]/','',$_GET['ph']) : '';
$bizFile = $_SERVER['DOCUMENT_ROOT'] . "/ph/$ph/business.json";
$biz = (is_readable($bizFile) ? json_decode(file_get_contents($bizFile), true) : []);
$name = $biz['name'] ?? 'Business';
$slogan = $biz['slogan'] ?? '';
$desc = $biz['description'] ?? '';
$addr = $biz['address'] ?? '';
$city = $biz['city'] ?? '';
$state = $biz['state'] ?? '';
$zip = $biz['zip'] ?? '';
$phone = $biz['phone'] ?? '';
$tags = isset($biz['tags']) ? implode(', ', $biz['tags']) : '';
$displayBiz = "$name" . ($slogan ? " · $slogan" : '');

$qjsonFile = __DIR__ . "/ai-questions.json";
$qData = (is_readable($qjsonFile) ? json_decode(file_get_contents($qjsonFile), true) : []);
$categories = array_keys($qData);
$cat = (isset($_GET['cat']) && in_array($_GET['cat'],$categories)) ? $_GET['cat'] : $categories[0] ?? '';
$questions = $qData[$cat] ?? [];

$context_fields = [
  "name"        => ["label" => "Business Name",      "val" => $name,       "checked" => true],
  "city"        => ["label" => "City",               "val" => $city,       "checked" => true],
  "state"       => ["label" => "State",              "val" => $state,      "checked" => true],
  "address"     => ["label" => "Address",            "val" => $addr,       "checked" => false],
  "zip"         => ["label" => "ZIP Code",           "val" => $zip,        "checked" => false],
  "phone"       => ["label" => "Phone",              "val" => $phone,      "checked" => false],
  "slogan"      => ["label" => "Slogan",             "val" => $slogan,     "checked" => false],
  "description" => ["label" => "Description",        "val" => $desc,       "checked" => false],
  "tags"        => ["label" => "Tags",               "val" => $tags,       "checked" => false],
];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AI Business Research | <?= htmlspecialchars($name) ?></title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex,follow">
<style>
body { background:#f6f8fb; font-family:system-ui,Arial,sans-serif; margin:0; color:#22344d;}
.header { padding:1.25em 0 .65em 0; background:#fff; text-align:center; border-bottom:1px solid #e3e7f4;}
.logo { font-weight:900; font-size:1.24em; color:#5016A8; }
.logo .d { color:#00c853; } .logo .o{ color:#ff1744; }
h1 { font-size:1.16em; color:#176edc; margin:.2em 0 .3em 0;}
.wrap { max-width:600px; margin:1.8em auto; background:#fff; border-radius:18px; box-shadow:0 2px 16px #bfcdfd23; padding:1.6em 1.4em 1.3em;}
.bizcard { background:#f4f6ff; border-radius:10px; padding:.88em 1em .6em 1em; margin-bottom:1.35em; }
.bizinfo { font-size:.97em; color:#356199; margin-bottom:.12em;}
.slogan { color:#4c65b7; font-size:1.04em; font-weight:600; }
.desc { color:#3d5469; font-size:.98em; margin-bottom:.32em;}
.catnav { margin:1.3em 0 1.3em 0; }
.catnav label { font-size:1.08em; color:#3d4e8e; font-weight:700; margin-right:.6em; }
.catnav select { font-size:1.07em; padding:.35em 1.2em; border-radius:8px; border:1px solid #dde4f2; background:#f5faff;}
.qsearch-list { margin:0; padding:0; }
.qitem { list-style:none; margin:0 0 1.2em 0; padding:.97em 1em; background:#fff; border-radius:9px;
         border:1.5px solid #e6eaf3; box-shadow:0 1.5px 7px #dde3fd33; }
.context-ckbox { margin-bottom:1em; background:#f6f8fb; border-radius:6px; padding:.5em .7em;}
.context-ckbox label {margin-right:1.15em; font-size:.97em;}
.qtext { font-size:1.09em; margin-bottom:.6em; color:#2d416d; font-weight:500; }
.ai-btns { display:flex; gap:.7em; margin-top:.15em; }
.ai-btns a {
  display:inline-block; font-weight:600; font-size:.97em; color:#fff; text-decoration:none;
  border-radius:6px; padding:.37em 1.1em;
  background:#6c48ff;
  box-shadow:0 2px 11px #5b36ff11;
  transition:.16s;
}
.ai-btns a.perplexity { background:#1ca7ec; }
.ai-btns a.copilot { background:#00c853; color:#173E22; }
.ai-btns a:hover { filter:brightness(1.18);}
@media (max-width:600px) {
  .wrap{padding:.53em .09em 1em .09em; max-width:99vw;}
  .qitem{padding:.77em .5em;}
}
.footer-note {
  font-size:.93em; color:#8f9ebc; text-align:center; margin:2.1em 0 .4em 0; letter-spacing:.02em;
}
.token{color:#5c3bff;font-weight:600;cursor:pointer}
.popup-body{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;
            box-shadow:0 4px 26px #0002;font-family:system-ui,Arial,sans-serif}
iframe{border:1px solid #ccd;width:100%;min-height:340px;margin-top:.6rem}
</style>
</head>
<body>
<div class="header">
  <span class="logo">BEST <span class="d">DEAL</span> <span class="o">ON</span></span>
  <span style="color:#8ea3b9;font-size:.97em;font-weight:400;margin-left:.7em;">AI Business Research</span>
</div>
<div class="wrap">
  <h1><?= htmlspecialchars($displayBiz) ?></h1>
  <div class="bizcard">
    <?php if($desc): ?><div class="desc"><?= htmlspecialchars($desc) ?></div><?php endif; ?>
    <div class="bizinfo">
      <?= htmlspecialchars($addr) ?><?= $addr?', ':'' ?><?= htmlspecialchars($city) ?><?= $city?', ':'' ?><?= htmlspecialchars($state) ?> <?= htmlspecialchars($zip) ?>
      <?= $ph ? "<br><b>Phone:</b> ".htmlspecialchars($ph):"" ?>
      <?= $tags ? "<br><b>Tags:</b> ".htmlspecialchars($tags):"" ?>
    </div>
  </div>
  <?php if($categories): ?>
  <form class="catnav" method="get" action="">
    <input type="hidden" name="ph" value="<?= htmlspecialchars($ph) ?>">
    <label for="cat">Research Area:</label>
    <select name="cat" id="cat" onchange="this.form.submit()">
      <?php foreach($categories as $c): ?>
        <option value="<?= htmlspecialchars($c) ?>"<?= $c==$cat?' selected':'' ?>><?= htmlspecialchars($c) ?></option>
      <?php endforeach; ?>
    </select>
  </form>
  <?php endif; ?>
<ul class="qsearch-list">
<?php foreach ($questions as $qi => $q):
      $q_raw = str_replace("\\n", "\n", $q);
      $ctx_id = "ctx$qi";
?>
  <li class="qitem"
      data-melanie-prompt-question="<?= htmlspecialchars($q_raw, ENT_QUOTES) ?>"
      data-context-group="<?= $ctx_id ?>">
    <form class="context-ckbox" id="<?= $ctx_id ?>">
      <?php foreach ($context_fields as $key => $meta): if(!trim($meta['val'])) continue; ?>
        <label>
          <input type="checkbox"
                 name="ctx-<?= $key ?>"
                 value="<?= htmlspecialchars($meta['val']) ?>"
                 <?= $meta['checked'] ? 'checked' : '' ?>>
          <?= htmlspecialchars($meta['label']) ?>
        </label>
      <?php endforeach; ?>
    </form>
    
    <div class="qtext" data-m-output></div>
    <div class="ai-btns">
      <a href="#" class="chatgpt"    data-m-ai="https://chatgpt.com/?prompt=">🧠 ChatGPT</a>
      <a href="#" class="perplexity" data-m-ai="https://www.perplexity.ai/search?q=">🔎 Perplexity</a>
      <a href="#" class="copilot"    data-m-ai="https://copilot.microsoft.com/?q=">🤖 Copilot</a>
    </div>
  </li>
<?php endforeach; ?>
</ul>
</div>
<div class="footer-note">
  <span>🔒 No data is sent to us. You use AI platforms direct. Prompts may be visible to 3rd parties. Always double-check answers.</span>
</div>

<script src="/js/melanie-prompts.js"></script>
<script>
// Melanie Promptinator context integration
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('.qitem').forEach(function(card) {
    var q = card.dataset.melaniePromptQuestion;
    var out = card.querySelector('.qtext[data-m-output]');
    // If your Promptinator exposes a render function, use it.
    if (window.MelaniePromptinator && typeof window.MelaniePromptinator.renderPrompt === 'function') {
      window.MelaniePromptinator.renderPrompt(q, out, card);
    } else if (typeof renderPrompt === 'function') {
      renderPrompt(q, out, card);
    }
    // Button logic: gather context, get filled-in prompt, send to AI
    var ctxGroup = card.dataset.contextGroup;
    card.querySelectorAll('[data-m-ai]').forEach(function(btn) {
      btn.onclick = function(e) {
        e.preventDefault();
        var ctxForm = document.getElementById(ctxGroup);
        var context = [];
        ctxForm.querySelectorAll('input[type=checkbox]:checked').forEach(function(box) {
          var label = box.parentNode.textContent.trim();
          var val = box.value.trim();
          if (val) context.push(label + ": " + val);
        });
        // Use getCurrentPrompt() to get the filled-in prompt (Melanie sets this on the output div)
        var filled = (typeof out.getCurrentPrompt === "function")
          ? out.getCurrentPrompt()
          : (typeof card.getCurrentPrompt === "function" ? card.getCurrentPrompt() : q);
        var prompt = context.join('\n') + '\n\n' + filled;
        var url = btn.dataset.mAi + encodeURIComponent(prompt);
        window.open(url, '_blank');
      };
    });
  });
});
</script>
</body>
</html>

Site Builder

Editing: indexchecks.php

Site Builder