Hugging Face's logo

Spaces:
dr-tkxx
/
ancient
Running

App Files Community
ancient / index.html
dr-tkxx's picture
dr-tkxx
Update index.html
e09e4b6 verified
raw
history blame contribute delete
26.4 kB
<!DOCTYPE html>
<html lang="pt-br">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Project Neith | Ritual Ancestral Mainframe</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-x: hidden;
 min-height: 100vh;
 }
 /* --- BACKGROUND ENGINE --- */
 #ritual-canvas {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 }
 /* --- LIQUID GLASS HEADER --- */
 header {
 position: fixed;
 top: 0;
 width: 100%;
 height: 70px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 50px;
 background: var(--glass);
 backdrop-filter: blur(30px) saturate(200%);
 -webkit-backdrop-filter: blur(30px) saturate(200%);
 border-bottom: 1px solid var(--glass-border);
 z-index: 1000;
 }
 .mu-logo a {
 font-size: 1.8rem;
 font-weight: 300;
 color: white;
 text-decoration: none;
 display: flex;
 align-items: center;
 gap: 10px;
 transition: 0.5s;
 }
 .mu-logo a:hover {
 color: var(--accent-gold);
 text-shadow: 0 0 20px var(--accent-gold);
 }
 .mu-logo span {
 font-family: 'JetBrains Mono', monospace;
 font-size: 0.7rem;
 letter-spacing: 4px;
 color: var(--text-dim);
 text-transform: uppercase;
 }
 /* --- RITUAL TRANSITION OVERLAY --- */
 #ritual-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #000;
 z-index: 9999;
 display: none;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 }
 #ritual-canvas-overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 }
 .ritual-content {
 position: relative;
 z-index: 10000;
 text-align: center;
 }
 .eye-of-horus {
 font-size: 6rem;
 color: var(--accent-gold);
 filter: drop-shadow(0 0 20px var(--accent-blood));
 animation: pulse-eye 2s infinite ease-in-out;
 }
 @keyframes pulse-eye {
 0%, 100% { transform: scale(1); opacity: 0.8; }
 50% { transform: scale(1.1); opacity: 1; filter: drop-shadow(0 0 40px var(--accent-gold)); }
 }
 .ritual-text {
 margin-top: 20px;
 font-family: 'JetBrains Mono', monospace;
 color: var(--accent-gold);
 letter-spacing: 10px;
 text-transform: uppercase;
 animation: fade-text 2s infinite;
 }
 @keyframes fade-text {
 0%, 100% { opacity: 0.3; }
 50% { opacity: 1; }
 }
 /* --- MAIN LAYOUT --- */
 .container {
 max-width: 1200px;
 margin: 120px auto 50px auto;
 padding: 0 20px;
 }
 .main-grid {
 display: grid;
 grid-template-columns: 1.5fr 1fr;
 gap: 30px;
 }
 .card {
 background: var(--glass);
 border: 1px solid var(--glass-border);
 border-radius: 24px;
 padding: 40px;
 backdrop-filter: blur(10px);
 transition: 0.5s;
 }
 .card:hover {
 border-color: rgba(255, 215, 0, 0.3);
 box-shadow: 0 20px 40px rgba(0,0,0,0.4);
 }
 h1, h2 {
 text-transform: uppercase;
 letter-spacing: 2px;
 margin-bottom: 30px;
 }
 h1 { font-size: 2.5rem; color: var(--text-main); }
 h2 { font-size: 1.2rem; color: var(--accent-gold); border-left: 3px solid var(--accent-gold); padding-left: 15px; }
 /* --- TRANSLATOR UI --- */
 .translator-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 20px;
 }
 textarea {
 width: 100%;
 background: rgba(0,0,0,0.4);
 border: 1px solid var(--glass-border);
 border-radius: 12px;
 padding: 20px;
 color: var(--accent-cosmic);
 font-family: 'JetBrains Mono', monospace;
 min-height: 150px;
 resize: none;
 transition: 0.3s;
 }
 textarea:focus {
 outline: none;
 border-color: var(--accent-gold);
 background: rgba(0,0,0,0.6);
 }
 .egyptian-input { color: var(--accent-gold); font-size: 1.5rem; }
 button {
 margin-top: 15px;
 width: 100%;
 padding: 15px;
 border-radius: 12px;
 border: none;
 background: var(--text-main);
 color: var(--deep-black);
 font-weight: 700;
 text-transform: uppercase;
 cursor: pointer;
 transition: 0.3s;
 }
 button:hover {
 background: var(--accent-gold);
 transform: translateY(-3px);
 box-shadow: 0 10px 20px rgba(255, 215, 0, 0.2);
 }
 .result-box {
 margin-top: 30px;
 padding: 20px;
 background: rgba(0,0,0,0.3);
 border-radius: 12px;
 font-family: 'JetBrains Mono', monospace;
 }
 .ditritium-stream {
 font-size: 0.7rem;
 color: var(--accent-blue);
 margin-top: 10px;
 opacity: 0.6;
 word-break: break-all;
 }
 /* --- SCRIPTURE CARD --- */
 .sacred-text span {
 display: block;
 margin-bottom: 20px;
 font-size: 1.2rem;
 color: var(--accent-gold);
 }
 .sacred-sub {
 font-size: 0.7rem;
 color: var(--text-dim);
 display: block;
 margin-top: 5px;
 }
 /* --- FOOTER --- */
 footer {
 margin-top: 100px;
 padding: 60px 20px;
 text-align: center;
 border-top: 1px solid var(--glass-border);
 background: rgba(0,0,0,0.5);
 }
 .status-log {
 font-family: 'JetBrains Mono', monospace;
 font-size: 0.7rem;
 color: var(--text-dim);
 margin-top: 20px;
 }
 /* --- GLITCH EFFECT --- */
 .glitch {
 position: relative;
 }
 @media (max-width: 900px) {
 .main-grid { grid-template-columns: 1fr; }
 }
 </style>
