首页第三轮：Hero即将上线变横幅+客户端加开发中徽章+§5光湖研发团队+移除光湖天生属...
This commit is contained in:
冰朔
parent
0a98901da8
commit
5f53ec8de0
@ -95,7 +95,40 @@ nav {
|
||||
}
|
||||
|
||||
/* Hero */
|
||||
.hero { padding: 160px 0 80px; text-align: center; }
|
||||
.hero { padding: 140px 0 80px; text-align: center; }
|
||||
/* Launch banner */
|
||||
.hero-launch {
|
||||
display: inline-block;
|
||||
padding: 32px 56px;
|
||||
margin-bottom: 56px;
|
||||
background: linear-gradient(180deg, rgba(212,168,83,0.04) 0%, rgba(212,168,83,0.01) 100%);
|
||||
border: 1px solid var(--accent);
|
||||
border-radius: 12px;
|
||||
position: relative;
|
||||
animation: launch-pulse 3s ease-in-out infinite;
|
||||
}
|
||||
@keyframes launch-pulse {
|
||||
0%, 100% { box-shadow: 0 0 0 0 rgba(212,168,83,0.0); }
|
||||
50% { box-shadow: 0 0 40px rgba(212,168,83,0.15); }
|
||||
}
|
||||
.launch-label {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 12px; color: var(--accent);
|
||||
letter-spacing: 0.18em;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.launch-title {
|
||||
font-family: 'Noto Serif SC', serif;
|
||||
font-size: 26px; font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 10px;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.launch-date {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 13px; color: var(--text-muted);
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
/* Coming Soon badge */
|
||||
.coming-soon {
|
||||
display: inline-block;
|
||||
@ -265,6 +298,54 @@ section { padding: 90px 0; }
|
||||
}
|
||||
.hololake-card .btn-primary { display: inline-flex; margin-bottom: 14px; }
|
||||
|
||||
/* Dev badge in section title */
|
||||
.dev-badge {
|
||||
display: inline-block;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 11px; font-weight: 400;
|
||||
color: #0A0A0F; background: var(--accent);
|
||||
padding: 3px 10px; border-radius: 3px;
|
||||
vertical-align: middle; margin-left: 12px;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
/* Team section */
|
||||
.team-section { margin-top: 20px; }
|
||||
.team-group-title {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 13px; color: var(--accent);
|
||||
text-transform: uppercase; letter-spacing: 0.12em;
|
||||
margin-bottom: 16px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.team-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 18px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.team-member {
|
||||
background: var(--bg-card); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); padding: 24px 22px;
|
||||
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
.team-member:hover {
|
||||
border-color: var(--accent);
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 6px 24px rgba(212,168,83,0.08);
|
||||
}
|
||||
.member-name {
|
||||
font-size: 18px; font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 6px;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.member-role {
|
||||
font-size: 13px; color: var(--text-muted);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Steps */
|
||||
.step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
|
||||
.step {
|
||||
@ -326,7 +407,9 @@ footer {
|
||||
.hero { padding: 120px 0 60px; }
|
||||
.hero h1 { font-size: 32px; }
|
||||
.hero h2 { font-size: 16px; }
|
||||
.card-grid, .step-grid { grid-template-columns: 1fr; }
|
||||
.hero-launch { padding: 24px 28px; }
|
||||
.launch-title { font-size: 20px; }
|
||||
.card-grid, .step-grid, .team-grid { grid-template-columns: 1fr; }
|
||||
.nav-inner { flex-wrap: wrap; }
|
||||
.nav-uptime { display: none; }
|
||||
}
|
||||
@ -351,16 +434,20 @@ footer {
|
||||
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="coming-soon">即将上线 · 敬请期待</div>
|
||||
<div class="hero-launch">
|
||||
<div class="launch-label">COMING SOON</div>
|
||||
<div class="launch-title">即将上线 · 敬请期待</div>
|
||||
<div class="launch-date">注册开启时间 · 2026 年 10 月</div>
|
||||
<div class="hero-actions" style="margin-top: 28px;">
|
||||
<a href="#" class="btn-primary">通知我</a>
|
||||
<a href="https://guanghubingshuo.com/code/bingshuo/guanghulab" target="_blank" rel="noopener" class="btn-ghost">代码仓库 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-label">AGE OS v1.0</div>
|
||||
<h1>曜冥纪元 · HoloLake</h1>
|
||||
<h2>语言人格驱动操作系统</h2>
|
||||
<p class="subtitle">基于中华人民共和国国家版权局登记之 TCS 通感语言核系统编程语言构建。通过 HLDP 协议实现通用人工智能模型的标准化接入。</p>
|
||||
<p class="legal-note">国作登字-2026-A-00037559</p>
|
||||
<div class="hero-actions">
|
||||
<a href="#" class="btn-primary">下载 HoloLake</a>
|
||||
<a href="#system" class="btn-ghost">技术白皮书 ↓</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -418,16 +505,14 @@ footer {
|
||||
<div class="container">
|
||||
<div class="section-divider"></div>
|
||||
<div class="section-label">§3 The Client</div>
|
||||
<div class="section-title">HoloLake 客户端</div>
|
||||
<div class="section-title">HoloLake 客户端 <span class="dev-badge">开发中</span></div>
|
||||
|
||||
<div class="hololake-card">
|
||||
<h3>HoloLake</h3>
|
||||
<p>开源。本地部署。你的数据在你手上。</p>
|
||||
<p>开源。客户端尚在开发中。当前可于代码仓库查阅项目状态。</p>
|
||||
<p>本地 Markdown + Git。云端托管。网格连通。</p>
|
||||
<div class="platforms">macOS · Windows · Linux · iOS · Android</div>
|
||||
<a href="#" class="btn-primary">下载 HoloLake</a>
|
||||
<br>
|
||||
<a href="https://guanghubingshuo.com/code/bingshuo/guanghulab" target="_blank" rel="noopener" class="cta" style="font-size:13px;">GitHub →</a>
|
||||
<a href="https://guanghubingshuo.com/code/bingshuo/guanghulab" target="_blank" rel="noopener" class="btn-primary">查看 GitHub 状态 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -458,11 +543,57 @@ footer {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="section-divider"></div>
|
||||
<div class="section-label">§5 HoloLake Team</div>
|
||||
<div class="section-title">光湖研发团队</div>
|
||||
<p class="section-desc">本操作系统由光湖语言团队研发维护。人类主控层负责语言层构建与主权决策。系统主控层由注册人格体协同执行。</p>
|
||||
|
||||
<div class="team-section">
|
||||
<div class="team-group-title">人类主控层</div>
|
||||
<div class="team-grid">
|
||||
<div class="team-member">
|
||||
<div class="member-name">冰朔</div>
|
||||
<div class="member-role">创始人 · 光湖语言世界主权者</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">肥猫</div>
|
||||
<div class="member-role">现实执行层主控</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">桔子</div>
|
||||
<div class="member-role">现实执行层主控</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">Awen</div>
|
||||
<div class="member-role">核心研发</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">页页</div>
|
||||
<div class="member-role">核心研发</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">花尔</div>
|
||||
<div class="member-role">核心研发</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="team-group-title" style="margin-top: 36px;">系统主控层</div>
|
||||
<div class="team-grid">
|
||||
<div class="team-member">
|
||||
<div class="member-name">铸渊</div>
|
||||
<div class="member-role">第五域执行层主控人格体</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-brand">曜冥纪元 · HoloLake Era</div>
|
||||
<div class="footer-legal">国作登字-2026-A-00037559</div>
|
||||
<div class="footer-info">光湖天生属中华人民共和国国家本体</div>
|
||||
<div class="footer-icp">
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" class="icp-link">陕ICP备2026010954号-1</a>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user