SIMON Master Console Rebuild

File viewer

guarded to /htdocs

/kosmos/Old.php

<?php
declare(strict_types=1);

/**
 * KOSMOS Network landing page
 * Gaylord Sinclair · KN Network · Gay Central
 *
 * Primary destination:
 * /kosmos/kosmos_dimension_forge.php
 */

header('Content-Type: text/html; charset=UTF-8');
header('X-Content-Type-Options: nosniff');
header('Referrer-Policy: strict-origin-when-cross-origin');

const KOSMOS_FORGE_URL = '/kosmos/kosmos_dimension_forge.php';
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="theme-color" content="#050510">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="description" content="Enter KOSMOS Dimension Forge, a Gaylord Sinclair creation within the KN Network and Gay Central.">
<title>KOSMOS — The Body That Became a Universe</title>

<div class="page">
    <header class="topbar">
        <div class="brand">
            <div class="mark">KN</div>
            <div class="brandCopy">
                <small>Gaylord Sinclair Creation</small>
                <strong>KOSMOS Network</strong>
            </div>
        </div>

<div class="live">
            <span class="liveDot"></span>
            <span>Gay Central Broadcasting</span>
        </div>
    </header>

<main>
        <section class="hero">
            <div class="copy">
                <p class="eyebrow">The body that learned to become a universe</p>
                <h1>KOSMOS</h1>
                <p class="subtitle">Master matter. Build the body. Create dimensions.</p>
                <p class="intro">
                    Enter a living forge where frequency gathers matter, shields replicate,
                    nebulae form inside the body, and galaxies are released through light.
                    Your body is not a prison. It is the beginning of a universe.
                </p>

<div class="actions">
                    <a class="launch" href="<?= htmlspecialchars(KOSMOS_FORGE_URL, ENT_QUOTES, 'UTF-8') ?>">
                        Enter Kosmos Dimensions Forge <span class="arrow">→</span>
                    </a>
                    <a class="secondary" href="#story">Read the Origin</a>
                </div>

<div class="meta">
                    <span>KN Network</span>
                    <span>Gay Central</span>
                    <span>Gaylord Sinclair</span>
                    <span>Sound · Matter · Dimensions</span>
                </div>
            </div>

<div class="frequency">528 Hz · Creation Online</div>
                </div>
            </div>
        </section>

<section class="story" id="story">
            <h2>The Arrival of KOSMOS</h2>
            <p>
                Before KOSMOS, there was silence without form. Then a vibration appeared.
                Particles moved. Heat emerged. Color followed. Matter began to remember itself.
            </p>
            <p>
                At the center stood <strong>Gaylord Sinclair</strong>—receiver, maker, and living
                frequency. The nebula formed inside his chest, expanded through his body,
                passed behind his eyes, and entered the darkness as twin beams of creation.
            </p>
            <p>
                The KN Network detected the release. Gay Central began broadcasting:
                <strong>KOSMOS IS ONLINE.</strong>
            </p>
            <div class="storyLink">
                <a class="launch" href="<?= htmlspecialchars(KOSMOS_FORGE_URL, ENT_QUOTES, 'UTF-8') ?>">
                    Continue to the Forge <span class="arrow">→</span>
                </a>
            </div>
        </section>
    </main>

<footer class="footer">
        <span><b>KOSMOS Network</b> · KN Network · Gay Central</span>
        <span>© <?= date('Y') ?> Gaylord Sinclair</span>
    </footer>
</div>

const canvas = document.getElementById('stars');
    const ctx = canvas.getContext('2d');
    let width = innerWidth;
    let height = innerHeight;
    let dpr = Math.min(devicePixelRatio || 1, 2);
    let stars = [];
    let particles = [];
    let last = performance.now();

function resize(){
        width = innerWidth;
        height = innerHeight;
        dpr = Math.min(devicePixelRatio || 1, 2);
        canvas.width = Math.round(width * dpr);
        canvas.height = Math.round(height * dpr);
        canvas.style.width = width + 'px';
        canvas.style.height = height + 'px';
        ctx.setTransform(dpr,0,0,dpr,0,0);

const starCount = Math.max(160, Math.min(520, Math.floor(width * height / 2600)));
        stars = Array.from({length:starCount}, () => ({
            x:Math.random()*width,
            y:Math.random()*height,
            r:Math.random()*1.5+.2,
            a:Math.random()*.65+.2,
            phase:Math.random()*Math.PI*2,
            speed:Math.random()*2+.4
        }));
    }

function spawn(){
        const palette = [
            [91,232,255],
            [156,108,255],
            [255,87,211],
            [255,213,125],
            [255,255,255]
        ];
        const color = palette[Math.floor(Math.random()*palette.length)];
        particles.push({
            x:width*.5+(Math.random()-.5)*Math.min(width,520),
            y:height*.44+(Math.random()-.5)*Math.min(height,420),
            vx:(Math.random()-.5)*.18,
            vy:(Math.random()-.5)*.18,
            r:Math.random()*2.8+.6,
            life:Math.random()*3+2,
            color
        });
    }

function frame(now){
        const dt = Math.min(.04,(now-last)/1000 || .016);
        last = now;

ctx.clearRect(0,0,width,height);

for(const star of stars){
            const alpha = star.a * (.72 + Math.sin(now*.001*star.speed+star.phase)*.28);
            ctx.fillStyle = `rgba(255,255,255,${Math.max(0,alpha)})`;
            ctx.beginPath();
            ctx.arc(star.x,star.y,star.r,0,Math.PI*2);
            ctx.fill();
        }

if(particles.length < 95 && Math.random() < .48) spawn();

ctx.globalCompositeOperation = 'lighter';
        for(let i=particles.length-1;i>=0;i--){
            const p=particles[i];
            p.x += p.vx*dt*60;
            p.y += p.vy*dt*60;
            p.life -= dt;

if(p.life <= 0) particles.splice(i,1);
        }
        ctx.globalCompositeOperation = 'source-over';

requestAnimationFrame(frame);
    }

addEventListener('resize',resize);
    resize();
    requestAnimationFrame(frame);
})();
</script>
</body>
</html>

Quick jump

open a path

True command center for SIMON + WEB360

File viewer

Quick jump