</head>
<body>
<canvas id="ritual-canvas"></canvas>
<!-- Nesty's Ritual Transition -->
 <div id="ritual-overlay">
 <canvas id="ritual-canvas-overlay"></canvas>
 <div class="ritual-content">
 <div class="eye-of-horus">𓂀</div>
 <div class="ritual-text">Despertando a Eternidade</div>
 </div>
 </div>
<header>
 <div class="mu-logo">
 <a href="atom.htm" id="nesty-link">
 μ <span>Project Neith</span>
 </a>
 </div>
 <nav>
 <a href="USAGE/enigma.htm" style="color: var(--text-dim); text-decoration: none; font-size: 0.8rem; letter-spacing: 1px;">CHAT_IA</a>
 </nav>
 </header>
<div class="container">
 <div class="main-grid">
<!-- MAIN INTERFACE -->
 <section class="card" id="engine">
 <h1 class="glitch">enigma do destino</h1>
 <p style="color: var(--text-dim); margin-bottom: 30px; font-size: 0.9rem;">Sincronização de léxico ancestral via frequência de Ditritio.</p>
<div class="translator-grid">
 <div class="input-box">
 <label style="font-size: 0.6rem; color: var(--accent-gold);">INPUT: LINGUAGEM MODERNA</label>
 <textarea id="ptInput" placeholder="Digite o comando..."></textarea>
 <div style="display: flex; gap: 10px;">
 <button style="flex: 1;" onclick="processTranslation('PT_TO_EG')">Canalizar 𓂀</button>
 <input type="file" id="hieroImageInput" accept=".jpg, .png" style="display: none;" onchange="processImage(event)">
 <button style="flex: 1; border-radius: 25px; display: flex; align-items: center; justify-content: center; gap: 5px;" onclick="document.getElementById('hieroImageInput').click()">horus <span style="color: #00ff41; font-weight: bold;">✔</span></button>
 </div>
 </div>
 <div class="input-box">
 <label style="font-size: 0.6rem; color: var(--accent-gold);">OUTPUT: HIERÓGLIFOS</label>
 <textarea id="egInput" class="egyptian-input" placeholder="Aguardando..."></textarea>
 <button onclick="processTranslation('EG_TO_PT')">Decodificar 𓀀</button>
 </div>
 </div>
<div class="result-box">
 <label style="font-size: 0.6rem; color: var(--text-dim);">NEXO SEMÂNTICO:</label>
 <div id="wordCard" style="font-size: 1.5rem; color: var(--accent-gold); min-height: 40px;"></div>
 <div id="ditritiumOutput" class="ditritium-stream"></div>
 </div>
 </section>
