feat: integrate 5 charity modules + scrollable desktop + dock autohide

2026-06-03 14:00:29 +08:00
commit f1f717cbcb
50 changed files with 10166 additions and 0 deletions
@@ -0,0 +1,99 @@
+const express = require('express');
+const cors = require('cors');
+const path = require('path');
+
+const app = express();
+const PORT = process.env.PORT || 3000;
+
+app.use(cors());
+app.use(express.json());
+app.use(express.static(path.join(__dirname, 'public')));
+
+const API_BASE = process.env.API_BASE || 'http://localhost:3000';
+
+app.get('/health', (req, res) => {
+  res.json({ status: 'healthy', service: 'app', version: '1.3.0' });
+});
+
+app.get('/', (req, res) => {
+  res.send(`
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Falah OS — Wallet App</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #0A192F 0%, #112240 100%); min-height: 100vh; color: white; }
+    .container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
+    .header { text-align: center; margin-bottom: 60px; }
+    .logo { width: 80px; height: 80px; background: #C5A059; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 40px; font-weight: bold; color: #0A192F; margin-bottom: 20px; }
+    h1 { font-size: 48px; margin-bottom: 10px; }
+    .subtitle { font-size: 20px; color: #C5A059; }
+    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; }
+    .card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 30px; transition: all 0.3s; }
+    .card:hover { transform: translateY(-5px); border-color: #C5A059; }
+    .card h3 { font-size: 24px; margin-bottom: 15px; color: #C5A059; }
+    .card p { color: #8892b0; line-height: 1.6; }
+    .status { display: flex; align-items: center; gap: 10px; margin-top: 40px; padding: 20px; background: rgba(0,255,0,0.1); border-radius: 10px; }
+    .dot { width: 10px; height: 10px; background: #00ff88; border-radius: 50%; animation: pulse 2s infinite; }
+    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+    .services { margin-top: 40px; }
+    .services h2 { margin-bottom: 20px; }
+    .service-list { display: flex; flex-wrap: wrap; gap: 10px; }
+    .tag { background: rgba(197, 160, 89, 0.2); color: #C5A059; padding: 8px 16px; border-radius: 20px; font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <div class="logo">F</div>
+      <h1>Falah OS</h1>
+      <p class="subtitle">Sovereign Digital Economy Platform</p>
+    </div>
+    
+    <div class="grid">
+      <div class="card">
+        <h3>🛡️ Ummah ID</h3>
+        <p>Zero-knowledge identity verification. Your device links to a verified sovereign citizen without a single byte of PII ever leaving your control.</p>
+      </div>
+      <div class="card">
+        <h3>⚡ Wallet</h3>
+        <p>High-throughput, stateless routing engine. Create wallets, check balances, and initiate atomic transfers at Category A speed.</p>
+      </div>
+      <div class="card">
+        <h3>📜 RAMZ</h3>
+        <p>Pre-audited Shariah contracts as code. Qard al-Hasan, Mudarabah, and Zakat — plug-and-play primitives any developer can deploy.</p>
+      </div>
+      <div class="card">
+        <h3>🧪 Mock-Net</h3>
+        <p>A complete digital twin of the Falah economy. Develop and test in a synthetic environment before touching mainnet.</p>
+      </div>
+    </div>
+
+    <div class="status">
+      <div class="dot"></div>
+      <span>All services operational — v1.3.0</span>
+    </div>
+
+    <div class="services">
+      <h2>Core Services</h2>
+      <div class="service-list">
+        <span class="tag">Ummah ID (3001)</span>
+        <span class="tag">Wallet (3002)</span>
+        <span class="tag">RAMZ (3003)</span>
+        <span class="tag">Mock-Net (3004)</span>
+        <span class="tag">API Gateway (3000)</span>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
+  `);
+});
+
+app.listen(PORT, () => {
+  console.log(`👛 Wallet App running on port ${PORT}`);
+  console.log(`   Open http://localhost:${PORT} in your browser`);
+});