Hugging Face's logo

Spaces:
TakaSystem
/
research
Running

App Files Community
research / atom.html
dr-tkxx's picture
dr-tkxx
Upload 62 files
3276473 verified
raw
history blame contribute delete
16.1 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 | Linguistic Engine Documentation</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 {
 --glass: rgba(255, 255, 255, 0.03);
 --glass-border: rgba(255, 255, 255, 0.1);
 --accent-gold: #ffd700;
 --accent-blue: #0071e3; /* NASA Blue */
 --deep-space: #020408;
 --text-main: #e0e6ed;
 --text-dim: #94a3b8;
 --mu-color: #ffffff;
 }
 * { margin: 0; padding: 0; box-sizing: border-box; }
 body {
 background-color: var(--deep-space);
 color: var(--text-main);
 font-family: 'Inter', sans-serif;
 line-height: 1.6;
 overflow-x: hidden;
 }
 /* --- COSMIC BACKGROUND ENGINE --- */
 #cosmic-canvas {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 background: radial-gradient(circle at center, #0a1128 0%, #020408 100%);
 }
 /* --- LIQUID GLASS MU 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(25px) saturate(180%);
 -webkit-backdrop-filter: blur(25px) saturate(180%);
 border-bottom: 1px solid var(--glass-border);
 z-index: 1000;
 }
 .mu-logo {
 font-size: 2rem;
 font-weight: 300;
 color: var(--mu-color);
 letter-spacing: -2px;
 display: flex;
 align-items: center;
 gap: 10px;
 }
 .mu-logo span {
 font-family: 'JetBrains Mono', monospace;
 font-size: 0.8rem;
 letter-spacing: 3px;
 color: var(--text-dim);
 text-transform: uppercase;
 }
 nav a {
 color: var(--text-dim);
 text-decoration: none;
 font-size: 0.85rem;
 margin-left: 30px;
 text-transform: uppercase;
 letter-spacing: 1px;
 transition: 0.3s;
 }
 nav a:hover { color: var(--accent-gold); }
 /* --- LAYOUT SYSTEM --- */
 .container {
 max-width: 1100px;
 margin: 120px auto 50px auto;
 padding: 0 20px;
 }
 .doc-section {
 margin-bottom: 100px;
 animation: fadeInUp 1s ease forwards;
 }
 @keyframes fadeInUp {
 from { opacity: 0; transform: translateY(30px); }
 to { opacity: 1; transform: translateY(0); }
 }
 /* --- DEEPMIND STYLE TYPOGRAPHY --- */
 h1 { font-size: 3.5rem; font-weight: 600; letter-spacing: -2px; margin-bottom: 10px; }
 .subtitle { font-size: 1.2rem; color: var(--text-dim); margin-bottom: 40px; font-weight: 300; }
 h2 { font-size: 1.8rem; margin-bottom: 25px; color: var(--accent-gold); border-left: 3px solid var(--accent-gold); padding-left: 15px; }
 h3 { font-size: 1.1rem; color: var(--accent-blue); margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
 p { margin-bottom: 20px; color: var(--text-dim); font-size: 1.05rem; }
 /* --- THE TRANSLATION ENGINE (MAIN INTERFACE) --- */
 .engine-wrapper {
 background: var(--glass);
 border: 1px solid var(--glass-border);
 border-radius: 24px;
 padding: 40px;
 backdrop-filter: blur(10px);
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
 }
 .grid-translator {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 30px;
 }
 .input-box {
 display: flex;
 flex-direction: column;
 }
 label {
 font-size: 0.75rem;
 text-transform: uppercase;
 letter-spacing: 2px;
 margin-bottom: 10px;
 color: var(--text-dim);
 }
 textarea {
 background: rgba(0, 0, 0, 0.3);
 border: 1px solid var(--glass-border);
 border-radius: 12px;
 padding: 20px;
 color: var(--text-main);
 font-family: 'JetBrains Mono', monospace;
 font-size: 1rem;
 min-height: 180px;
 resize: none;
 transition: 0.3s;
 }
 textarea:focus {
 outline: none;
 border-color: var(--accent-blue);
 background: rgba(0, 0, 0, 0.5);
 }
 .egyptian-input { color: var(--accent-gold); font-size: 1.4rem; }
 button {
 margin-top: 15px;
 padding: 15px;
 border-radius: 12px;
 border: none;
 background: var(--text-main);
 color: var(--deep-space);
 font-weight: 600;
 cursor: pointer;
 transition: 0.3s;
 text-transform: uppercase;
 letter-spacing: 1px;
 }
 button:hover {
 background: var(--accent-gold);
 transform: translateY(-2px);
 }
 /* --- DATA READOUTS --- */
 .readout-panel {
 margin-top: 40px;
 padding-top: 30px;
 border-top: 1px solid var(--glass-border);
 }
 .data-card {
 background: rgba(0, 0, 0, 0.2);
 padding: 20px;
 border-radius: 12px;
 font-family: 'JetBrains Mono', monospace;
 font-size: 0.9rem;
 }
 .fractal-stream {
 color: var(--accent-blue);
 word-break: break-all;
 font-size: 0.75rem;
 margin-top: 10px;
 }
 /* --- NASA FOOTER --- */
 footer {
 padding: 60px 20px;
 border-top: 1px solid var(--glass-border);
 text-align: center;
 font-size: 0.8rem;
 color: var(--text-dim);
 background: rgba(0,0,0,0.4);
 }
 .status-badge {
 display: inline-block;
 padding: 4px 12px;
 border-radius: 20px;
 background: rgba(0, 255, 65, 0.1);
 color: #00ff41;
 font-size: 0.7rem;
 margin-bottom: 20px;
 }
 @media (max-width: 768px) {
 .grid-translator { grid-template-columns: 1fr; }
 h1 { font-size: 2.5rem; }
 }
 </style>
</head>
<body>
<canvas id="cosmic-canvas"></canvas>
<header>
 <div class="mu-logo">
 ΞΌ <span>Project Neith</span>
 </div>
 <nav>
 <a href="#abstract">Abstract</a>
 <a href="#engine">Engine</a>
 <a href="#methodology">Methodology</a>
 </nav>
 </header>
<div class="container">
<!-- SECTION: ABSTRACT -->
 <section class="doc-section" id="abstract">
 <div class="status-badge">SYSTEM STATUS: OPERATIONAL</div>
 <h1>Cross-Temporal Linguistic Engine</h1>
 <p class="subtitle">Decodificação de padráes semÒnticos de alta densidade via ressonÒncia de Ditritio.</p>
<div class="engine-wrapper" style="padding: 30px;">
 <h3>Abstract</h3>
 <p>Este relatΓ³rio detalha o funcionamento do Motor de Tradução de Neith, um framework de inteligΓͺncia linguΓ­stica projetado para converter lΓ©xicos de PortuguΓͺs contemporΓ’neo em sequΓͺncias de hierΓ³glifos ancestrais atravΓ©s de um mapeamento fractal nΓ£o-linear. Diferente de tradutores baseados em dicionΓ‘rios estΓ‘ticos, o sistema opera sobre a teoria da <em>Sincronia de SemΓ’ntica Sagrada</em>, permitindo a reconstrução de conceitos metafΓ­sicos perdidos.</p>
 </div>
 </section>
<!-- SECTION: THE ENGINE -->
 <section class="doc-section" id="engine">
 <h2>01. Interface de Execução</h2>
 <div class="engine-wrapper">
 <div class="grid-translator">
 <div class="input-box">
 <label>Input: PortuguΓͺs (PT)</label>
 <textarea id="ptInput" placeholder="Insira a sequΓͺncia de dados linguΓ­sticos..."></textarea>
 <button onclick="translatePTtoEG()">Processar β†’ π“‚€</button>
 </div>
 <div class="input-box">
 <label>Output: EgΓ­pcio Ancestral (EG)</label>
 <textarea id="egInput" class="egyptian-input" placeholder="Aguardando processamento..."></textarea>
 <button onclick="translateEGtoPT()">Decodificar ← π“€€</button>
 </div>
 </div>
<div class="readout-panel">
 <div class="grid-translator" style="grid-template-columns: 1fr 1fr;">
 <div>
 <label>Nexo SemΓ’ntico</label>
 <div id="wordCard" class="data-card" style="color: var(--accent-gold); font-size: 1.2rem; min-height: 50px; display: none;"></div>
 </div>
 <div>
 <label>FrequΓͺncia de Ditritio</label>
 <div id="ditritiumOutput" class="fractal-stream">...</div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- SECTION: METHODOLOGY -->
 <section class="doc-section" id="methodology">
 <h2>02. Metodologia CientΓ­fica</h2>
 <h3>A Teoria do Ditritio</h3>
 <p>A tradução nΓ£o Γ© meramente ortogrΓ‘fica, mas sim uma quantização de sinais. O motor utiliza o parΓ’metro <strong>i=155, n=255</strong> para estabilizar a flutuação entre o significado fonΓ©tico e o sΓ­mbolo pictogrΓ‘fico. Cada caractere gerado passa por uma validação de densidade fractal, garantindo que o sΓ­mbolo hieroglΓ­fico corresponda Γ  frequΓͺncia vibracional da palavra original.</p>
<h3>Arquitetura de Dados</h3>
 <div class="data-card">
 [DATA_STRUCTURE_LOG]<br>
 > Semantic_Map: Loaded (Hieroglyphic_V5.0)<br>
 > Quantum_Resonance: Stable<br>
 > Neural_Morphology: Engaged<br>
 > Successor: Sato Holdings Corp
 </div>
 </section>
</div>
<footer>
 <div style="font-weight: 600; margin-bottom: 10px;">TAKASYSTEM&trade; LLC | MISSION CONTROL</div>
 <div>NASA&trade; DOCUMENTATION PROTOCOL NNH25ZDA001N-FAIMM</div>
 <div style="margin-top: 20px; opacity: 0.5;">&copy; 2026 Project Neith. All Rights Reserved.</div>
 </footer>
<script>
 /* --- COSMIC BACKGROUND ENGINE --- */
 const canvas = document.getElementById('cosmic-canvas');
 const ctx = canvas.getContext('2d');
 let stars = [];
 function initStars() {
 canvas.width = window.innerWidth;
 canvas.height = window.innerHeight;
 stars = [];
 for (let i = 0; i < 400; i++) {
 stars.push({
 x: Math.random() * canvas.width,
 y: Math.random() * canvas.height,
 size: Math.random() * 1.5,
 speed: Math.random() * 0.05
 });
 }
 }
 function animateStars() {
 ctx.clearRect(0, 0, canvas.width, canvas.height);
 ctx.fillStyle = 'white';
 stars.forEach(star => {
 ctx.beginPath();
 ctx.arc(star.x, star.y, star.size, 0, Math.PI * 2);
 ctx.fill();
 star.y -= star.speed;
 if (star.y < 0) star.y = canvas.height;
 });
 requestAnimationFrame(animateStars);
 }
 window.addEventListener('resize', initStars);
 initStars();
 animateStars();
 /* --- TRANSLATION LOGIC (ENHANCED) --- */
 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 key in semanticDictionary) reverseSemantic[semanticDictionary[key]] = key;
 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 translatePTtoEG() {
 let input = document.getElementById('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;
 document.getElementById('egInput').value = finalHiero;
const wordCard = document.getElementById('wordCard');
 wordCard.innerHTML = finalHiero;
 wordCard.style.display = "block";
document.getElementById('ditritiumOutput').textContent = generateDitritiumFractal(input);
 }
 function translateEGtoPT() {
 let input = document.getElementById('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();
 document.getElementById('ptInput').value = finalPT;
const wordCard = document.getElementById('wordCard');
 wordCard.innerHTML = finalPT;
 wordCard.style.display = "block";
document.getElementById('ditritiumOutput').textContent = generateDitritiumFractal(input);
 }
 function generateDitritiumFractal(input) {
 const i = 155, n = 255;
 let seed = 0;
 for (let char of input) seed += char.charCodeAt(0);
 let length = 150;
 let fractal = "", randomValue = seed;
 for (let k = 0; k < length; k++) {
 randomValue = (randomValue * 1103515245 + 12345) & 0x7fffffff;
 let qEffect = Math.sin(randomValue / 1000) * (i / (i + n));
 fractal += Math.abs(qEffect) > 0.2 ? "β—ˆ" : "Β·";
 }
 return fractal;
 }
 </script>
</body>
</html>