<!-- SCRIPTURE CARD -->
 <section class="card">
 <h2>Códice de Sangue</h2>
 <div class="sacred-text">
 <span>𓄿𓏏𓍑𓅓 𓅓𓆣 𓏲𓈖𓇯𓅱𓂋𓋴𓍑 <small class="sacred-sub">Atom criou o universo</small></span>
 <span>𓇳 𓅓𓆣 𓇋𓏠𓈖 𓇋𓅓𓅱𓏏𓄿𓃀𓃭 <small class="sacred-sub">Rá a mente imutável</small></span>
 <span>𓅃 𓋹 𓃭𓇯𓅱𓂋𓍑 𓈖 𓋹 <small class="sacred-sub">Hórus o livro da vida</small></span>
 <span>𓊨𓏏 𓂧𓇯𓋴𓇋𓆑𓂋𓄿 𓊨𓏏 𓋹 <small class="sacred-sub">Quem decifra Isis, decifra a vida</small></span>
 </div>
 </section>
</div>
 </div>
<footer>
 <div style="font-weight: 800; letter-spacing: 2px;">TAKASYSTEM&trade; LLC | NCAGE: 06KQK</div>
 <div style="font-size: 0.8rem; margin-top: 10px; color: var(--accent-blue);">NASA&trade; NNH25ZDA001N-FAIMM // SATO HOLDINGS CORP</div>
 <div class="status-log" id="system-log">
 SYSTEM_REF: TX&#x00AE;C_V5.0 // ACCESS_POINT: SECURE // GEO_SYNC: ACTIVE
 </div>
 </footer>
