SIMON Master Console Rebuild

File viewer

guarded to /htdocs

/downloads/35.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
  <title>Freedom of the Mind Lost • Gaylord Sinclair</title>
  <meta name="description" content="Freedom of the Mind Lost — an essay page with cognitive liberty framing, reported-terms glossary, and practical grounding resources." />
  <meta name="theme-color" content="#070b16" />

/* ambient particles */
    .veil{
      position:fixed; inset:0; pointer-events:none; opacity:.85;
      background:
        radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.35), rgba(255,255,255,0)),
        radial-gradient(2px 2px at 70% 10%, rgba(255,255,255,.22), rgba(255,255,255,0)),
        radial-gradient(2px 2px at 30% 80%, rgba(255,255,255,.18), rgba(255,255,255,0)),
        radial-gradient(1px 1px at 85% 55%, rgba(255,255,255,.18), rgba(255,255,255,0)),
        radial-gradient(1px 1px at 45% 35%, rgba(255,255,255,.16), rgba(255,255,255,0));
      filter: blur(.2px);
      animation: drift 14s linear infinite;
    }
    @keyframes drift{
      0%{transform:translate3d(0,0,0)}
      50%{transform:translate3d(-10px,12px,0)}
      100%{transform:translate3d(0,0,0)}
    }

