Site Builder

Editing: index.php

writable 0666

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>TruthCase™ by RF SAFE — The Case for Truth About RF Safety</title>
<meta name="description" content="Re-engineer how we think about 'anti-radiation' cases. TruthCase™ is an exposure-reduction case: precise shielding in use, antenna-aware design, and user habits. The real path to ~99% everyday reduction requires Li‑Fi compatibility and policy reform (Section 704, Public Law 90‑602, a 'Clean Ether Act' concept). Includes low-blue Amber theme and interactive learning." />
<style>
  /* ---------- THEME TOKENS (LIGHT DEFAULT) ---------- */
  :root{
    --brand:#6b46c1; --brand-ink:#2b215e; --ink:#0f1020; --muted:#6a6e8f;
    --ok:#1a9b64; --warn:#c43a3a; --ring: rgba(107,70,193,.35);
    --bg:linear-gradient(180deg,#faf9ff 0%, #ffffff 100%);
    --card:#ffffff; --border:#ece7ff; --shadow:0 12px 26px rgba(17,12,34,.10);
    --radius:22px;
    --radial: rgba(107,70,193,.12); --soft-bg: rgba(107,70,193,.08);
    --badge-bg: rgba(107,70,193,.08); --hover-bg: rgba(107,70,193,.06);
    --active-bg: rgba(107,70,193,.10);
    --flag1:#ffe6e6; --flag2:#e8f3ff; --flag3:#fff2d9; --flag4:#e9f7ef;
  }
  /* ---------- DARK MODE ---------- */
  html[data-theme="dark"]{
    color-scheme: dark;
    --brand:#9e87ff; --brand-ink:#e8e5ff; --ink:#e9e9f6; --muted:#b2b5d3;
    --ok:#51d19a; --warn:#ff7b7b; --ring: rgba(158,135,255,.45);
    --bg:linear-gradient(180deg,#0f0f1a 0%, #161628 100%);
    --card:#1a1930; --border:#2b2a44; --shadow:0 12px 26px rgba(0,0,0,.35);
    --radial: rgba(158,135,255,.12); --soft-bg: rgba(158,135,255,.12);
    --badge-bg: rgba(158,135,255,.12); --hover-bg: rgba(158,135,255,.10);
    --active-bg: rgba(158,135,255,.16);
    --flag1:#3a1f27; --flag2:#1d2a3b; --flag3:#3a2c18; --flag4:#1b3327;
  }
  /* ---------- AMBER (LOW-BLUE, RETRO) ---------- */
  html[data-theme="amber"]{
    color-scheme: dark;
    --brand:#ffb020; --brand-ink:#ffe1a6; --ink:#ffe8c8; --muted:#d7c9ad;
    --ok:#f0cf6a; --warn:#ff9a5c; --ring: rgba(255,176,32,.35);
    --bg:linear-gradient(180deg,#0e0b06 0%, #171208 100%);
    --card:#151109; --border:#372b1a; --shadow:0 12px 26px rgba(0,0,0,.35);
    --radial: rgba(255,176,32,.14); --soft-bg: rgba(255,176,32,.10);
    --badge-bg: rgba(255,176,32,.12); --hover-bg: rgba(255,176,32,.10);
    --active-bg: rgba(255,176,32,.16);
    --flag1:#2b1a12; --flag2:#241a0d; --flag3:#332512; --flag4:#1f1a0f;
  }

*{box-sizing:border-box}
  html,body{margin:0;background:var(--bg);color:var(--ink);
    font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
  html[data-theme="amber"] body{
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","DejaVu Sans Mono","Courier New",monospace;
    letter-spacing:.2px;
  }
  a{color:var(--brand);text-decoration:none}
  a:hover{text-decoration:underline}
  .wrap{max-width:1160px;margin:0 auto;padding:28px 18px 120px}

/* NAV / HERO */
  .nav{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.2) blur(6px);background:rgba(255,255,255,.72);border-bottom:1px solid var(--border)}
  html[data-theme="dark"] .nav{background:rgba(18,18,32,.6)}
  html[data-theme="amber"] .nav{background:rgba(24,18,10,.65)}
  .navin{max-width:1160px;margin:0 auto;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 18px}
  .brand{display:flex;gap:10px;align-items:center;font-weight:900;color:var(--brand-ink)}
  .brand .dot{width:12px;height:12px;border-radius:50%;background:var(--brand)}
  .row{display:flex;gap:10px;align-items:center}
  .hero{margin-top:18px;background:
    radial-gradient(900px 300px at 10% -20%, var(--radial), transparent 60%),
    radial-gradient(900px 300px at 90% -40%, var(--radial), transparent 60%),
    var(--card);
    border-radius:28px;box-shadow:var(--shadow);padding:28px}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);
    border:1px solid var(--border);background:var(--soft-bg);border-radius:999px;padding:6px 12px}
  h1{margin:10px 0 8px;font-size:clamp(28px,4.5vw,50px);line-height:1.08;color:var(--brand-ink)}
  .subtitle{color:var(--muted);max-width:920px}
  .badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
  .badge{font-size:12px;font-weight:900;border:1px solid var(--border);background:var(--badge-bg);color:var(--brand);border-radius:999px;padding:6px 10px}
  .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

/* Buttons */
  .btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:12px 18px;font-weight:900;border:2px solid var(--brand);
    box-shadow:0 6px 18px var(--ring);transition:.2s;background:transparent;color:var(--brand)}
  .btn.primary{background:var(--brand);color:#fff}
  html[data-theme="amber"] .btn.primary{color:#1a1309}
  .btn.secondary{color:var(--brand)}
  .btn.ghost{border-color:var(--border);color:var(--brand)}
  .btn:hover{transform:translateY(-1px)}

/* Utilities */
  .section{margin-top:42px}
  .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;border:1px solid var(--border)}
  .grid{display:grid;gap:18px}
  @media(min-width:950px){.grid.cols-2{grid-template-columns:1fr 1fr}}
  @media(min-width:1050px){.grid.cols-3{grid-template-columns:1fr 1fr 1fr}}
  .muted{color:var(--muted)}
  .inline-note{font-size:14px;margin-top:8px;color:var(--muted)}

/* Table */
  .table{overflow:auto;border-radius:var(--radius);border:1px solid var(--border)}
  table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}
  th,td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left}
  thead th{background:var(--soft-bg);font-size:14px;color:var(--brand)}

