LRLRE-HUB / index.html
Ariyan-Pro's picture
Create index.html
19275ae verified
Raw
History Blame Contribute Delete
5.2 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LRLRE Enterprise Grid</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
color: white;
min-height: 100vh;
}
.container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
.header { text-align: center; margin-bottom: 60px; }
.header h1 { font-size: 3.5em; background: linear-gradient(135deg, #667eea, #764ba2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.header p { font-size: 1.2em; opacity: 0.8; margin-top: 10px; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.card {
background: rgba(255,255,255,0.1);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 30px;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
border: 1px solid rgba(255,255,255,0.1);
}
.card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
.card h2 { font-size: 2em; margin-bottom: 15px; }
.card p { opacity: 0.7; margin-bottom: 20px; line-height: 1.6; }
.badge {
display: inline-block;
background: linear-gradient(135deg, #667eea, #764ba2);
padding: 5px 15px;
border-radius: 20px;
font-size: 0.8em;
margin: 10px 0;
}
.btn {
display: inline-block;
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
padding: 12px 30px;
border-radius: 30px;
text-decoration: none;
margin-top: 20px;
transition: opacity 0.3s;
}
.btn:hover { opacity: 0.8; }
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 60px;
}
.stat-card {
background: rgba(255,255,255,0.05);
border-radius: 15px;
padding: 20px;
text-align: center;
}
.stat-number { font-size: 2.5em; font-weight: bold; color: #667eea; }
.footer { text-align: center; opacity: 0.5; font-size: 0.9em; }
.footer a { color: #667eea; text-decoration: none; }
@media (max-width: 768px) {
.grid { grid-template-columns: 1fr; }
.stats { grid-template-columns: repeat(2, 1fr); }
.header h1 { font-size: 2em; }
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>🧠 LRLRE Enterprise Grid</h1>
<p>Low Resource Language Reasoning Engine | 100% Symbolic NLP | No LLMs</p>
</div>
<div class="stats">
<div class="stat-card"><div class="stat-number">5</div><div>Languages</div></div>
<div class="stat-card"><div class="stat-number">100%</div><div>Accuracy</div></div>
<div class="stat-card"><div class="stat-number">16ms</div><div>Avg Latency</div></div>
<div class="stat-card"><div class="stat-number">3</div><div>Modes</div></div>
</div>
<div class="grid">
<div class="card">
<h2>πŸ“Š v7.0</h2>
<div class="badge">Analysis Grid</div>
<p>Deep text analysis<br>Unicode character parsing<br>Logical inference engine<br>Entity detection & tagging<br>Language references</p>
<a href="https://huggingface.co/spaces/Ariyan-Pro/LRLRE-v7" class="btn" target="_blank">Launch Analysis β†’</a>
</div>
<div class="card">
<h2>🎨 v8.2</h2>
<div class="badge">Visual Grid</div>
<p>Bento Grid animations<br>Flip card effects<br>Interactive UI<br>Theme selector<br>Real-time WebSocket</p>
<a href="https://huggingface.co/spaces/Ariyan-Pro/LRLRE-v8" class="btn" target="_blank">Launch Visual β†’</a>
</div>
<div class="card">
<h2>πŸ’Ž v10.0</h2>
<div class="badge">Ultimate Grid</div>
<p>Complete analysis suite<br>All v7.0 features<br>All v8.2 animations<br>Advanced inference engine<br>Full database integration</p>
<a href="https://huggingface.co/spaces/Ariyan-Pro/LRLRE-v10" class="btn" target="_blank">Launch Ultimate β†’</a>
</div>
</div>
<div class="footer">
<p>πŸ‡¬πŸ‡§ English | πŸ‡«πŸ‡· French | πŸ‡―πŸ‡΅ Japanese | πŸ‡°πŸ‡· Korean | πŸ‡¨πŸ‡³ Chinese</p>
<p>πŸ“Š 45/45 Tests Passed | ⚑ 16.2ms Average Latency | 🎯 100% Accuracy</p>
<p><a href="https://github.com/Ariyan-Pro/lrlre" target="_blank">GitHub Repository</a> | MIT License</p>
</div>
</div>
</body>
</html>