header{
      position:sticky; top:0; z-index:10;
      backdrop-filter: blur(10px);
      background: linear-gradient(180deg, rgba(7,11,22,.82), rgba(7,11,22,.45));
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    .wrap{max-width:1100px; margin:0 auto; padding:18px 18px;}
    .topbar{
      display:flex; align-items:center; justify-content:space-between; gap:14px;
    }
    .brand{
      display:flex; align-items:center; gap:12px; min-width:0;
    }
    .orb{
      width:34px; height:34px; border-radius:50%;
      background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.9), rgba(255,255,255,0) 38%),
        radial-gradient(circle at 55% 65%, rgba(106,224,255,.55), rgba(91,125,255,.35) 35%, rgba(68,209,138,.18) 64%, rgba(255,79,214,.10) 82%, rgba(0,0,0,0) 88%),
        radial-gradient(circle at 50% 50%, rgba(0,0,0,.15), rgba(0,0,0,0) 62%);
      box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 10px 30px rgba(0,0,0,.55);
      animation: pulse 2.8s ease-in-out infinite;
      flex: 0 0 auto;
    }
    @keyframes pulse{
      0%,100%{transform:translateY(0) scale(1); filter:saturate(1.02)}
      50%{transform:translateY(-1px) scale(1.03); filter:saturate(1.12)}
    }
    .brand h1{
      margin:0;
      font-size:14px;
      letter-spacing:.12em;
      text-transform:uppercase;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .brand .sub{
      margin:0;
      color:var(--mut);
      font-size:12px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .right{
      display:flex; align-items:center; gap:10px; flex: 0 0 auto;
    }
    .btn{
      appearance:none; border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color:var(--txt);
      padding:10px 12px;
      border-radius:12px;
      cursor:pointer;
      font: 13px/1 var(--sans);
      transition: transform .12s ease, border-color .12s ease, background .12s ease;
    }
    .btn:hover{transform:translateY(-1px); border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.08)}
    .btn:active{transform:translateY(0)}
    .btn.primary{
      border-color: rgba(106,224,255,.38);
      background: linear-gradient(135deg, rgba(106,224,255,.18), rgba(91,125,255,.12));
    }
    .btn.danger{
      border-color: rgba(255,107,107,.38);
      background: linear-gradient(135deg, rgba(255,107,107,.16), rgba(255,79,214,.08));
    }

main{padding: 18px 0 70px;}
    .grid{
      display:grid;
      grid-template-columns: 1.35fr .65fr;
      gap:16px;
    }
    @media (max-width: 960px){
      .grid{grid-template-columns:1fr}
    }

.card{
      background: linear-gradient(180deg, var(--glass), var(--glass2));
      border:1px solid var(--edge);
      border-radius: var(--r);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
    .card .hd{
      padding:16px 16px 12px;
      border-bottom:1px solid rgba(255,255,255,.10);
      display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
    }
    .card .hd h2{
      margin:0;
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .card .hd p{
      margin:6px 0 0;
      color:var(--mut);
      font-size:13px;
      max-width: 70ch;
    }
    .card .bd{padding:16px}

.note{
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.20);
      border-radius: 14px;
      padding: 12px;
      color: var(--mut);
      font-size: 13px;
    }
    .note strong{color:var(--txt)}
    .note.ok{border-color: rgba(68,209,138,.28)}
    .note.warn{border-color: rgba(255,204,77,.28)}
    .note.bad{border-color: rgba(255,107,107,.30)}

article{
      font-size: 15px;
      line-height: 1.7;
    }
    article h3{
      margin:18px 0 8px;
      font-size: 16px;
      letter-spacing:.02em;
    }
    article p{margin: 10px 0}
    .quote{
      border-left:3px solid rgba(106,224,255,.45);
      padding: 10px 12px;
      margin: 14px 0;
      background: rgba(106,224,255,.06);
      border-radius: 12px;
      color: var(--txt);
    }
    .meta{
      display:flex; flex-wrap:wrap; gap:10px;
      color: var(--mut);
      font-size: 12px;
      margin-top:8px;
    }
    .pill{
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      padding: 6px 10px;
      border-radius: 999px;
    }

.list{
      margin:10px 0 0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .item{
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.045);
      border-radius:14px;
      padding:12px;
    }
    .item .k{
      font: 12px/1.2 var(--mono);
      color: rgba(234,242,255,.88);
      letter-spacing:.06em;
      text-transform:uppercase;
    }
    .item .v{
      margin-top:6px;
      color: var(--mut);
      font-size: 13px;
    }

.field{
      display:flex; gap:10px; align-items:center;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.05);
      border-radius: 14px;
      padding: 10px 12px;
    }
    .field input{
      width:100%;
      border:0; outline:none;
      background:transparent;
      color:var(--txt);
      font: 13px/1.2 var(--sans);
    }
    .small{font-size:12px; color:var(--mut)}
    a{color: rgba(106,224,255,.92); text-decoration:none}
    a:hover{text-decoration:underline}

footer{
      padding: 22px 18px;
      color: var(--mut);
      font-size: 12px;
      border-top: 1px solid rgba(255,255,255,.08);
      background: rgba(0,0,0,.22);
    }
    .twoCol{
      display:grid; grid-template-columns:1fr 1fr; gap:10px;
    }
    @media (max-width: 600px){
      .twoCol{grid-template-columns:1fr}
    }
  </style>
</head>
<body>
  <div class="veil" aria-hidden="true"></div>

<header>
    <div class="wrap">
      <div class="topbar">
        <div class="brand">
          <div class="orb" aria-hidden="true"></div>
          <div style="min-width:0">
            <h1>Gaylord Sinclair</h1>
            <p class="sub">Freedom of the Mind Lost • Cognitive Liberty Archive</p>
          </div>
        </div>
        <div class="right">
          <button class="btn" id="btnPrint" type="button">Print</button>
          <button class="btn primary" id="btnSaveNote" type="button">Save Note</button>
          <button class="btn danger" id="btnClear" type="button">Clear</button>
        </div>
      </div>
    </div>
  </header>

<section class="card">
          <div class="hd">
            <div>
              <h2>Freedom of the Mind Lost</h2>
              <p>
                A grounded, rights-forward page about mental privacy, cognitive liberty, and the lived experience of feeling mentally intruded upon.
              </p>
              <div class="meta">
                <span class="pill" id="stampDate"></span>
                <span class="pill">Author: Gaylord Sinclair</span>
                <span class="pill">Theme: Cognitive Sovereignty</span>
              </div>
            </div>
          </div>

<div class="bd">
            <div class="note warn" role="note">
              <strong>Important note:</strong>
              This page discusses <strong>reported experiences and terms</strong> (including “V2K” and “voice-to-skull” language) that people use to describe distressing sensations or perceived interference.
              It does <strong>not</strong> diagnose medical causes. If you have symptoms or concerns, consider talking to a qualified clinician you trust.
            </div>

<article id="articleBody">
              <h3>What “Freedom of the Mind” Means Here</h3>
              <p>
                Freedom of the mind is the right to think without coercion, manipulation, or punitive surveillance—whether the threat is social, institutional, technological, or algorithmic.
                It is also the right to seek care, support, and clarity when your internal world feels under siege.
              </p>

<div class="quote">
                “Cognitive liberty is not a luxury. It is the baseline condition for dignity, consent, creativity, and spiritual safety.”
              </div>

<h3>Terms People Use (Reported Language)</h3>
              <p>
                Some writers and communities use terms like <strong>V2K</strong>, <strong>“V2K block”</strong>, <strong>“cann cann”</strong>, and related shorthand.
                On this page, these are treated as <strong>labels people use</strong>—not as verified medical or scientific categories.
              </p>

<h3>When the Mind Feels Compromised</h3>
              <p>
                If you feel targeted, overwhelmed, or mentally crowded, it can help to focus on what is immediately controllable:
                your environment, your body, your breathing, and your next ten minutes.
              </p>

<h3>Grounding Protocol (2 minutes)</h3>
              <ul>
                <li><strong>Feet:</strong> press toes down, then heels, then relax.</li>
                <li><strong>Breath:</strong> inhale 4 seconds, hold 2, exhale 6 (repeat 6 times).</li>
                <li><strong>Senses:</strong> name 5 things you see, 4 you feel, 3 you hear, 2 you smell, 1 you taste.</li>
                <li><strong>Anchor phrase:</strong> “I am here. This moment is real. My next step is mine.”</li>
              </ul>

<h3>Your Article</h3>
              <p class="small">
                Paste your full article text here, or link it below in the sidebar. This page is designed to be your “canonical” hub.
              </p>
            </article>

<div style="margin-top:14px" class="note ok">
              <strong>Publishing tip:</strong> Add a short “What I want readers to do next” section at the end (support, share, read next, donate, join The Collective, etc.).
            </div>
          </div>
        </section>

<aside class="card">
          <div class="hd">
            <div>
              <h2>Tools & Notes</h2>
              <p>Quick resources, personal notes, and a neutral glossary section.</p>
            </div>
          </div>

<div class="bd">
            <div class="field" style="margin-bottom:12px">
              <input id="noteInput" placeholder="Write a private note (saved to this browser only)..." />
            </div>
            <div class="small" id="noteStatus">Nothing saved yet.</div>

<ul class="list" style="margin-top:14px">
              <li class="item">
                <div class="k">Glossary: V2K / “V2K Block”</div>
                <div class="v">
                  A term some people use to describe perceived voice-like intrusion or synthetic influence. This page treats it as a
                  <strong>reported descriptor</strong> rather than a verified diagnosis.
                </div>
              </li>

<li class="item">
                <div class="k">Glossary: “cann cann”</div>
                <div class="v">
                  A user/community shorthand that can mean different things depending on context. If you define it in your article,
                  add your definition here so readers understand your usage.
                </div>
              </li>

<li class="item">
                <div class="k">Next Links (add your URLs)</div>
                <div class="v">
                  <div class="twoCol">
                    <div>• <a href="#" id="linkArticle">Read the full article</a></div>
                    <div>• <a href="#" id="linkCollective">The Collective</a></div>
                    <div>• <a href="#" id="linkBooks">Books & Publications</a></div>
                    <div>• <a href="#" id="linkSupport">Support / Contact</a></div>
                  </div>
                  <div class="small" style="margin-top:8px">
                    Edit the href values in the HTML to point to your real pages.
                  </div>
                </div>
              </li>

<li class="item">
                <div class="k">If you feel in immediate danger</div>
                <div class="v">
                  If you’re at risk of harming yourself or someone else, seek immediate help in your area (local emergency services).
                  If you can, reach out to a trusted person nearby. You deserve support and safety.
                </div>
              </li>
            </ul>

<div class="note" style="margin-top:14px">
              <strong>Implementation:</strong> This file is static HTML. No server changes needed.
              Notes are stored only in <span style="font-family:var(--mono)">localStorage</span> on this device.
            </div>

</div>
        </aside>

</div>
    </div>
  </main>

<footer>
    <div class="wrap">
      <div style="display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap">
        <div>
          © <span id="year"></span> Gaylord Sinclair • Cognitive Liberty Archive
        </div>
        <div class="small">
          Design: Neon-glass • Static HTML • Safe framing for sensitive topics
        </div>
      </div>
    </div>
  </footer>

// date stamp
      const now = new Date();
      const stamp = now.toLocaleDateString(undefined, {year:"numeric", month:"long", day:"numeric"});
      $("stampDate").textContent = stamp;
      $("year").textContent = String(now.getFullYear());

// local note
      const KEY = "gs_freedom_note_v1";
      const status = $("noteStatus");
      const input = $("noteInput");
      const saved = localStorage.getItem(KEY) || "";
      if(saved){
        input.value = saved;
        status.textContent = "Loaded saved note from this device.";
      }

$("btnSaveNote").addEventListener("click", ()=>{
        const v = (input.value || "").trim();
        if(!v){
          localStorage.removeItem(KEY);
          status.textContent = "Cleared saved note.";
          return;
        }
        localStorage.setItem(KEY, v);
        status.textContent = "Saved note locally (this device only).";
      });

$("btnClear").addEventListener("click", ()=>{
        input.value = "";
        localStorage.removeItem(KEY);
        status.textContent = "Cleared note and local storage.";
      });

$("btnPrint").addEventListener("click", ()=>window.print());

// OPTIONAL: set your real links here quickly (also change hrefs directly in HTML if you prefer)
      // $("linkArticle").href = "/articles/freedom-of-the-mind-lost/";
      // $("linkCollective").href = "/the-collective/";
      // $("linkBooks").href = "/books/";
      // $("linkSupport").href = "/contact/";
    })();
  </script>
</body>
</html>

Quick jump

open a path

True command center for SIMON + WEB360

File viewer

Quick jump