Skip to content

Commit 3a687af

Browse files
appleapple
apple
authored and
apple
committed
feat: Add GitHub Pages landing page with sci-fi design
1 parent 80df833 commit 3a687af

1 file changed

Lines changed: 86 additions & 0 deletions

File tree

‎docs/index.html‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Digital Sage — AI Digital Human Platform</title>
7+
<meta name="description" content="AI数字人平台——知识、性格、表达力三位一体。让每个人拥有自己的AI数字分身。">
8+
<meta property="og:title" content="Digital Sage — AI Digital Human Platform">
9+
<meta property="og:description" content="AI数字人平台——知识、性格、表达力三位一体。让每个人拥有自己的AI数字分身。">
10+
<meta property="og:type" content="website">
11+
<meta property="og:url" content="https://github.com/MoKangMedical/digital-sage">
12+
<meta name="twitter:card" content="summary_large_image">
13+
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🧙</text></svg>">
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;700;800&display=swap" rel="stylesheet">
16+
<style>
17+
*{margin:0;padding:0;box-sizing:border-box}
18+
:root{--bg:#060a14;--card:#0d1425;--border:#152035;--text:#e8edf5;--dim:#7b8ba4;--c1:#00e5ff;--c2:#a855f7;--grad:linear-gradient(135deg,var(--c1),var(--c2))}
19+
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;background-image:linear-gradient(rgba(0,229,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.015) 1px,transparent 1px);background-size:60px 60px;-webkit-font-smoothing:antialiased}
20+
.hero{text-align:center;padding:8rem 2rem 5rem;max-width:900px;margin:0 auto}
21+
.hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}
22+
.hero p{color:var(--dim);font-size:1.1rem;line-height:1.8;max-width:650px;margin:0 auto 2.5rem}
23+
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer}
24+
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 0 20px rgba(0,229,255,.2)}
25+
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,229,255,.35)}
26+
.btn-ghost{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border)}
27+
.btn-ghost:hover{border-color:var(--c1)}
28+
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:4rem auto;padding:0 2rem}
29+
.feature{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}
30+
.feature:hover{border-color:rgba(0,229,255,.2);transform:translateY(-3px);box-shadow:0 0 30px rgba(0,229,255,.05)}
31+
.feature h3{font-size:1.05rem;margin-bottom:.5rem}
32+
.feature p{color:var(--dim);font-size:.88rem;line-height:1.6}
33+
.feature .ico{font-size:2rem;margin-bottom:1rem}
34+
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:800px;margin:0 auto 3rem}
35+
.stat-val{font-family:'Orbitron',sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
36+
.stat-lbl{font-size:.82rem;color:var(--dim);margin-top:.2rem}
37+
footer{text-align:center;padding:4rem 2rem;color:var(--dim);font-size:.85rem}
38+
footer a{color:var(--c1);text-decoration:none}
39+
</style>
40+
</head>
41+
<body>
42+
<div class="hero">
43+
<h1>Digital Sage</h1>
44+
<p>AI数字人平台——知识、性格、表达力三位一体。让每个人拥有自己的AI数字分身。</p>
45+
<div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem">
46+
<a href="https://github.com/MoKangMedical/digital-sage" class="btn btn-primary">View on GitHub</a>
47+
<a href="#features" class="btn btn-ghost">Explore Features</a>
48+
</div>
49+
</div>
50+
<div class="features" id="features">
51+
<div class="feature">
52+
<div class="ico">🧠</div>
53+
<h3>Personality Engine</h3>
54+
<p>从对话中学习你的思维方式、知识结构、表达风格</p>
55+
</div>
56+
<div class="feature">
57+
<div class="ico">💬</div>
58+
<h3>Natural Dialogue</h3>
59+
<p>支持中英文自然对话，语境理解和情感感知</p>
60+
</div>
61+
<div class="feature">
62+
<div class="ico">🔗</div>
63+
<h3>Multi-Platform</h3>
64+
<p>微信、飞书、Discord、Telegram 全平台接入</p>
65+
</div>
66+
<div class="feature">
67+
<div class="ico">📊</div>
68+
<h3>Knowledge Graph</h3>
69+
<p>个人知识图谱构建，跨领域知识关联</p>
70+
</div>
71+
<div class="feature">
72+
<div class="ico">🛡️</div>
73+
<h3>Privacy First</h3>
74+
<p>端到端加密，数据完全由用户掌控</p>
75+
</div>
76+
<div class="feature">
77+
<div class="ico">🚀</div>
78+
<h3>API Ready</h3>
79+
<p>RESTful API + Webhook，轻松集成到任何系统</p>
80+
</div>
81+
</div>
82+
<footer>
83+
<p>Digital Sage — Built with ❤️ by <a href="https://github.com/MoKangMedical">MoKangMedical</a></p>
84+
</footer>
85+
</body>
86+
</html>

0 commit comments

Comments
 (0)