SIMON Master Console Rebuild

File viewer

guarded to /htdocs

/legal.html

<?php
declare(strict_types=1);

$requestId = bin2hex(random_bytes(8));
$lastUpdated = date('F j, Y');

function h($v){ return htmlspecialchars($v, ENT_QUOTES, 'UTF-8'); }
?>

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"/>

<title>Legal — Gaylord Sinclair</title>
<meta name="description" content="Legal policies, intellectual property, and governance for Gaylord Sinclair LLC and SIMON systems."/>
<meta name="theme-color" content="#070b16"/>

<meta name="x-simon" content="legal-node"/>
<meta name="x-request-id" content="<?=h($requestId)?>"/>

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui;
  color:var(--text);
  background:
    radial-gradient(circle at 50% 20%, rgba(120,200,255,.15), transparent),
    radial-gradient(circle at 80% 70%, rgba(150,100,255,.12), transparent),
    linear-gradient(180deg,var(--bg),var(--bg2));
  overflow-x:hidden;
}

/* HEADER ENERGY BAR */
.header{
  position:sticky;
  top:0;
  z-index:50;
  padding:18px 24px;
  backdrop-filter:blur(12px);
  background:rgba(5,8,18,.6);
  border-bottom:1px solid var(--edge);
}

.brand{
  font-weight:800;
  font-size:20px;
  letter-spacing:.1em;
}

/* ENERGY WAVE */
.wave{
  position:absolute;
  left:0;
  right:0;
  height:4px;
  bottom:0;
  background:linear-gradient(90deg,
    transparent,
    var(--cyan),
    var(--violet),
    var(--cyan),
    transparent);
  animation:flow 6s linear infinite;
}
@keyframes flow{
  0%{transform:translateX(-50%)}
  100%{transform:translateX(50%)}
}

/* CONTENT */
.container{
  max-width:1000px;
  margin:80px auto;
  padding:20px;
}

.card{
  background:var(--glass);
  border:1px solid var(--edge);
  border-radius:18px;
  padding:24px;
  margin-bottom:24px;
  backdrop-filter:blur(10px);
}

h1,h2{margin-top:0}

/* HIDDEN I BUTTON */
.i-btn{
  position:fixed;
  top:20px;
  right:20px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--edge);
  background:var(--glass);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:100;
}

.i-btn:hover{
  box-shadow:0 0 20px rgba(106,224,255,.4);
}

/* HIDDEN PANEL */
.i-panel{
  position:fixed;
  top:0;
  right:-320px;
  width:320px;
  height:100%;
  background:rgba(10,18,40,.95);
  border-left:1px solid var(--edge);
  transition:.4s;
  padding:20px;
  z-index:99;
}

.i-panel.open{ right:0; }

.footer{
  text-align:center;
  padding:40px;
  opacity:.6;
}
</style>
</head>

<body>

<div class="header">
  <div class="brand">GAYLORD SINCLAIR LLC</div>
  <div class="wave"></div>
</div>

<div class="i-btn" onclick="togglePanel()">i</div>

<div class="i-panel" id="panel">
  <h3>SIMON INFO</h3>
  <p>System Node: Legal</p>
  <p>Request ID: <?=h($requestId)?></p>
  <p>Status: ACTIVE</p>
  <p>Updated: <?=h($lastUpdated)?></p>
</div>

<div class="container">

<div class="card">
    <h1>Legal & Intellectual Property</h1>
    <p>All content, systems, designs, writings, and digital assets under Gaylord Sinclair LLC are protected by intellectual property laws.</p>
  </div>

<div class="card">
    <h2>Ownership</h2>
    <p>All materials including books, artwork, software systems (SIMON, WEB360), and digital frameworks are owned by Gaylord Sinclair LLC unless otherwise stated.</p>
  </div>

<div class="card">
    <h2>AI & System Use</h2>
    <p>SIMON systems are designed for assistance, automation, and intelligence augmentation. Outputs may evolve and are not guaranteed to be static.</p>
  </div>

<div class="card">
    <h2>Privacy</h2>
    <p>User interactions may be logged for system improvement, security, and analytics.</p>
  </div>

<div class="card">
    <h2>Contact</h2>
    <p>Email: admin@gaylordsinclair.com</p>
  </div>

</div>

</body>
</html>

Quick jump

open a path

True command center for SIMON + WEB360

File viewer

Quick jump