<script>
 /* --- ENGINE DE PARTÍCULAS RITUALÍSTICAS --- */
 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 < 150; i++) {
 particles.push(new Particle());
 }
 }
 class Particle {
 constructor() {
 this.reset();
 }
 reset() {
 this.x = Math.random() * canvas.width;
 this.y = Math.random() * canvas.height;
 this.size = Math.random() * 2;
 this.speedX = (Math.random() - 0.5) * 0.5;
 this.speedY = (Math.random() - 0.5) * 0.5;
 // Mix de Cores: Ouro, Sangue e Cósmico
 const colors = ['#ffd700', '#8a0303', '#ffffff', '#00ff41'];
 this.color = colors[Math.floor(Math.random() * colors.length)];
 this.opacity = Math.random();
 }
 update() {
 this.x += this.speedX;
 this.y += this.speedY;
 if (this.x < 0 || this.x > canvas.width || this.y < 0 || this.y > canvas.height) this.reset();
 }
 draw() {
 ctx.globalAlpha = this.opacity;
 ctx.fillStyle = this.color;
 ctx.beginPath();
 ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
 ctx.fill();
 }
 }
 function animate() {
 ctx.clearRect(0, 0, canvas.width, canvas.height);
 particles.forEach(p => {
 p.update();
 p.draw();
 });
 requestAnimationFrame(animate);
 }
 window.addEventListener('resize', initParticles);
 initParticles();
 animate();
 /* --- RITUAL DE NESTY (TRANSITION) --- */
 const nestyLink = document.getElementById('nesty-link');
 const ritualOverlay = document.getElementById('ritual-overlay');
 const ritualCanvasOverlay = document.getElementById('ritual-canvas-overlay');
 const rCtx = ritualCanvasOverlay.getContext('2d');
 let ritualParticles = [];
 nestyLink.addEventListener('click', (e) => {
 e.preventDefault();
 const url = nestyLink.href;
 ritualOverlay.style.display = 'flex';
 ritualCanvasOverlay.width = window.innerWidth;
 ritualCanvasOverlay.height = window.innerHeight;
// Criar partículas de Sangue e Ouro para o ritual
 for(let i=0; i<200; i++) {
 ritualParticles.push({
 x: Math.random() * window.innerWidth,
 y: Math.random() * window.innerHeight,
 s: Math.random() * 4,
 c: Math.random() > 0.5 ? '#8a0303' : '#ffd700',
 v: Math.random() * 3
 });
 }
 function ritualAnim() {
 rCtx.fillStyle = 'rgba(0,0,0,0.1)';
 rCtx.fillRect(0, 0, ritualCanvasOverlay.width, ritualCanvasOverlay.height);
 ritualParticles.forEach(p => {
 rCtx.fillStyle = p.c;
 rCtx.beginPath();
 rCtx.arc(p.x, p.y, p.s, 0, Math.PI*2);
 rCtx.fill();
 p.y += p.v;
 if(p.y > ritualCanvasOverlay.height) p.y = 0;
 });
 requestAnimationFrame(ritualAnim);
 }
 ritualAnim();
 setTimeout(() => {
 window.location.href = url;
 }, 3500);
 });
 /* --- ENGINE DE TRADUÇÃO --- */
 const hieroglyphMap = { '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': '𓊃', ' ': ' ' };
 const semanticDictionary = { 'AMON': '𓇋𓏠𓈖', 'MORTE': '𓅓𓆣𓂋𓏏', 'CRIADOR': '𓅓𓆣', 'SOL': '𓇳', 'REI': '𓇓', 'VIDA': '𓋹', 'NOME': '𓂋𓈖', 'DE': '𓈖', 'ISIS': '𓊨𓏏', 'ANUBIS': '𓇋𓈖𓊪𓅱', 'HORUS': '𓅃', 'RA': '𓇳' };
 const reverseSemantic = {};
 for (let k in semanticDictionary) reverseSemantic[semanticDictionary[k]] = k;
 const reverseMap = { '𓏠': 'M', '𓆣': 'O', '𓇋': 'E', '𓈖': 'N', '𓅓': 'M', '𓂋': 'R', '𓏏': 'T', '𓇯': 'I', '𓆓': 'J', '𓊨𓏏': 'ISIS', '𓇋𓈖𓊪𓅱': 'ANUBIS', '𓅃': 'HORUS', '𓇳': 'RA' };
 for (let char in hieroglyphMap) { const h = hieroglyphMap[char]; if (!reverseMap[h]) reverseMap[h] = char; }
 function processImage(event) {
 const file = event.target.files[0];
 if (!file) return;
const ptInput = document.getElementById('ptInput');
 const egInput = document.getElementById('egInput');
 const wordCard = document.getElementById('wordCard');
 const ditritiumOutput = document.getElementById('ditritiumOutput');
ptInput.value = "Aguardando decodificação profunda...";
 egInput.value = "ANALISANDO PIXELS DA IMAGEM...\n[ " + file.name + " ]";
 wordCard.innerHTML = "<span class='glitch' style='font-size: 1rem;'>PROCESSANDO VISÃO DE HÓRUS...</span>";
const img = new Image();
 img.onload = function() {
 const canvas = document.createElement('canvas');
 const ctx = canvas.getContext('2d');
 // Redimensionar para otimizar leitura do motor
 const scale = Math.min(150 / img.width, 150 / img.height);
 canvas.width = img.width * scale;
 canvas.height = img.height * scale;
 ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
const imgData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
 const baseHieroglyphs = "𓄿𓃀𓋴𓂧𓇋𓆑𓎼𓉔𓇯𓆓𓎡𓃭𓅓𓈖𓍑𓊖𓈎𓂋𓋴𓏏𓏲𓅱𓎡𓇯𓊃𓇋𓏠𓈖𓅓𓆣𓂋𓏏𓇳𓇓𓋹𓂋𓈖𓊨𓏏𓇋𓈖𓊪𓅱𓅃";
 const baseArray = Array.from(baseHieroglyphs);
 let extractedHieroglyphs = "";
 let wordCount = 0;
// Simulação de escaneamento neural
 let scanStep = 0;
 const scanInterval = setInterval(() => {
 scanStep++;
 egInput.value += " " + baseArray[Math.floor(Math.random() * baseArray.length)];
 if(scanStep > 6) {
 clearInterval(scanInterval);
const ptGrammar = {
 subjects: ["O Faraó", "Isis", "Hórus", "Anúbis", "Rá", "Amon", "O Sol", "A Vida", "A Morte", "O Criador", "A Alma", "O Universo", "O Nome", "O Templo", "O Sacerdote"],
 verbs: ["guia", "ilumina", "julga", "protege", "revela", "cria", "observa", "domina", "encontra", "busca", "eleva", "abençoa", "desperta"],
 objects: ["o universo", "a mente", "o livro da vida", "a luz", "a eternidade", "o destino", "a verdade", "o caminho", "a paz", "o códice sagrado", "as estrelas", "o infinito"],
 connectors: [" e ", " com ", " para ", " em ", " por ", " perante "],
 adjectives: ["eterno", "divino", "imortal", "oculto", "infinito", "ancestral", "puro", "absoluto"]
 };
 let generatedPT = "";
 let sentenceCount = 0;
 wordCount = 0;
// Motor de extração coeso avançado (mantendo regras do PT-BR)
 for (let i = 0; i < imgData.length; i += 64) {
if (wordCount >= 850) break; // Limite de 850 palavras
const r = imgData[i];
 const g = imgData[i+1];
 const b = imgData[i+2];
 const brightness = (r + g + b) / 3;
if (brightness < 240) {
 // Máxima variabilidade: usando Entropia de Cor (RGB) + Posição Espacial do Pixel (i)
 const subj = ptGrammar.subjects[(r + i) % ptGrammar.subjects.length];
 const verb = ptGrammar.verbs[(g + Math.floor(i/4)) % ptGrammar.verbs.length];
 let obj = ptGrammar.objects[(b + r + i) % ptGrammar.objects.length];
if ((brightness + i) % 2 === 0) {
 obj += " " + ptGrammar.adjectives[(r + b + Math.floor(i/8)) % ptGrammar.adjectives.length];
 }
let sentence = subj + " " + verb + " " + obj;
if (Math.floor(brightness + i) % 3 === 0) {
 const conn = ptGrammar.connectors[(r + g + b + i) % ptGrammar.connectors.length];
 const obj2 = ptGrammar.objects[(Math.floor(brightness) + i) % ptGrammar.objects.length];
 sentence += conn + obj2;
 }
// Capitalizar primeira letra corretamente
 sentence = sentence.charAt(0).toUpperCase() + sentence.slice(1);
generatedPT += sentence + ". ";
 wordCount += sentence.split(" ").length;
 sentenceCount++;
if (sentenceCount % 4 === 0) {
 generatedPT += "\n\n";
 }
 }
 }
if (generatedPT.trim() === "") generatedPT = "Isis decifra a vida divina. Hórus protege o universo imortal.";
// Sanitiza apenas para exibir visualmente no output de hieróglifos (sem impactar o texto em português)
 let cleanPT = generatedPT.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toUpperCase();
 let processedToHiero = cleanPT.trim();
 for (let word in semanticDictionary) {
 const regex = new RegExp("\\b" + word + "\\b", "g");
 processedToHiero = processedToHiero.replace(regex, semanticDictionary[word]);
 }
 let extractedHieroglyphs = "";
 for (let char of processedToHiero) {
 extractedHieroglyphs += hieroglyphMap[char] || char;
 }
egInput.value = extractedHieroglyphs;
 ptInput.value = generatedPT.trim();
 wordCard.innerHTML = "TRADUÇÃO COMPLETA: " + wordCount + " PALAVRAS EXTRAÍDAS";
 ditritiumOutput.textContent = generateFractal(cleanPT.substring(0, 100));
event.target.value = '';
 }
 }, 400);
 };
const reader = new FileReader();
 reader.onload = function(e) {
 img.src = e.target.result;
 };
 reader.readAsDataURL(file);
 }
 function processTranslation(mode) {
 const ptInput = document.getElementById('ptInput');
 const egInput = document.getElementById('egInput');
 const wordCard = document.getElementById('wordCard');
 const ditritiumOutput = document.getElementById('ditritiumOutput');
 if (mode === 'PT_TO_EG') {
 let input = ptInput.value.toUpperCase();
 let processed = input;
 for (let word in semanticDictionary) {
 const regex = new RegExp("\\b" + word + "\\b", "g");
 processed = processed.replace(regex, semanticDictionary[word]);
 }
 let finalHiero = "";
 for (let char of processed) finalHiero += hieroglyphMap[char] || char;
 egInput.value = finalHiero;
 wordCard.innerHTML = finalHiero;
 ditritiumOutput.textContent = generateFractal(input);
 } else {
 let input = egInput.value;
 let processed = input;
 for (let hiero in reverseSemantic) processed = processed.split(hiero).join(reverseSemantic[hiero] + " ");
 const symbols = Array.from(processed);
 let finalPT = "";
 for (let s of symbols) finalPT += reverseMap[s] || s;
 finalPT = finalPT.replace(/J/g, 'I').replace(/\s+/g, ' ').trim();
 ptInput.value = finalPT;
 wordCard.innerHTML = finalPT;
 ditritiumOutput.textContent = generateFractal(input);
 }
 }
 function generateFractal(input) {
 let seed = 0;
 for (let c of input) seed += c.charCodeAt(0);
 let fractal = "";
 for(let i=0; i<100; i++) {
 seed = (seed * 1103515245 + 12345) & 0x7fffffff;
 fractal += (seed % 5 === 0) ? "◈" : "·";
 }
 return fractal;
 }
 // Log de Sistema "Glitch"
 setInterval(() => {
 const logs = ["SYNCING_DITRITIUM...", "NASA_PROTOCOL_ACTIVE", "SATO_HOLDINGS_CONNECTED", "ACCESS_SECURE"];
 document.getElementById('system-log').textContent = `SYSTEM_REF: TX&#x00AE;C_V5.0 // ${logs[Math.floor(Math.random()*logs.length)]}`;
 }, 4000);
 </script>
</body>
</html>