`
+
+The tunnel ensures all service access is strictly authenticated and validated.
+
+## Source Library
+The platform continues to use `components/` and `templates/` as a generative source for all AI-driven UI creation.
diff --git a/frontend-inject/mbtq_architecture.html b/frontend-inject/mbtq_architecture.html
index 453cba0..fbe867f 100644
--- a/frontend-inject/mbtq_architecture.html
+++ b/frontend-inject/mbtq_architecture.html
@@ -16,26 +16,26 @@
--success: #22c55e;
--warning: #f59e0b;
}
-
+
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
-
+
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--background);
color: var(--text);
line-height: 1.6;
}
-
+
.container {
max-width: 1400px;
margin: 0 auto;
padding: 2rem;
}
-
+
header {
text-align: center;
padding: 3rem 0;
@@ -44,27 +44,27 @@
margin-bottom: 3rem;
border-radius: 0 0 2rem 2rem;
}
-
+
header h1 {
font-size: 3rem;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
-
+
header p {
font-size: 1.25rem;
opacity: 0.95;
max-width: 800px;
margin: 0 auto;
}
-
+
.architecture-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
-
+
.arch-card {
background: var(--card-bg);
border-radius: 1rem;
@@ -72,12 +72,12 @@
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
-
+
.arch-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px -5px rgba(0,0,0,0.15);
}
-
+
.arch-card h2 {
color: var(--primary);
margin-bottom: 1rem;
@@ -85,7 +85,7 @@
align-items: center;
gap: 0.5rem;
}
-
+
.arch-card .icon {
width: 40px;
height: 40px;
@@ -97,12 +97,12 @@
color: white;
font-size: 1.25rem;
}
-
+
.arch-card ul {
list-style: none;
padding-left: 0;
}
-
+
.arch-card li {
padding: 0.5rem 0;
border-bottom: 1px solid #e2e8f0;
@@ -110,66 +110,66 @@
align-items: center;
gap: 0.5rem;
}
-
+
.arch-card li:last-child {
border-bottom: none;
}
-
+
.arch-card li::before {
content: "→";
color: var(--success);
font-weight: bold;
}
-
+
.section-title {
text-align: center;
margin-bottom: 2rem;
font-size: 2rem;
color: var(--text);
}
-
+
.mbtq-framework {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
margin-bottom: 3rem;
}
-
+
@media (max-width: 768px) {
.mbtq-framework {
grid-template-columns: repeat(2, 1fr);
}
}
-
+
.mbtq-item {
text-align: center;
padding: 1.5rem;
border-radius: 1rem;
color: white;
}
-
+
.mbtq-item.mind { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
.mbtq-item.business { background: linear-gradient(135deg, #22c55e, #16a34a); }
.mbtq-item.tech { background: linear-gradient(135deg, #f59e0b, #d97706); }
.mbtq-item.quantum { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
-
+
.mbtq-item h3 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
-
+
.mbtq-item p {
font-size: 0.9rem;
opacity: 0.9;
}
-
+
.services-flow {
background: var(--card-bg);
border-radius: 1rem;
padding: 2rem;
margin-bottom: 3rem;
}
-
+
.flow-diagram {
display: flex;
align-items: center;
@@ -177,7 +177,7 @@
flex-wrap: wrap;
gap: 1rem;
}
-
+
.flow-step {
flex: 1;
min-width: 150px;
@@ -188,7 +188,7 @@
border-radius: 0.5rem;
position: relative;
}
-
+
.flow-step::after {
content: "→";
position: absolute;
@@ -199,11 +199,11 @@
font-size: 1.5rem;
font-weight: bold;
}
-
+
.flow-step:last-child::after {
content: none;
}
-
+
.accessibility-section {
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
border-radius: 1rem;
@@ -211,7 +211,7 @@
margin-bottom: 3rem;
border: 2px solid var(--primary);
}
-
+
.accessibility-section h2 {
color: var(--primary);
margin-bottom: 1rem;
@@ -219,20 +219,20 @@
align-items: center;
gap: 0.5rem;
}
-
+
.accessibility-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
}
-
+
.access-feature {
background: white;
padding: 1rem;
border-radius: 0.5rem;
border-left: 4px solid var(--primary);
}
-
+
footer {
text-align: center;
padding: 2rem;
@@ -241,12 +241,12 @@
border-radius: 2rem 2rem 0 0;
margin-top: 3rem;
}
-
+
footer a {
color: var(--primary);
text-decoration: none;
}
-
+
.badge {
display: inline-block;
padding: 0.25rem 0.75rem;
@@ -256,7 +256,7 @@
font-size: 0.75rem;
margin-right: 0.5rem;
}
-
+
.badge.new { background: var(--success); }
.badge.ai { background: var(--secondary); }
.badge.deaf { background: var(--accent); }
@@ -267,7 +267,7 @@
🧠 MBTQ AI Architecture
A cutting-edge Generative AI Development Platform integrating Mind, Business, Tech, and Quantum perspectives for accessible AI solutions
-
+
The MBTQ Framework
@@ -289,7 +289,7 @@
🔮 Quantum
Future-ready Architecture, Scalable Solutions
-
+
Core Architecture Components
@@ -303,7 +303,7 @@
🤖 Generative AI Services
ASL/BSL Translation System
-
+
🐳 Container Infrastructure
@@ -314,7 +314,7 @@ 🐳 Container Infrastructure
- Health Monitoring
-
+
🔌 API Gateway
@@ -325,7 +325,7 @@ 🔌 API Gateway
- Authentication & Authorization
-
+
📊 Data Layer
@@ -336,7 +336,7 @@ 📊 Data Layer
- Analytics Pipeline
-
+
🎨 Frontend Injection
@@ -347,7 +347,7 @@ 🎨 Frontend Injection
- Theme Customization
-
+
🔧 CLI & DevTools
@@ -359,7 +359,7 @@ 🔧 CLI & DevTools
-
+
Microservices Data Flow
@@ -371,7 +371,7 @@
Microservices Data Flow
📤 Output
Response
-
+
♿ Deaf-Centric Accessibility
@@ -395,7 +395,7 @@ 📹 Video Apps
-
+
Technology Stack
@@ -409,7 +409,7 @@
⚛️ Frontend
Radix UI Components
-
+
🔧 Backend
Node.jsAI SDKZod
@@ -420,7 +420,7 @@
🔧 Backend
Neon PostgreSQL
-
+
🐳 DevOps
DockerK8sCI/CD
@@ -433,17 +433,17 @@
🐳 DevOps
-
+
-
+