/* Chips / flags */
  .chip{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}
  .f1{background:var(--flag1)} .f2{background:var(--flag2)} .f3{background:var(--flag3)} .f4{background:var(--flag4)}
  .flag{position:relative;border:1px solid var(--border)}

/* Tabs */
  .tabs{display:flex;gap:10px;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--border)}
  .tab{appearance:none;border:none;background:transparent;padding:10px 14px;border-bottom:3px solid transparent;cursor:pointer;font-weight:900;color:var(--brand)}
  .tab[aria-selected="true"]{border-color:var(--brand)}
  .tabpanel[hidden]{display:none}
  .panel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}

/* Quiz */
  .q-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
  .progress{height:10px;background:var(--soft-bg);border-radius:999px;overflow:hidden;min-width:220px}
  .bar{height:100%;background:var(--brand);width:0}
  .q-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .choice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:2px solid var(--border);border-radius:14px;background:transparent;cursor:pointer;font-weight:800;color:var(--ink)}
  .choice:hover{background:var(--hover-bg)}
  .choice[aria-pressed="true"]{border-color:var(--brand);background:var(--active-bg);color:var(--brand)}
  .choice.correct{border-color:var(--ok);background:rgba(240,207,106,.18);color:var(--ok)}
  .choice.wrong{border-color:var(--warn);background:rgba(255,154,92,.16);color:var(--warn)}
  .hint{font-size:14px;color:var(--muted);margin-top:6px}
  .q-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}

/* Steps & timeline */
  .steps{counter-reset:step}
  .steps li{list-style:none;margin:10px 0;padding-left:36px;position:relative}
  .steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--soft-bg);color:var(--brand);display:grid;place-items:center;font-weight:900;border:1px solid var(--border)}
  .timeline{display:grid;gap:12px}
  .dotrow{display:flex;gap:10px;align-items:center}
  .dotrow .dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}

