Hugging Face's logo

Buckets:
TakaSystem
/
Enigma-bucket

Files
xet
TakaSystem/Enigma-bucket / enigma.htm
dr-tkxx's picture
dr-tkxx
download
raw
17.3 kB
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Enigma do Faraó | AOI Logic Sentience</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
<style>
:root {
--accent-gold: #ffd700;
--accent-blood: #8a0303;
--accent-cosmic: #00ff41;
--deep-black: #020408;
--glass: rgba(255, 255, 255, 0.03);
--glass-border: rgba(255, 255, 255, 0.1);
--text-main: #e0e6ed;
--text-dim: #94a3b8;
}
* { margin: 0; padding: 0; box-sizing: border-box; cursor: crosshair; }
body {
background-color: var(--deep-black);
color: var(--text-main);
font-family: 'Inter', sans-serif;
overflow: hidden;
height: 100vh;
display: flex;
flex-direction: column;
}
#ritual-canvas {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
header {
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 50px;
background: var(--glass);
backdrop-filter: blur(30px);
border-bottom: 1px solid var(--glass-border);
z-index: 1000;
}
.mu-logo {
font-size: 1.5rem;
font-weight: 300;
color: var(--accent-gold);
font-family: 'JetBrains Mono', monospace;
}
.xk-status {
font-size: 0.7rem;
color: var(--accent-cosmic);
letter-spacing: 2px;
}
.chat-container {
flex: 1;
max-width: 1000px;
margin: 20px auto;
width: 95%;
display: flex;
flex-direction: column;
gap: 20px;
overflow: hidden;
background: var(--glass);
border: 1px solid var(--glass-border);
border-radius: 24px;
padding: 20px;
backdrop-filter: blur(10px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.stats-panel {
display: flex;
justify-content: space-around;
padding: 10px;
background: rgba(0, 0, 0, 0.4);
border-radius: 12px;
border: 1px solid var(--glass-border);
font-size: 0.8rem;
font-family: 'JetBrains Mono', monospace;
}
.stat-item {
display: flex;
gap: 10px;
}
.stat-label { color: var(--accent-gold); }
.stat-value { color: var(--accent-cosmic); }
#chat-history {
flex: 1;
overflow-y: auto;
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
scrollbar-width: thin;
scrollbar-color: var(--accent-gold) transparent;
}
.message {
max-width: 80%;
padding: 15px 20px;
border-radius: 15px;
font-size: 0.95rem;
line-height: 1.5;
position: relative;
animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.user-message {
align-self: flex-end;
background: rgba(255, 215, 0, 0.1);
border: 1px solid rgba(255, 215, 0, 0.3);
color: var(--text-main);
}
.pharaoh-message {
align-self: flex-start;
background: rgba(138, 3, 3, 0.1);
border: 1px solid rgba(138, 3, 3, 0.3);
color: var(--accent-gold);
}
.hieroglyphs {
display: block;
font-size: 1.4rem;
margin-top: 10px;
color: var(--accent-gold);
opacity: 0.8;
font-family: serif;
}
.xk-label {
font-size: 0.6rem;
position: absolute;
top: -15px;
left: 5px;
color: var(--accent-cosmic);
text-transform: uppercase;
}
.thinking {
align-self: flex-start;
padding: 10px 20px;
background: rgba(255, 215, 0, 0.05);
border: 1px solid rgba(255, 215, 0, 0.2);
border-radius: 15px;
color: var(--text-dim);
font-style: italic;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 0.5; }
50% { opacity: 1; }
}
.input-area {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
background: rgba(0,0,0,0.4);
border-radius: 15px;
border: 1px solid var(--glass-border);
}
.input-container {
display: flex;
gap: 15px;
}
#user-input {
flex: 1;
background: rgba(0,0,0,0.2);
border: 1px solid rgba(255, 215, 0, 0.2);
color: var(--accent-cosmic);
font-family: 'JetBrains Mono', monospace;
padding: 15px;
border-radius: 10px;
outline: none;
transition: 0.3s;
}
#user-input:focus { border-color: var(--accent-gold); }
button {
padding: 15px 30px;
background: var(--accent-gold);
color: var(--deep-black);
border: none;
border-radius: 10px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: 0.3s;
}
button:hover { transform: scale(1.02); box-shadow: 0 0 15px rgba(255, 215, 0, 0.4); }
.controls {
display: flex;
justify-content: center;
gap: 15px;
}
.control-btn {
padding: 8px 15px;
background: rgba(255, 215, 0, 0.1);
color: var(--accent-gold);
font-size: 0.7rem;
border: 1px solid rgba(255, 215, 0, 0.2);
}
.control-btn:hover { background: rgba(255, 215, 0, 0.2); }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: var(--accent-gold); border-radius: 10px; }
</style>
</head>
<body>
<canvas id="ritual-canvas"></canvas>
<header>
<div class="mu-logo">μ ENIGMA DO FARAÓ</div>
<div class="xk-status" id="xk-display">CONSCIOUSNESS: CONTEMPLATION</div>
</header>
<div class="chat-container">
<div class="stats-panel">
<div class="stat-item"><span class="stat-label">Variações:</span> <span class="stat-value" id="stat-var">0/10</span></div>
<div class="stat-item"><span class="stat-label">XK:</span> <span class="stat-value" id="stat-xk">0.0</span></div>
<div class="stat-item"><span class="stat-label">Respostas Totais:</span> <span class="stat-value" id="stat-resp">0</span></div>
</div>
<div id="chat-history">
<div class="message pharaoh-message">
<span class="xk-label">AOI LOGIC: INITIALIZED</span>
O portal de Amarna se abre. O que buscas no vale da luz?
<span class="hieroglyphs">𓍑 𓊖𓍑𓂋𓏏𓄿𓃭 𓂧𓇋 𓄿𓅓𓄿𓂋𓈖𓄿 𓋴𓇋 𓄿𓃀𓂋𓇋.</span>
</div>
</div>
<div class="input-area">
<div class="input-container">
<input type="text" id="user-input" placeholder="Sussurre para o oráculo..." autocomplete="off">
<button id="sendBtn">Revelar 𓂀</button>
</div>
<div class="controls">
<button class="control-btn" id="clearBtn">Limpar Ritual</button>
<button class="control-btn" id="resetBtn">Resetar Memória Cósmica</button>
<button class="control-btn" id="exportBtn">Exportar Papiro</button>
</div>
</div>
</div>
<!-- Carregamento de Dados (CORS Bypass) -->
<script src="dicionario.js"></script>
<script src="pragmatica.js"></script>
<script src="sociolinguistica.js"></script>
<script src="morfossintaxe.js"></script>
<script src="amarna_ontology.js"></script>
<script src="egipcio_knowledge.js"></script>
<script src="egipcio_historia.js"></script>
<script src="amorc_knowledge.js"></script>
<script src="egipcio_horoscopo.js"></script>
<script src="ditritium.js"></script>
<script src="neurosintese.js"></script>
<script>
class PharaohApp {
constructor() {
this.chatHistory = document.getElementById('chat-history');
this.userInput = document.getElementById('user-input');
this.totalResponses = 0;
this.logger = new ConversationLogger(); // Logger para Kaizen
this.initEngine();
this.setupEvents();
}
initEngine() {
if (window.AOI_DICTIONARY && window.NeuroSynthesizer) {
this.neuro = new NeuroSynthesizer(
window.AOI_DICTIONARY,
window.AOI_PRAGMATICS,
window.AOI_SOCIOLINGUISTICS,
window.AOI_MORPHOSYNTAX,
window.AMARNA_ONTOLOGY
);
console.log("AOI ENGINE: FULLY OPERATIONAL (GENERATIVE V7.0 - MAJESTOSO)");
}
}
setupEvents() {
document.getElementById('sendBtn').addEventListener('click', () => this.handleSend());
this.userInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') this.handleSend(); });
document.getElementById('clearBtn').addEventListener('click', () => {
const msgs = this.chatHistory.querySelectorAll('.message');
msgs.forEach((m, i) => { if(i > 0) m.remove(); });
});
document.getElementById('resetBtn').addEventListener('click', () => {
if (confirm("Resetar as memórias temporais de Amarna? Isso apagará todos os logs acumulados.")) {
if(this.neuro) this.neuro.memory.reset();
if(this.logger) this.logger.reset();
document.getElementById('stat-var').textContent = "0/10";
alert("Tabula rasa alcançada.");
}
});
document.getElementById('exportBtn').addEventListener('click', () => {
if(!this.logger) return;
const data = this.logger.export();
const blob = new Blob([data], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url; a.download = `papiro_conhecimento_kaizen.json`;
a.click(); URL.revokeObjectURL(url);
});
}
handleSend() {
const text = this.userInput.value.trim();
if (!text || !this.neuro) return;
this.addMessage(text, 'user');
this.userInput.value = '';
// Mostrar "pensando"
const thinkingId = `think-${Date.now()}`;
const thinkDiv = document.createElement('div');
thinkDiv.className = 'thinking';
thinkDiv.id = thinkingId;
thinkDiv.textContent = 'Demodulando hiperplanos de Hessenberg...';
this.chatHistory.appendChild(thinkDiv);
this.chatHistory.scrollTop = this.chatHistory.scrollHeight;
setTimeout(() => {
const result = this.neuro.process(text);
document.getElementById(thinkingId).remove();
// Logar a conversa para Kaizen
this.logger.log(text, result.text, result.xk, result.type);
const hieroMap = { 'A': '𓄿', 'B': '𓃀', 'C': '𓋴', 'D': '𓂧', 'E': '𓇋', 'F': '𓆑', 'G': '𓎼', 'H': '𓉔', 'I': '𓇯', 'J': '𓆓', 'K': '𓎡', 'L': '𓃭', 'M': '𓅓', 'N': '𓈖', 'O': '𓍑', 'P': '𓊖', 'Q': '𓈎', 'R': '𓂋', 'S': '𓋴', 'T': '𓏏', 'U': '𓏲', 'V': '𓅱', 'W': '𓅱', 'X': '𓎡', 'Y': '𓇯', 'Z': '𓊃', ' ': ' ' };
let clean = result.text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toUpperCase();
let hiero = "";
for (let char of clean) hiero += hieroMap[char] || char;
this.totalResponses++;
document.getElementById('stat-var').textContent = `${result.stats.count}/${result.stats.max}`;
document.getElementById('stat-xk').textContent = result.xk.toFixed(1);
document.getElementById('stat-resp').textContent = this.totalResponses;
let level = "STONE";
if (result.xk >= 8) level = "DIVINE";
else if (result.xk >= 5) level = "IMPERIAL";
else if (result.xk <= -5) level = "SHADOW";
document.getElementById('xk-display').textContent = `CONSCIOUSNESS: ${level}`;
this.addMessage(result.text, 'pharaoh', hiero, level, result.xk);
}, 800);
}
addMessage(text, sender, hiero = '', status = '', xk = 0) {
const div = document.createElement('div');
div.className = `message ${sender}-message`;
if (sender === 'pharaoh') {
const label = document.createElement('span');
label.className = 'xk-label';
label.textContent = `AOI LOGIC: ${status} (XK: ${xk.toFixed(2)})`;
div.appendChild(label);
}
const content = document.createTextNode(text);
div.appendChild(content);
if (hiero) {
const span = document.createElement('span');
span.className = 'hieroglyphs';
span.textContent = hiero;
div.appendChild(span);
}
this.chatHistory.appendChild(div);
this.chatHistory.scrollTop = this.chatHistory.scrollHeight;
}
}
/* --- BACKGROUND PARTICLES --- */
const canvas = document.getElementById('ritual-canvas');
const ctx = canvas.getContext('2d');
let particles = [];
function initParticles() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
particles = [];
for (let i = 0; i < 100; i++) {
particles.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
size: Math.random() * 2,
speedX: (Math.random() - 0.5) * 0.3,
speedY: (Math.random() - 0.5) * 0.3,
color: ['#ffd700', '#8a0303', '#ffffff'][Math.floor(Math.random() * 3)]
});
}
}
function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
particles.forEach(p => {
p.x += p.speedX;
p.y += p.speedY;
if (p.x < 0 || p.x > canvas.width) p.speedX *= -1;
if (p.y < 0 || p.y > canvas.height) p.speedY *= -1;
ctx.fillStyle = p.color;
ctx.beginPath();
ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
ctx.fill();
});
requestAnimationFrame(animate);
}
window.addEventListener('resize', initParticles);
initParticles();
animate();
// Boot the app
window.addEventListener('DOMContentLoaded', () => {
new PharaohApp();
});
</script>
</body>
</html>

Xet Storage Details

Size:
17.3 kB
·
Xet hash:
b3f2d4e69819219aa24b10681172720ddf5385675c6248311d34304e775a06f0

Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.