PerceptionLabPortable / index.html
Aluode's picture
Update index.html
7c3de98 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Perception Lab | Legoset Science</title>
<style>
:root {
--neon-green: #00ff9d;
--neon-blue: #00f3ff;
--deep-space: #0a0a0a;
--panel-gray: #141414;
--text-main: #c0c0c0;
--warning: #ffaa00;
}
body {
background-color: var(--deep-space);
color: var(--text-main);
font-family: 'Courier New', Courier, monospace;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
line-height: 1.6;
}
.container {
max-width: 850px;
width: 90%;
margin-top: 60px;
margin-bottom: 60px;
}
/* Glitchy Title Effect */
h1 {
font-size: 3rem;
margin-bottom: 0.2rem;
color: white;
text-transform: uppercase;
letter-spacing: 4px;
border-bottom: 2px solid var(--neon-green);
display: inline-block;
padding-bottom: 10px;
}
.tagline {
font-size: 1.1rem;
color: var(--neon-green);
margin-bottom: 3rem;
font-style: italic;
}
.card {
background: var(--panel-gray);
border: 1px solid #333;
border-left: 4px solid var(--neon-blue);
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.warning-box {
border-left: 4px solid var(--warning);
background: rgba(255, 170, 0, 0.05);
padding: 15px;
font-size: 0.9rem;
margin-top: 15px;
color: #ddd;
}
/* The Big Button */
.download-btn {
display: block;
background-color: transparent;
color: var(--neon-blue);
border: 2px solid var(--neon-blue);
font-weight: bold;
font-size: 1.4rem;
padding: 20px;
text-align: center;
text-decoration: none;
transition: all 0.2s;
margin: 20px 0;
text-transform: uppercase;
letter-spacing: 2px;
}
.download-btn:hover {
background-color: var(--neon-blue);
color: black;
box-shadow: 0 0 20px rgba(0, 243, 255, 0.4);
transform: translateY(-2px);
}
h2 {
color: white;
border-bottom: 1px solid #333;
padding-bottom: 10px;
margin-top: 0;
}
h3 {
color: var(--neon-green);
margin-top: 25px;
}
ul {
list-style-type: square;
padding-left: 20px;
}
li {
margin-bottom: 8px;
}
code {
background: #222;
padding: 2px 6px;
color: #ff7b00;
}
.footer {
margin-top: 50px;
text-align: center;
color: #555;
font-size: 0.8rem;
border-top: 1px solid #222;
padding-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>Perception Lab</h1>
<div class="tagline">Legoset 'science' & Fringe Ideas</div>
<div class="card">
<h2>📥 Download Portable Build</h2>
<p>A self-contained environment. No install required. Just unzip and run.</p>
<a href="https://huggingface.co/spaces/Aluode/PerceptionLabPortable/resolve/main/PerceptionLab_Portable.zip?download=true" class="download-btn">
[ DOWNLOAD ZIP ~340 MB ]
</a>
<div class="warning-box">
<strong>⚠️ NOTE:</strong> This includes embedded Python but may lack some things.
Some workflows might be broken. You might need to download EEG files separately.
<br><br>
<em>"Not all things may be kosher tho."</em>
</div>
</div>
<div class="card">
<h2>🌌 What is this?</h2>
<p>
It is some random nodes. Random ideas. Me thinking about thinking.
The fun is in wiring the nodes. The non-fun is when things are broke.
</p>
<p>
The nodes are very esoteric. Some may work together, some may not.
You will see lots of neural fields, Mandalas, and weird graphs.
It may feel like racket science. So game on.
</p>
<h3>Key Features (When they work):</h3>
<ul>
<li><strong>Holographic Fields:</strong> Visualize standing wave patterns and interference.</li>
<li><strong>Biological Interface:</strong> Support for EEG (EDF files) and BrainFlow.</li>
<li><strong>Cymatics Engine:</strong> Vibration modes and Chladni figures.</li>
<li><strong>300+ Nodes:</strong> Quantum Qubits, Fractal Attractors, Time-Crystals, etc.</li>
</ul>
</div>
<div class="card">
<h2>🛠 How to Run</h2>
<ol>
<li>Download the archive above.</li>
<li><strong>Extract</strong> the ZIP to a folder (e.g., <code>C:\PerceptionLab</code>).</li>
<li>Do NOT run from inside the zip.</li>
<li>Double-click <code>Start_Lab.bat</code>.</li>
<li>Wait 10-20 seconds for the Neural Engine to initialize.</li>
</ol>
</div>
<div class="footer">
Created by Antti's wild ideas and a bunch of different AIs.<br>
Inspired by a ton of science papers. Thanks gais.<br>
<br>
<em>"If you do manage to figure out how consciousness works... Salud! Good luck space man."</em>
</div>
</div>
</body>
</html>