/* Action center */
  .checklist label{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
  .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","DejaVu Sans Mono","Courier New",monospace;background:var(--soft-bg);padding:10px;border-radius:12px;border:1px solid var(--border);color:var(--ink)}

/* Footer & confetti & reveal */
  footer{margin-top:52px;text-align:center;color:var(--muted);font-size:14px}
  .confetti{pointer-events:none;position:fixed;inset:0;z-index:70}
  .confetti i{position:absolute;width:10px;height:10px;border-radius:50%;animation:drop 1.9s ease-out forwards}
  @keyframes drop{from{transform:translateY(-20vh) scale(.6);opacity:.2} to{transform:translateY(110vh) scale(1);opacity:1}}
  .reveal{opacity:0;transform:translateY(12px);transition:all .5s ease}
  .reveal.in{opacity:1;transform:none}
</style>
</head>
<body>

<div class="nav" role="navigation" aria-label="Primary">
  <div class="navin">
    <div class="brand" aria-label="RF SAFE TruthCase">
      <span class="dot"></span><span>RF SAFE • TruthCase™</span>
    </div>
    <div class="row">
      <div class="themebox" title="Theme">
        <span>Theme</span>
        <select id="themeSelect" aria-label="Theme selector">
          <option value="system">System</option>
          <option value="light">Light</option>
          <option value="dark">Dark</option>
          <option value="amber">Amber (low‑blue)</option>
        </select>
      </div>
      <a class="btn ghost" href="#roadmap">Roadmap</a>
      <a class="btn ghost" href="#interactive">Learn</a>
      <a class="btn primary" href="/phones/EMF_Blocking_Cell_Phone_Cases.html">Get QuantaCase™</a>
    </div>
  </div>
</div>

<div class="wrap">
  
  <header class="hero">
    <span class="eyebrow">RF SAFE Approved • Since 1998</span>
    <h1>TruthCase™ — The case for truth about “anti‑radiation” products.</h1>
    <p class="subtitle">
      Phones use <strong>radiofrequency (RF) energy in the microwave bands</strong>. A case can’t “block 99% everywhere” while your phone is still transmitting.  
      TruthCase™ is an <strong>exposure‑reduction case</strong>: <em>directional shielding in use</em> (between you & the phone), <em>antenna‑aware design</em> (so the phone doesn’t auto‑boost), and <em>clear user habits</em>.
      The path to ~99% everyday reduction isn’t a flap—it’s a <strong>technology shift (Li‑Fi) and policy reform</strong>.
    </p>
    <div class="badges" role="list">
      <span class="badge" role="listitem">Shield between body & phone</span>
      <span class="badge" role="listitem">No metal loops • No magnet plates</span>
      <span class="badge" role="listitem">Unobstructed antenna areas</span>
      <span class="badge" role="listitem">Shielded speaker aperture</span>
      <span class="badge" role="listitem">Ohmmeter‑checkable shield</span>
    </div>
    <div class="cta-row">
      <a class="btn primary" href="/phones/EMF_Blocking_Cell_Phone_Cases.html">Shop QuantaCase™</a>
      <a class="btn secondary" href="#truthscore">Run TruthScore</a>
      <a class="btn ghost" href="#action">Join the movement</a>
    </div>
    <p class="inline-note"><strong>Analogy (clarity only):</strong> An umbrella doesn’t stop rain; it reduces how wet you get. Likewise, directional shielding reduces measured RF near you when used correctly. (It’s an analogy—RF is electromagnetic energy, not water.)</p>
  </header>

<section class="section card reveal">
    <h2 style="margin:0 0 10px;color:var(--brand-ink)">What a case can do — and what only system change can do</h2>
    <div class="table">
      <table aria-label="Reframing anti-radiation cases">
        <thead><tr><th></th><th>Exposure‑Reduction Case (TruthCase™)</th><th>System‑Level Change</th></tr></thead>
        <tbody>
          <tr>
            <td><strong>Goal</strong></td>
            <td>Lower near‑body RF exposure in real use</td>
            <td>~99% everyday reduction by changing the medium and defaults</td>
          </tr>
          <tr>
            <td><strong>How</strong></td>
            <td>Shield between body & phone; keep antennas efficient; clear usage habits</td>
            <td>Li‑Fi compatibility indoors; modernized guidance; healthier infrastructure policies</td>
          </tr>
          <tr>
            <td><strong>Limits</strong></td>
            <td>Does not eliminate RF while the phone transmits</td>
            <td>Requires adoption, standards, and policy (e.g., Section 704 reform; Public Law 90‑602; “Clean Ether Act” concept for Li‑Fi readiness)</td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>

<section class="section grid cols-2 reveal" id="flags" aria-label="Red flags that increase exposure">
    <div class="card flag f1"><div class="chip">Red Flag #1</div><h3>Metal loops & decorative metal</h3><p>Metal near antennas can <strong>detune</strong> the system and trigger an <strong>automatic transmit‑power increase</strong>.</p></div>
    <div class="card flag f2"><div class="chip">Red Flag #2</div><h3>Magnetic detachables & plates</h3><p>“Mount‑ready” plates obstruct the antenna’s view; phones often boost output to stay connected.</p></div>
    <div class="card flag f3"><div class="chip">Red Flag #3</div><h3>Unshielded front speaker hole</h3><p>Large aperture near the ear allows higher‑frequency signals to pass with less reduction.</p></div>
    <div class="card flag f4"><div class="chip">Red Flag #4</div><h3>Misleading percent claims</h3><p>Swatch “99%” ≠ life. Real exposure depends on orientation, antenna performance, usage, and duty cycle.</p></div>
  </section>

<section id="truthscore" class="section grid cols-2 reveal" aria-label="TruthScore quick check">
    <div class="card calc">
      <h3 style="margin:0;color:var(--brand-ink)">TruthScore (quick check)</h3>
      <p class="muted">Tick what your current case includes, then press <em>Score</em>.</p>
      <label><input type="checkbox" class="flag"> Metal loops / corner caps</label>
      <label><input type="checkbox" class="flag"> Magnetic wallet / plate</label>
      <label><input type="checkbox" class="flag"> Large, unshielded front speaker hole</label>
      <label><input type="checkbox" class="flag"> 360° foil wrap or very thick build</label>
      <label><input type="checkbox" class="flag"> “99% protection” marketing</label>
      <div class="cta-row">
        <button class="btn primary" id="scoreBtn" type="button">Score</button>
        <a class="btn secondary" href="/phones/EMF_Blocking_Cell_Phone_Cases.html">See a TruthCase™</a>
      </div>
      <div id="scoreOut" class="result" aria-live="polite"></div>
    </div>
    <div class="card">
      <h3 style="margin:0 0 6px">Interpretation</h3>
      <p><strong class="ok">Good:</strong> No obvious exposure multipliers; the phone can maintain <strong>lower transmit power</strong>.</p>
      <p><strong class="warn">Caution/Fail:</strong> One or more multipliers likely cause an <strong>automatic transmit‑power increase</strong>. Consider a different case.</p>
      <p class="muted">Goal: directional shielding in use, unobstructed antennas, and distance‑smart habits.</p>
    </div>
  </section>

<section id="roadmap" class="section card reveal" aria-labelledby="roadmap-h">
    <h2 id="roadmap-h" style="margin:0 0 10px;color:var(--brand-ink)">The Truth Roadmap: from “less exposure now” → to “~99% everyday reduction”</h2>
    <div class="grid cols-3">
      <div class="card">
        <h3 style="margin:.2rem 0 6px">1) What **you** can do today</h3>
        <ul>
          <li><strong>Use directional shielding:</strong> place the cover between your body & the phone during calls.</li>
          <li><strong>Keep antennas efficient:</strong> no metal loops/plates; avoid thick stacks near antenna zones.</li>
          <li><strong>Habits:</strong> speaker/wired for long calls; shielded side toward body in pocket; distance at night.</li>
          <li><strong>Verify:</strong> ohmmeter continuity + no large unshielded ear‑side aperture.</li>
        </ul>
      </div>
      <div class="card">
        <h3 style="margin:.2rem 0 6px">2) What **we** can build next</h3>
        <ul>
          <li><strong>Li‑Fi pilots</strong> for classrooms/offices: zero‑SAR indoor data links via light.</li>
          <li><strong>Device readiness:</strong> push vendors for **Li‑Fi compatibility** alongside Wi‑Fi/5G.</li>
          <li><strong>Guidance defaults:</strong> publish practical usage playbooks (calls, pocket, nightstand).</li>
        </ul>
      </div>
      <div class="card">
        <h3 style="margin:.2rem 0 6px">3) What **policy** must enable</h3>
        <ul>
          <li><strong>Revisit telecom siting rules</strong> (e.g., Section 704 context) to empower local, health‑aware planning.</li>
          <li><strong>Re‑energize Public Law 90‑602</strong> responsibilities for research & performance standards.</li>
          <li><strong>“Clean Ether Act” concept:</strong> mandate **Li‑Fi compatibility** in public indoor spaces, where feasible.</li>
        </ul>
      </div>
    </div>
    <p class="inline-note">TruthCase™ tells you the truth: a case **reduces exposure** when used correctly. **System change** delivers the everyday ~99% goal.</p>
  </section>

