All files code in one box

/index.php
<?php
require __DIR__ . ‘/config.php’;
require __DIR__ . ‘/functions.php’;
require __DIR__ . ‘/db.php’;
?><!DOCTYPE html>
<html lang="en">
<?php require __DIR__ . ‘/head.php’; ?>
<body>
<div id="app">
<?php require __DIR__ . ‘/content.php’; ?>
</div>
<?php require __DIR__ . ‘/scripts.php’; ?>
</body>
</html>

/config.php
<?php
$APP_CONFIG = [
'title' => 'Max-Git-System',
'tagline' => 'GitHub-Only Frequency • Vibration • Dimensional Travel Research',
'mode' => 'production',
'theme' => [
'bg' => '#02030a',
'fg' => '#f5f5f5',
'accent' => '#7b5cff',
'accentSoft' => 'rgba(123,92,255,0.16)',
'border' => 'rgba(255,255,255,0.08)'
]
];

/db.php
<?php
$DB_PROTOCOLS = [
[
'id' => 'freq-basics',
'title' => 'Foundations of Frequency Tuning',
'level' => 'Entry',
'duration' => '7–10 minutes',
'tags' => ['frequency', 'breath', 'baseline'],
‘summary’ => ‘Stabilize baseline signal, clear noise, and establish a coherent internal carrier wave.’,
‘steps’ => [
'Sit or lie in a position you can hold without effort.',
'Breathe in for a count of 4, hold for 4, out for 6.',
'On each exhale, imagine static draining out of your field.',
'Choose a single word that represents your desired state.',
'On each inhale, silently repeat that word as if it were a tone.',
'Continue until your body feels quieter than your thoughts.'
]
],
[
'id' => 'vibe-lock',
'title' => 'Vibration Lock-In Sequence',
'level' => 'Intermediate',
'duration' => '12–15 minutes',
'tags' => ['vibration', 'lock', 'stability'],
‘summary’ => ‘Lock a chosen state into your field long enough to become the new default.’,
‘steps’ => [
'Recall a moment where you felt exactly how you want to feel now.',
'Freeze that moment as a still frame in your mind.',
'Scan your body and locate where that memory feels strongest.',
'Breathe directly into that location for 10 slow breaths.',
'On each exhale, imagine that feeling expanding 5cm further out.',
'Hold the expanded field for 60 seconds without breaking attention.'
]
],
[
'id' => 'timeline-scan',
'title' => 'Timeline Navigation Scan',
'level' => 'Advanced',
'duration' => '15–20 minutes',
'tags' => ['timeline', 'navigation', 'scan'],
‘summary’ => ‘Sweep across nearby timelines and select the one that matches your dominant signal.’,
‘steps’ => [
'Close your eyes and imagine a horizontal line in front of you.',
'Place a small glowing marker on the point that feels like “now.”',
'Sense subtle branches extending above and below that line.',
'Assign each branch a different outcome of a current decision.',
'Notice which branch feels lighter, clearer, or more spacious.',
'Commit internally: “I choose the branch that feels like this.”'
]
]
];

$DB_DIMENSIONAL_KEYS = [
[
'code' => 'DFP-01',
'name' => 'Dominant Frequency Projection',
'effect' => 'Aligns internal narrative with a single coherent signal.',
'usage' => 'Use when you feel scattered, split, or indecisive.'
],
[
'code' => 'GATE-07',
'name' => 'Gateway Stillness Window',
'effect' => 'Opens a short window of heightened pattern recognition.',
'usage' => 'Use before making a choice that feels “bigger than it looks.”'
],
[
'code' => 'PHASE-13',
'name' => 'Phase Shift Anchor',
'effect' => 'Locks in a new behavioral pattern for a full cycle.',
'usage' => 'Use after completing a new habit for the first time.'
]
];

/functions.php
<?php
function h($value)
{
return htmlspecialchars((string)$value, ENT_QUOTES, ‘UTF-8’);
}

function compute_vibration_score(array $tags)
{
$base = 100;
$penalty = count($tags) * 3;
return max(42, $base – $penalty);
}

function compute_dimensional_offset($index)
{
$seed = ($index + 1) * 7;
$normalized = ($seed % 23) – 11;
return $normalized;
}

function render_tag_pills(array $tags)
{
if (empty($tags)) {
return ”;
}
$out = ”;
foreach ($tags as $tag) {
$out .= ‘<span class="pill">’ . h($tag) . ‘</span>’;
}
return $out;
}

