129 lines
5.1 KiB
HTML
129 lines
5.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta
|
|
name="description"
|
|
content="Cibermente is creating the Skynet Matrix. Contact hi@cibermente.me."
|
|
>
|
|
<title>cibermente.me</title>
|
|
<link rel="stylesheet" href="styles.css?v=1.2">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="icons8-brain-connections-96.png">
|
|
<link rel="icon" type="image/png" sizes="64x64" href="icons8-brain-connections-64.png">
|
|
</head>
|
|
<body>
|
|
<!-- Background Canvas for the 3D Brain Grid -->
|
|
<canvas id="brain-canvas" aria-hidden="true"></canvas>
|
|
|
|
<!-- Main technological HUD grid -->
|
|
<div class="hud-interface" role="presentation">
|
|
<!-- Top header line of the HUD -->
|
|
<header class="hud-header">
|
|
<div class="hud-logo">cibermente.me // neural_node</div>
|
|
<div class="hud-ticker">SYS_STATUS: ACTIVE // NET: SECURE // DECRYPT_GATE: OPEN</div>
|
|
<div class="hud-clock" id="hud-clock">00:00:00 UTC</div>
|
|
</header>
|
|
|
|
<!-- Main workspace Grid -->
|
|
<div class="hud-grid">
|
|
<!-- Left Sidebar: Telemetry & Logs -->
|
|
<aside class="hud-panel sidebar-left" aria-label="System Telemetry">
|
|
<div class="panel-header">DIAGNOSTICS</div>
|
|
<div class="panel-content">
|
|
<div class="telemetry-item">
|
|
<span class="label">CORE_TEMP:</span>
|
|
<span class="value cyan" id="telemetry-temp">42.8°C</span>
|
|
</div>
|
|
<div class="telemetry-item">
|
|
<span class="label">NEURAL_LOAD:</span>
|
|
<span class="value cyan" id="telemetry-load">88.21%</span>
|
|
</div>
|
|
<div class="telemetry-item">
|
|
<span class="label">COGNITIVE_SYNCS:</span>
|
|
<span class="value" id="telemetry-syncs">1,402,992</span>
|
|
</div>
|
|
<div class="telemetry-item">
|
|
<span class="label">MEM_POOL:</span>
|
|
<span class="value cyan">8.12 / 16.0 TB</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-header">MATRIX_BOOT_LOG</div>
|
|
<div class="panel-content log-terminal" id="boot-log-container">
|
|
<!-- Simulated logs dynamically appended by JS -->
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Central Focal Point: Content Core -->
|
|
<main class="hud-panel main-core">
|
|
<div class="core-box">
|
|
<!-- HUD bracket corner decorations -->
|
|
<div class="corner corner-tl"></div>
|
|
<div class="corner corner-tr"></div>
|
|
<div class="corner corner-bl"></div>
|
|
<div class="corner corner-br"></div>
|
|
|
|
<p class="eyebrow" data-i18n="eyebrow">Neural mischief department</p>
|
|
<h1 id="headline" data-i18n="headline">Cibermente is creating the Skynet Matrix.</h1>
|
|
<p class="intro" data-i18n="intro">
|
|
Autonomous ideas, questionable prophecies, and a very serious plan to teach the internet how to dream in machine code.
|
|
</p>
|
|
|
|
<!-- Redesigned solid interactive terminal link -->
|
|
<div class="contact-terminal">
|
|
<span class="prompt-symbol">></span>
|
|
<span class="command-text">execute contact --via-email</span>
|
|
<a class="contact-link" href="mailto:hi@cibermente.me" data-i18n="contact">
|
|
hi@cibermente.me
|
|
</a>
|
|
<span class="terminal-cursor"></span>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Right Sidebar: Controls & Network Status -->
|
|
<aside class="hud-panel sidebar-right" aria-label="System Controls">
|
|
<div class="panel-header">LANG_SELECTOR</div>
|
|
<div class="panel-content">
|
|
<div class="language-switcher" aria-label="Language selector">
|
|
<button type="button" data-lang="es">
|
|
<span class="switch-indicator"></span> ES_NODE
|
|
</button>
|
|
<button type="button" data-lang="en">
|
|
<span class="switch-indicator"></span> EN_NODE
|
|
</button>
|
|
<button type="button" data-lang="de">
|
|
<span class="switch-indicator"></span> DE_NODE
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-header">NETWORK_MAP</div>
|
|
<div class="panel-content net-map-content">
|
|
<!-- Decorative technological ASCII node map -->
|
|
<pre class="ascii-art">
|
|
●───○───●
|
|
│ │ │
|
|
○───●───○
|
|
│ │ │
|
|
●───○───●</pre>
|
|
<div class="net-status">
|
|
<span class="pulse-dot"></span> DIRECT_LINK_STABLE
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<!-- Footer line with system details -->
|
|
<footer class="hud-footer">
|
|
<div>SECURE_SHELL_TUNNEL_ESTABLISHED</div>
|
|
<div>PORT: 8080 // ADDR: CIBERMENTE.ME</div>
|
|
<div id="hud-uptime">UPTIME: 00:00:00</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="script.js?v=1.2"></script>
|
|
</body>
|
|
</html>
|