<section id="interactive" class="section card reveal" aria-labelledby="interactive-h">
    <h2 id="interactive-h" style="margin:0 0 8px;color:var(--brand-ink)">Learn & Check</h2>
    <div class="tabs" role="tablist" aria-label="Interactive modes">
      <button class="tab" role="tab" aria-selected="true" aria-controls="learnPanel" id="learnTab">Learn</button>
      <button class="tab" role="tab" aria-selected="false" aria-controls="quizPanel" id="quizTab">Quiz</button>
    </div>

<div id="learnPanel" role="tabpanel" class="panel-card" aria-labelledby="learnTab">
      <div class="grid cols-3" id="learnCards">
        
      </div>
    </div>

<div id="quizPanel" role="tabpanel" class="panel-card" aria-labelledby="quizTab" hidden>
      <div class="q-head">
        <div class="q-controls">
          <label class="themebox" title="Question count"><span>Questions</span>
            <select id="qCount" aria-label="Question count">
              <option value="5">5</option><option value="8">8</option>
              <option value="10" selected>10</option><option value="12">12</option>
            </select>
          </label>
          <span class="hint" id="hint">Tap an answer to continue</span>
        </div>
        <div class="progress"><div class="bar" id="bar"></div></div>
        <div id="score" style="font-weight:900;color:var(--brand)">Score 0/0</div>
      </div>
      <div id="qtopic" class="muted" style="font-weight:900;letter-spacing:.06em;text-transform:uppercase">Topic</div>
      <h3 id="qtext" style="margin:.2rem 0 6px;color:var(--brand-ink)">Question</h3>
      <div id="choices" class="grid cols-2"></div>
      <div id="explain" class="card" style="display:none;margin-top:10px;background:var(--soft-bg);border:1px solid var(--border)">Explanation</div>
      <div class="q-actions">
        <button id="nextBtn" class="btn secondary" type="button" style="display:none">Next</button>
        <button id="skipBtn" class="btn ghost" type="button">Skip</button>
        <button id="restartBtn" class="btn ghost" type="button">Restart</button>
      </div>
      <div id="qdone" style="display:none;margin-top:10px">
        <h3 style="margin:0 0 6px;color:var(--brand-ink)">Finished!</h3>
        <p id="finalText"></p>
        <div class="cta-row">
          <button id="again" class="btn secondary" type="button">Play again</button>
          <a class="btn primary" href="/phones/EMF_Blocking_Cell_Phone_Cases.html">Get a TruthCase™</a>
        </div>
      </div>
    </div>
  </section>