/head.php
<?php
$theme = $APP_CONFIG['theme'];
?><head>
<meta charset="utf-8">
<title><?php echo h($APP_CONFIG['title']); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<?php echo h($APP_CONFIG['tagline']); ?>">
<style>
:root {
–bg: <?php echo h($theme['bg']); ?>;
–fg: <?php echo h($theme['fg']); ?>;
–accent: <?php echo h($theme['accent']); ?>;
–accent-soft: <?php echo h($theme['accentSoft']); ?>;
–border: <?php echo h($theme['border']); ?>;
–radius-lg: 18px;
–radius-md: 12px;
–radius-sm: 999px;
–shadow-soft: 0 18px 45px rgba(0,0,0,0.55);
–font-main: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
background: radial-gradient(circle at top, #15152a 0, var(–bg) 52%);
color: var(–fg);
font-family: var(–font-main);
}
body {
min-height: 100vh;
display: flex;
align-items: stretch;
justify-content: center;
}
#app {
width: 100%;
max-width: 1080px;
padding: 32px 18px 40px;
margin: 0 auto;
}
.shell {
background: radial-gradient(circle at top left, rgba(123,92,255,0.18), rgba(3,5,18,0.98));
border-radius: 28px;
border: 1px solid var(–border);
box-shadow: var(–shadow-soft);
padding: 26px 22px 26px;
backdrop-filter: blur(18px);
}
@media (min-width: 768px) {
#app {
padding: 40px 24px 52px;
}
.shell {
padding: 30px 28px 30px;
}
}
.header-row {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 22px;
}
@media (min-width: 720px) {
.header-row {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.title-block {
display: flex;
flex-direction: column;
gap: 4px;
}
.title-main {
font-size: 1.4rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 650;
}
.title-sub {
font-size: 0.9rem;
opacity: 0.78;
}
.badge-stack {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.badge {
border-radius: var(–radius-sm);
border: 1px solid var(–border);
padding: 4px 10px;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.9;
}
.badge-strong {
background: linear-gradient(120deg, var(–accent-soft), transparent);
border-color: rgba(123,92,255,0.7);
}
.grid {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
gap: 18px;
}
@media (max-width: 880px) {
.grid {
grid-template-columns: minmax(0, 1fr);
}
}
.panel {
background: rgba(2,4,18,0.86);
border-radius: var(–radius-lg);
border: 1px solid var(–border);
padding: 16px 16px 18px;
}
.panel-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.panel-title {
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.16em;
opacity: 0.86;
}
.panel-meta {
font-size: 0.75rem;
opacity: 0.7;
}
.protocol-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.protocol-card {
border-radius: 14px;
border: 1px solid var(–border);
padding: 10px 11px 11px;
background: radial-gradient(circle at top left, rgba(123,92,255,0.12), rgba(3,5,18,0.96));
cursor: pointer;
transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.protocol-card:hover {
border-color: rgba(123,92,255,0.9);
transform: translateY(-1px);
box-shadow: 0 10px 26px rgba(0,0,0,0.55);
}
.protocol-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-bottom: 4px;
}
.protocol-title {
font-size: 0.9rem;
font-weight: 550;
}
.protocol-level {
font-size: 0.72rem;
opacity: 0.75;
}
.protocol-summary {
font-size: 0.8rem;
opacity: 0.85;
margin-bottom: 6px;
}
.protocol-meta-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.pill-row {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.pill {
font-size: 0.7rem;
padding: 3px 8px;
border-radius: 999px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
}
.score {
font-size: 0.75rem;
opacity: 0.8;
}
.detail-shell {
display: flex;
flex-direction: column;
gap: 10px;
}
.detail-header {
display: flex;
flex-direction: column;
gap: 4px;
}
.detail-title {
font-size: 1rem;
font-weight: 600;
}
.detail-sub {
font-size: 0.8rem;
opacity: 0.8;
}
.detail-meta-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
font-size: 0.75rem;
opacity: 0.8;
}
.detail-steps {
margin: 0;
padding-left: 18px;
font-size: 0.82rem;
line-height: 1.5;
}
.detail-steps li + li {
margin-top: 4px;
}
.key-list {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 0.8rem;
}
.key-card {
border-radius: 12px;
border: 1px solid var(–border);
padding: 8px 9px;
background: rgba(4,6,20,0.96);
}
.key-code {
font-size: 0.75rem;
opacity: 0.8;
margin-bottom: 2px;
}
.key-name {
font-size: 0.86rem;
font-weight: 550;
margin-bottom: 2px;
}
.key-effect {
opacity: 0.85;
margin-bottom: 2px;
}
.key-usage {
opacity: 0.75;
}
.footer {
margin-top: 18px;
font-size: 0.72rem;
opacity: 0.7;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: space-between;
}
.footer-strong {
text-transform: uppercase;
letter-spacing: 0.16em;
}
.footer-soft {
opacity: 0.75;
}
</style>
</head>

/content.php
<?php
$activeProtocol = $DB_PROTOCOLS[0];
?><div class="shell" data-github-only="true">
<div class="header-row">
<div class="title-block">
<div class="title-main">Max-Git-System</div>
<div class="title-sub">GitHub-Only Frequency • Vibration • Dimensional Travel Research</div>
</div>
<div class="badge-stack">
<div class="badge badge-strong">GITHEB ONLY — NOTHING ELSE</div>
<div class="badge">Static + Simulated Dynamic</div>
<div class="badge">No External Servers</div>
</div>
</div>

<div class="grid" id="grid-root">
<div class="panel">
<div class="panel-header">
<div class="panel-title">Protocols</div>
<div class="panel-meta">Select a sequence to view its steps</div>
</div>
<div class="protocol-list" id="protocol-list">
<?php foreach ($DB_PROTOCOLS as $index => $protocol): ?>
<?php
$score = compute_vibration_score($protocol['tags']);
$offset = compute_dimensional_offset($index);
?>
<button
class="protocol-card"
type="button"
data-protocol-id="<?php echo h($protocol['id']); ?>"
data-index="<?php echo (int)$index; ?>"
>
<div class="protocol-header">
<div class="protocol-title"><?php echo h($protocol['title']); ?></div>
<div class="protocol-level"><?php echo h($protocol['level']); ?></div>
</div>
<div class="protocol-summary"><?php echo h($protocol['summary']); ?></div>
<div class="protocol-meta-row">
<div class="pill-row">
<?php echo render_tag_pills($protocol['tags']); ?>
</div>
<div class="score">
VS: <?php echo (int)$score; ?> · ΔD: <?php echo (int)$offset; ?>
</div>
</div>
</button>
<?php endforeach; ?>
</div>
</div>

<div class="panel" id="detail-panel">
<div class="panel-header">
<div class="panel-title">Active Sequence</div>
<div class="panel-meta" id="detail-meta-label">Loaded from internal simulation</div>
</div>
<div class="detail-shell">
<div class="detail-header">
<div class="detail-title" id="detail-title">
<?php echo h($activeProtocol['title']); ?>
</div>
<div class="detail-summary" id="detail-summary">
<?php echo h($activeProtocol['summary']); ?>
</div>
</div>
<div class="detail-meta-row">
<span id="detail-level">Level: <?php echo h($activeProtocol['level']); ?></span>
<span id="detail-duration">Duration: <?php echo h($activeProtocol['duration']); ?></span>
<span id="detail-tags">Tags: <?php echo implode(‘, ‘, array_map(‘h’, $activeProtocol['tags'])); ?></span>
</div>
<ol class="detail-steps" id="detail-steps">
<?php foreach ($activeProtocol['steps'] as $step): ?>
<li><?php echo h($step); ?></li>
<?php endforeach; ?>
</ol>
</div>
</div>
</div>

<div class="panel" style="margin-top:16px;">
<div class="panel-header">
<div class="panel-title">Dimensional Keys</div>
<div class="panel-meta">Internal-only reference layer</div>
</div>
<div class="key-list">
<?php foreach ($DB_DIMENSIONAL_KEYS as $index => $key): ?>
<?php $offset = compute_dimensional_offset($index); ?>
<div class="key-card">
<div class="key-code"><?php echo h($key['code']); ?> · ΔD: <?php echo (int)$offset; ?></div>
<div class="key-name"><?php echo h($key['name']); ?></div>
<div class="key-effect"><?php echo h($key['effect']); ?></div>
<div class="key-usage"><?php echo h($key['usage']); ?></div>
</div>
<?php endforeach; ?>
</div>
</div>

<div class="footer">
<div class="footer-strong">GITHEB ONLY — NOTHING ELSE</div>
<div class="footer-soft">All logic, content, and delivery live inside this repository and its GitHub-native surface.</div>
</div>
</div>

/scripts.php
<script>
(function () {
var protocols = <?php
$safe = [];
foreach ($DB_PROTOCOLS as $p) {
$safe[] = [
'id' => $p['id'],
‘title’ => $p['title'],
‘summary’ => $p['summary'],
‘level’ => $p['level'],
‘duration’ => $p['duration'],
‘steps’ => $p['steps'],
‘tags’ => $p['tags']
];
}
echo json_encode($safe, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE);
?>;

function byId(id) {
return document.getElementById(id);
}

var listRoot = byId(‘protocol-list’);
var titleEl = byId(‘detail-title’);
var summaryEl = byId(‘detail-summary’);
var levelEl = byId(‘detail-level’);
var durationEl = byId(‘detail-duration’);
var tagsEl = byId(‘detail-tags’);
var stepsEl = byId(‘detail-steps’);

if (!listRoot) return;

listRoot.addEventListener(‘click’, function (event) {
var target = event.target;
while (target && target !== listRoot && !target.dataset.protocolId) {
target = target.parentNode;
}
if (!target || !target.dataset || !target.dataset.protocolId) return;

var index = parseInt(target.dataset.index, 10);
if (isNaN(index) || index < 0 || index >= protocols.length) return;

var protocol = protocols[index];

titleEl.textContent = protocol.title;
summaryEl.textContent = protocol.summary;
levelEl.textContent = ‘Level: ‘ + protocol.level;
durationEl.textContent = ‘Duration: ‘ + protocol.duration;
tagsEl.textContent = ‘Tags: ‘ + (protocol.tags || []).join(‘, ‘);

while (stepsEl.firstChild) {
stepsEl.removeChild(stepsEl.firstChild);
}
(protocol.steps || []).forEach(function (step) {
var li = document.createElement(‘li’);
li.textContent = step;
stepsEl.appendChild(li);
});
});
})();
</script>

Mahalo

SIGNATURE:
Clifford "RAY" Hackett I founded www.adapt.org in 1980 it now has over 50 million members.
$500 of material=World’s fastest hydrofoil sailboat. http://sunrun.biz

Leave a comment