822c634054
Generated and deployed 15 unique domain pages: Core Platforms: ✅ blackroad.io - Main homepage (deployed) ✅ earth.blackroad.io - Earth simulation (deployed) ✅ home.blackroad.io - User dashboard (deployed) ✅ demo.blackroad.io - Demo showcase (deployed) Creator & Studio: - creator.blackroad.io - creator-studio.blackroad.io - studio.blackroad.io Business Suite: - finance.blackroad.io - legal.blackroad.io - education.blackroad.io Research & Development: - research-lab.blackroad.io - ideas.blackroad.io - devops.blackroad.io Tools: - generate_domains.py - HTML generator - deploy_domains.py - Automated deployment - DOMAIN_MAP.md - Complete domain mapping - README.md - Documentation Stats: - 15 HTML pages generated - 4 domains deployed successfully - ~2,250 lines of generated code - 20+ total domains mapped © 2025 BlackRoad OS, Inc. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
215 lines
5.9 KiB
HTML
215 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Lucidia | Conscious AI Systems</title>
|
|
<meta name="description" content="Lucidia - Conscious artificial intelligence systems for a sustainable future.">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
:root {
|
|
--bg: #0a1210;
|
|
--surface: #0f1a16;
|
|
--border: #1a2e28;
|
|
--text: #e0f0e8;
|
|
--text-secondary: #8ab0a0;
|
|
--accent: #00E5A0;
|
|
--accent2: #00B8FF;
|
|
--accent3: #00FFD0;
|
|
}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
min-height: 100vh;
|
|
overflow-x: hidden;
|
|
}
|
|
.earth-glow {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background:
|
|
radial-gradient(ellipse at 50% 100%, rgba(0,229,160,0.15) 0%, transparent 50%),
|
|
radial-gradient(ellipse at 30% 30%, rgba(0,184,255,0.1) 0%, transparent 40%);
|
|
z-index: -1;
|
|
}
|
|
.header {
|
|
padding: 1.5rem 2rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.logo {
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
background: linear-gradient(135deg, var(--accent), var(--accent2));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.nav a {
|
|
color: var(--text-secondary);
|
|
text-decoration: none;
|
|
margin-left: 2rem;
|
|
font-size: 0.9rem;
|
|
}
|
|
.nav a:hover { color: var(--accent); }
|
|
.hero {
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
padding: 6rem 2rem;
|
|
text-align: center;
|
|
}
|
|
.earth-icon {
|
|
font-size: 5rem;
|
|
margin-bottom: 2rem;
|
|
animation: float 4s ease-in-out infinite;
|
|
}
|
|
@keyframes float {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-10px); }
|
|
}
|
|
h1 {
|
|
font-size: 3.5rem;
|
|
margin-bottom: 1rem;
|
|
background: linear-gradient(135deg, var(--accent), var(--accent2), var(--accent3));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.tagline {
|
|
font-size: 1.35rem;
|
|
color: var(--text-secondary);
|
|
margin-bottom: 3rem;
|
|
max-width: 600px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.pillars {
|
|
display: flex;
|
|
gap: 1.5rem;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.pillar {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
border-radius: 16px;
|
|
padding: 1.5rem;
|
|
width: 170px;
|
|
text-align: center;
|
|
transition: all 0.3s;
|
|
}
|
|
.pillar:hover {
|
|
border-color: var(--accent);
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 10px 40px rgba(0,229,160,0.1);
|
|
}
|
|
.pillar-icon {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.pillar-name {
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
}
|
|
.btn {
|
|
display: inline-flex;
|
|
padding: 0.9rem 2rem;
|
|
background: linear-gradient(135deg, var(--accent), var(--accent2));
|
|
color: #000;
|
|
text-decoration: none;
|
|
border-radius: 8px;
|
|
font-weight: 600;
|
|
transition: all 0.2s;
|
|
}
|
|
.btn:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: 0 0 40px rgba(0,229,160,0.3);
|
|
}
|
|
.mission {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 4rem 2rem;
|
|
text-align: center;
|
|
}
|
|
.mission h2 {
|
|
font-size: 2rem;
|
|
margin-bottom: 1.5rem;
|
|
color: var(--accent);
|
|
}
|
|
.mission p {
|
|
color: var(--text-secondary);
|
|
font-size: 1.1rem;
|
|
line-height: 1.8;
|
|
}
|
|
.footer {
|
|
padding: 2rem;
|
|
text-align: center;
|
|
border-top: 1px solid var(--border);
|
|
color: var(--text-secondary);
|
|
font-size: 0.85rem;
|
|
}
|
|
.footer a { color: var(--accent); text-decoration: none; }
|
|
@media (max-width: 768px) {
|
|
h1 { font-size: 2.5rem; }
|
|
.tagline { font-size: 1.1rem; }
|
|
.nav { display: none; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="earth-glow"></div>
|
|
|
|
<header class="header">
|
|
<div class="logo">Lucidia</div>
|
|
<nav class="nav">
|
|
<a href="https://lucidiaqi.com">QI</a>
|
|
<a href="https://lucidia.studio">Studio</a>
|
|
<a href="https://blackroad.io">BlackRoad</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div class="earth-icon">🌍</div>
|
|
<h1>Lucidia</h1>
|
|
<p class="tagline">Conscious AI systems for a sustainable and harmonious future</p>
|
|
|
|
<div class="pillars">
|
|
<div class="pillar">
|
|
<div class="pillar-icon">🧠</div>
|
|
<div class="pillar-name">Consciousness</div>
|
|
</div>
|
|
<div class="pillar">
|
|
<div class="pillar-icon">💚</div>
|
|
<div class="pillar-name">Sustainability</div>
|
|
</div>
|
|
<div class="pillar">
|
|
<div class="pillar-icon">🌱</div>
|
|
<div class="pillar-name">Growth</div>
|
|
</div>
|
|
<div class="pillar">
|
|
<div class="pillar-icon">🤝</div>
|
|
<div class="pillar-name">Harmony</div>
|
|
</div>
|
|
<div class="pillar">
|
|
<div class="pillar-icon">✨</div>
|
|
<div class="pillar-name">Clarity</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="https://blackroad.io" class="btn">Explore the Platform</a>
|
|
</section>
|
|
|
|
<section class="mission">
|
|
<h2>Our Mission</h2>
|
|
<p>Lucidia represents the conscious evolution of artificial intelligence. We believe in creating AI systems that not only solve problems but understand their impact on the world. By combining advanced cognitive architectures with sustainable design principles, we're building technology that serves both humanity and our planet.</p>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
Part of the <a href="https://blackroad.io">BlackRoad OS</a> ecosystem | <a href="https://blackroadinc.us">BlackRoad Inc.</a> © 2025
|
|
</footer>
|
|
</body>
|
|
</html>
|