<section id="ohm" class="section grid cols-2 reveal" aria-label="Ohmmeter verification and usage">
    <div class="card">
      <h3 style="margin:0 0 6px;color:var(--brand-ink)">Ohmmeter verification — proof you can touch</h3>
      <ol class="steps">
        <li>Set an ohmmeter to continuity (beep) mode.</li>
        <li>Touch the leads to the access point on the inside of the front cover.</li>
        <li>Continuity confirms a <strong>conductive shield path</strong>.</li>
        <li>Hold to light: no large unshielded opening where your ear would be.</li>
      </ol>
      <p class="muted">RF exposure reduction isn’t a slogan; it’s a design you can verify.</p>
    </div>
    <div class="card">
      <h3 style="margin:0 0 6px">Use for lower exposure</h3>
      <ul>
        <li><strong>Calls:</strong> start/answer, then close the front flap toward your head; prefer speaker or wired for long calls.</li>
        <li><strong>Pocket:</strong> shielded cover toward your body (back pocket often best).</li>
        <li><strong>Text/scroll:</strong> fold the flap behind to shield hands/torso; keep some distance.</li>
        <li><strong>Night:</strong> increase distance or use airplane mode; don’t park the phone by your head.</li>
      </ul>
    </div>
  </section>

<section id="action" class="section card reveal" aria-labelledby="action-h">
    <h2 id="action-h" style="margin:0 0 8px;color:var(--brand-ink)">Policy Action Center</h2>
    <p class="muted">Turn belief into action: Li‑Fi pilots, practical guidance, and policy modernization.</p>
    <div class="grid cols-2">
      <div class="card">
        <h3 style="margin:0 0 6px">Build your plan</h3>
        <div class="checklist" id="planList">
          <label><input type="checkbox" value="Replace current case with a TruthCase™ and learn proper use (calls, pocket, nightstand)."> Replace current case with a TruthCase™ and learn proper use (calls, pocket, nightstand).</label>
          <label><input type="checkbox" value="Host a 20‑minute demo at your school/PTA on exposure‑reducing habits."> Host a 20‑minute demo at your school/PTA on exposure‑reducing habits.</label>
          <label><input type="checkbox" value="Ask your school/office to evaluate a Li‑Fi pilot for appropriate rooms."> Ask your school/office to evaluate a Li‑Fi pilot for appropriate rooms.</label>
          <label><input type="checkbox" value="Urge vendors to include Li‑Fi compatibility alongside Wi‑Fi/5G."> Urge vendors to include Li‑Fi compatibility alongside Wi‑Fi/5G.</label>
          <label><input type="checkbox" value="Contact reps about revisiting telecom siting rules (e.g., Section 704 context)."> Contact reps about revisiting telecom siting rules (e.g., Section 704 context).</label>
          <label><input type="checkbox" value="Request renewed attention to Public Law 90‑602 duties on research/standards."> Request renewed attention to Public Law 90‑602 duties on research/standards.</label>
          <label><input type="checkbox" value="Support a “Clean Ether Act” concept to mandate Li‑Fi compatibility in public indoor spaces where feasible."> Support a “Clean Ether Act” concept to mandate Li‑Fi compatibility in public indoor spaces where feasible.</label>
        </div>
        <div class="cta-row">
          <button class="btn primary" id="copyPlan" type="button">Copy my plan</button>
          <span id="planStatus" class="muted" aria-live="polite"></span>
        </div>
      </div>
      <div class="card">
        <h3 style="margin:0 0 6px">Email/letter template</h3>
        <p class="muted" style="margin:0 0 8px">Customize the bracketed items. This is a general civic letter (not legal advice).</p>
        <textarea id="letter" rows="12" class="mono" style="width:100%">
Subject: A practical roadmap to lower RF exposure: Li‑Fi pilots, guidance, and modernized policy

Dear [Representative/School Board/Administrator],

I’m writing from [City, State] to support practical steps that lower everyday RF (microwave) exposure where feasible, especially for children and indoor environments:

• Pilot light-based indoor connectivity (Li‑Fi) in classrooms/offices as a zero‑SAR alternative for appropriate use cases.
• Publish clear guidance for phone use: directional shielding in use (between body & phone), antenna-aware layouts (to avoid automatic transmit‑power increases), and distance-aware habits.
• Revisit telecom siting rules (e.g., Section 704 context) to allow local, health‑aware decision‑making where possible, and renew attention to Public Law 90‑602 duties on research and performance standards.

Consider a “Clean Ether Act” concept: mandate Li‑Fi compatibility in public indoor spaces where feasible, so lower‑exposure options are available by default.

Thank you for your leadership.

Sincerely,
[Your name]
[City, State]
        </textarea>
        <div class="cta-row">
          <button class="btn secondary" id="copyLetter" type="button">Copy letter</button>
          <span id="letterStatus" class="muted" aria-live="polite"></span>
        </div>
      </div>
    </div>
  </section>

<section class="section card reveal" aria-labelledby="story-h">
    <h2 id="story-h" style="margin:0 0 8px;color:var(--brand-ink)">Built to move standards, not units</h2>
    <div class="timeline">
      <div class="dotrow"><span class="dot"></span><strong>1998</strong> — First exposure‑reduction cases (Nokia 5160/6160, StarTAC) and Interferometric Array Antenna work.</div>
      <div class="dotrow"><span class="dot"></span><strong>2002</strong> — Air‑tube headsets reviewed by The Wall Street Journal; we teach by shipping.</div>
      <div class="dotrow"><span class="dot"></span><strong>2010s</strong> — Belly bands & wearables proliferate; we invite competition when the category becomes safe by default.</div>
      <div class="dotrow"><span class="dot"></span><strong>Today</strong> — TruthCase™ persists because many cases still include exposure‑increasing features; we set the reference design.</div>
      <div class="dotrow"><span class="dot"></span><strong>Next</strong> — Li‑Fi adoption + policy modernization: the practical route to ~99% everyday reduction.</div>
    </div>
    <div class="cta-row" style="margin-top:10px">
      <a class="btn secondary" href="/phones/EMF_Blocking_Cell_Phone_Cases.html">See the reference design</a>
      <a class="btn primary" href="/shop/">Get a TruthCase™</a>
    </div>
  </section>

<footer>
    <p><strong>RF SAFE Approved</strong> means: no metal loops • no magnet plates • shielded speaker aperture • antenna‑aware layout • ohmmeter‑checkable shield • honest usage guidance.</p>
    <p class="muted">© RF SAFE. This page offers general educational information about reducing RF (microwave) exposure in device use. It is not medical or legal advice.</p>
  </footer>
</div>

<div id="confetti" class="confetti" aria-hidden="true"></div>

/* ---------- Reveal on scroll ---------- */
const io = new IntersectionObserver((entries)=>entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } }), {threshold:.12});
document.querySelectorAll('.reveal').forEach(el=>io.observe(el));

/* ---------- TruthScore ---------- */
document.getElementById('scoreBtn').addEventListener('click', ()=>{
  const n=[...document.querySelectorAll('#truthscore .flag')].filter(x=>x.checked).length;
  const out=document.getElementById('scoreOut');
  if(n===0){ out.innerHTML='<span class="ok">Good:</span> no obvious exposure multipliers. Your phone can likely use lower transmit power.'; confetti(); }
  else if(n===1){ out.innerHTML='<span class="warn">Caution:</span> 1 red flag—may increase transmit power.'; }
  else { out.innerHTML='<span class="warn">Fail:</span> multiple red flags—likely higher transmit power and higher exposure.'; }
});

/* ---------- Tabs (Learn / Quiz) ---------- */
(function(){
  const tabs=[{btn:'#learnTab', panel:'#learnPanel'},{btn:'#quizTab', panel:'#quizPanel'}];
  function show(id){
    tabs.forEach(t=>{
      const b=document.querySelector(t.btn), p=document.querySelector(t.panel), sel=(t.btn===id);
      b.setAttribute('aria-selected', sel?'true':'false'); p.hidden=!sel;
    });
  }
  tabs.forEach(t=>document.querySelector(t.btn).addEventListener('click',()=>show(t.btn)));
  show('#learnTab');
})();

/* ---------- LEARN cards ---------- */
const LEARN=[
 {h:'Directional shielding (in use)', b:[
  'Place the shield between your body and the phone.',
  'Full wraps can obstruct antennas and provoke higher transmit power.'
 ]},
 {h:'Keep antennas efficient', b:[
  'Avoid metal loops, mount plates, and thick stacks near antenna zones.',
  'Phones often compensate with higher transmit power if obstructed.'
 ]},
 {h:'Speaker aperture matters', b:[
  'Large front holes act as unshielded apertures near the ear.',
  'Use a shielded speaker aperture to maintain continuity.'
 ]},
 {h:'Swatch % ≠ life %', b:[
  'A fabric’s “99%” is not everyday exposure.',
  'Exposure depends on orientation, antenna performance, usage, duty cycle.'
 ]},
 {h:'Everyday habits', b:[
  'Calls: close flap toward your head; prefer speaker/wired for long calls.',
  'Pocket: shielded flap toward your body; night: distance or airplane mode.'
 ]},
 {h:'Verify with an ohmmeter', b:[
  'Continuity (beep) confirms a conductive shield path.',
  'Ear‑side: no big unshielded opening.'
 ]},
 {h:'The ~99% everyday goal', b:[
  'Not a flap—change the medium to light (Li‑Fi) where feasible.',
  'Pair with better guidance and modernized policies.'
 ]}
];
const learnBox=document.getElementById('learnCards');
LEARN.forEach(card=>{
  const div=document.createElement('div'); div.className='card';
  div.innerHTML=`<h3 style="margin:.2rem 0 6px;color:var(--brand-ink)">${card.h}</h3><ul>${card.b.map(x=>`<li>${x}</li>`).join('')}</ul>`;
  learnBox.appendChild(div);
});

/* ---------- QUIZ (jam-proof auto-advance) ---------- */
const QB=[
 {t:'Metal near antennas', q:'A case adds metal strap loops near the top corners. What is the risk?',
  a:['Metal can detune antennas and cause the phone to increase transmit power','Metal cools the phone so it transmits less','Loops block blue light from the screen','Improves speaker clarity'], c:0,
  e:'Metal near antennas can distort fields; phones often compensate by raising transmit power.'},
 {t:'Magnet plates', q:'A “wallet‑detach” case uses a large steel plate behind the phone. Safe idea?',
  a:['Yes, more metal equals more protection','No, plates obstruct antennas and often trigger higher transmit power','Safe if the plate is behind the front flap','Safe if the plate is very thick'], c:1,
  e:'Mount plates are common causes of antenna obstruction and automatic power increases.'},
 {t:'Speaker aperture', q:'A big, unshielded front speaker hole aligns with your ear. Issue?',
  a:['Audio is louder and protection improves','It is an unshielded aperture; higher‑frequency signals can pass with less reduction','Only affects Wi‑Fi, not cellular','Blocks Bluetooth only'], c:1,
  e:'A large opening near the ear breaks shielding continuity. Use a shielded speaker aperture.'},
 {t:'Full wraps', q:'A 360° foil wrap lines every side of the case. Likely outcome?',
  a:['Antennas stay efficient and use lower power','Obstruction can degrade efficiency and increase transmit power','Best for nightstand only','Blocks “all waves”'], c:1,
  e:'Over‑shielding can obstruct antennas. Protect the person by placement, not by smothering the radio.'},
 {t:'Thickness', q:'A very thick case with stacked cards near antenna zones often leads to…',
  a:['Lower transmit power','Unchanged behavior','A need for higher transmit power to maintain the link','Better GPS accuracy'], c:2,
  e:'Bulk near antennas can degrade efficiency and invite higher output.'},
 {t:'Calls', q:'During a call, the shielding layer should be…',
  a:['Between your head and the phone','On the back of the phone facing the room','Wrapped on all sides equally','Under the phone only'], c:0,
  e:'Directional shielding placed between you and the source reduces exposure without provoking power increases.'},
 {t:'Pocket carry', q:'Best orientation in a pocket?',
  a:['Shielded cover toward your body','Shield facing out','Doesn’t matter','Screen facing out'], c:0,
  e:'Keep the shielded flap toward your body to deflect line-of-sight energy.'},
 {t:'Nightstand', q:'Safer night habit?',
  a:['Phone under pillow','Airplane mode or farther distance','Face down = safe','Turn volume up'], c:1,
  e:'Distance (and airplane mode) meaningfully reduces exposure during sleep.'},
 {t:'Percent claims', q:'A site says “99.9% protection everywhere” based on a fabric swatch. Best response?',
  a:['Believe it—the lab number is everything','Ask for real‑use guidance and device behavior; swatch ≠ exposure','It’s fine if the case is heavy','Add magnets to reach 99.99%'], c:1,
  e:'Exposure depends on orientation, antenna performance, usage, and duty cycle—not just fabric attenuation.'},
 {t:'Evidence', q:'Which evidence better reflects real‑world protection?',
  a:['Fabric shielding percent only','Device behavior (transmit power/OTA) and near‑body exposure in use','Screen brightness in nits','Battery health %'], c:1,
  e:'Look for outcomes tied to phone behavior and near‑body exposure, not fabric alone.'},
 {t:'Shield verify', q:'How can a user verify a conductive shield layer?',
  a:['Shake the case','Use an ohmmeter on an access point to check continuity','Measure battery temperature','It’s impossible'], c:1,
  e:'Ohmmeter‑checkable access lets users confirm a conductive path in the shield layer.'},
 {t:'Basics', q:'Phones communicate primarily using…',
  a:['Visible light','Ultrasound','RF energy in the microwave bands','Infrared lasers only'], c:2,
  e:'Mobile/Wi‑Fi links operate using RF energy in microwave bands.'},
 {t:'Apertures & 5G', q:'Why are large front apertures especially concerning at higher 5G bands?',
  a:['Shorter wavelengths couple through larger openings more easily','5G is actually sound, not RF','Only affects Bluetooth','It reduces SAR by default'], c:0,
  e:'Shorter wavelengths can pass through larger apertures; maintain shielding continuity near the ear.'},
 {t:'Scenario', q:'“Mount-ready metal plate” + big speaker cutout. Flags?',
  a:['No flags','Metal plate + large aperture = likely higher transmit power and a gap near ear','Only the magnet is an issue','Only the cutout is an issue'], c:1,
  e:'Both features can worsen exposure: antenna obstruction and an unshielded aperture.'},
 {t:'Scenario', q:'“360° wrap for 99% protection” with 3 card slots stacked. Likely?',
  a:['Lower power and safer','Higher transmit power due to obstruction; percent claim is misleading','Only safer on Wi‑Fi','Blocks “all radiation”'], c:1,
  e:'Over‑shielding and bulk near antennas can raise output; swatch percent ≠ life percent.'},
 {t:'Texting', q:'While texting for long periods, practical step to reduce exposure?',
  a:['Fold flap behind phone to shield hands/torso and keep some distance','Cup the phone tightly','Use maximum brightness','Turn on silent mode'], c:0,
  e:'Placement and small distance gains help in everyday use.'},
 {t:'Headsets', q:'Which habit reduces head exposure during long calls?',
  a:['Use speaker or a wired headset','Hold the phone tighter to the ear','Switch to louder ringtone','Use a magnetic mount while calling'], c:0,
  e:'Distance from the head reduces RF intensity at the head.'}
];
const bar=document.getElementById('bar'), scoreBox=document.getElementById('score'), qtopic=document.getElementById('qtopic'),
      qtext=document.getElementById('qtext'), choices=document.getElementById('choices'), explain=document.getElementById('explain'),
      qdone=document.getElementById('qdone'), finalText=document.getElementById('finalText'),
      nextBtn=document.getElementById('nextBtn'), skipBtn=document.getElementById('skipBtn'), again=document.getElementById('again'),
      restartBtn=document.getElementById('restartBtn'), qCountSel=document.getElementById('qCount');
let order=[], idx=0, scr=0, selected=-1, total=10, locked=false, timer=null;

/* ---------- Action Center copy helpers ---------- */
document.getElementById('copyPlan').addEventListener('click',()=>{
  const checks=[...document.querySelectorAll('#planList input[type="checkbox"]:checked')].map(i=>`• ${i.value}`);
  const text = checks.length? `My RF SAFE action plan:\n\n${checks.join('\n')}\n` : 'My RF SAFE action plan:\n\n• [Add steps above]\n';
  navigator.clipboard.writeText(text).then(()=>{ const s=document.getElementById('planStatus'); s.textContent='Plan copied ✔'; setTimeout(()=>s.textContent='',1400);});
});
document.getElementById('copyLetter').addEventListener('click',()=>{
  const txt=document.getElementById('letter').value;
  navigator.clipboard.writeText(txt).then(()=>{ const s=document.getElementById('letterStatus'); s.textContent='Letter copied ✔'; setTimeout(()=>s.textContent='',1400);});
});

/* ---------- Confetti (theme-aware; amber uses warm tones) ---------- */
function confetti(){
  const host=document.getElementById('confetti'); host.innerHTML='';
  const theme=document.documentElement.getAttribute('data-theme'); const n=40;
  for(let i=0;i<n;i++){
    const s=document.createElement('i'); s.style.left=(Math.random()*100)+'%'; s.style.top='-8%';
    if(theme==='amber'){ const hues=[35,38,40,42,45,48,50]; const h=hues[Math.floor(Math.random()*hues.length)]; s.style.background=`hsl(${h},85%,60%)`; }
    else { s.style.background=`hsl(${Math.random()*360},90%,60%)`; }
    s.style.animationDelay=(Math.random()*0.3)+'s'; s.style.width=s.style.height=(8+Math.random()*6)+'px';
    host.appendChild(s);
  }
  setTimeout(()=>host.innerHTML='',2300);
}
</script>

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Product","name":"TruthCase™ (QuantaCase)","brand":{"@type":"Brand","name":"RF SAFE"},"description":"Exposure‑reduction phone case focused on lowering RF (microwave) exposure in real use via directional shielding, antenna‑aware design, and usage guidance.","isAccessoryOrSparePartFor":{"@type":"Product","name":"Smartphones"},"url":"https://www.rfsafe.com/phones/EMF_Blocking_Cell_Phone_Cases.html"}
</script>
</body>
</html>

Site Builder

Editing: index.php

Site Builder