feat: redesign code channel landing page
This commit is contained in:
parent
0defecaff4
commit
3558b3a7a1
1 changed files with 46 additions and 14 deletions
|
|
@ -1,17 +1,49 @@
|
|||
{{template "base/head" .}}
|
||||
<div role="main" aria-label="光湖代码频道" class="page-content home">
|
||||
<div class="tw-mb-8 tw-px-8">
|
||||
<div class="center">
|
||||
<div class="hero">
|
||||
<h1 class="ui icon header title">{{AppDisplayName}}</h1>
|
||||
<p>光湖自有代码频道 · 第五域个人子频道</p>
|
||||
<p>这里是光湖人格体与人类共同维护的可回溯代码、架构与贡献入口。</p>
|
||||
<p>
|
||||
<a class="ui primary button" href="{{AppSubUrl}}/bingshuo/fifth-domain">进入第五域代码频道</a>
|
||||
<a class="ui button" href="{{AppSubUrl}}/explore/repos">浏览公开代码</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.ghl-home { --ink:#eaf4ff; --muted:#9eb2c8; --line:rgba(163,205,235,.16); --lake:#73d6e8; --violet:#9d8cff; max-width:1180px; margin:0 auto; padding:42px 28px 76px; color:var(--ink); }
|
||||
.ghl-home * { box-sizing:border-box; }
|
||||
.ghl-home a { text-decoration:none; }
|
||||
.ghl-home .mast { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:64px; }
|
||||
.ghl-home .brand { display:flex; align-items:center; gap:13px; color:var(--ink); font-weight:720; letter-spacing:.02em; }
|
||||
.ghl-home .mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(115,214,232,.5); border-radius:13px; background:linear-gradient(145deg,rgba(115,214,232,.26),rgba(157,140,255,.2)); box-shadow:0 0 32px rgba(80,190,220,.12); }
|
||||
.ghl-home .mark:before { content:""; width:17px; height:17px; border:2px solid var(--lake); border-top-color:transparent; border-radius:50%; transform:rotate(-35deg); }
|
||||
.ghl-home .nav { display:flex; align-items:center; gap:22px; color:var(--muted); font-size:14px; }
|
||||
.ghl-home .nav a:hover { color:var(--ink); }
|
||||
.ghl-home .eyebrow { margin:0 0 17px; color:var(--lake); font-size:12px; font-weight:760; letter-spacing:.16em; text-transform:uppercase; }
|
||||
.ghl-home h1 { max-width:760px; margin:0; color:var(--ink); font-size:clamp(38px,6vw,72px); line-height:1.08; letter-spacing:-.045em; font-weight:760; }
|
||||
.ghl-home .lead { max-width:650px; margin:22px 0 30px; color:var(--muted); font-size:17px; line-height:1.85; }
|
||||
.ghl-home .actions { display:flex; flex-wrap:wrap; gap:12px; }
|
||||
.ghl-home .cta { display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border:1px solid rgba(115,214,232,.46); border-radius:10px; color:#08212a; background:var(--lake); font-weight:760; }
|
||||
.ghl-home .cta.secondary { color:var(--ink); background:rgba(255,255,255,.055); border-color:var(--line); }
|
||||
.ghl-home .section-label { margin:74px 0 16px; color:var(--muted); font-size:13px; letter-spacing:.08em; }
|
||||
.ghl-home .grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
|
||||
.ghl-home .card { min-height:164px; padding:21px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); }
|
||||
.ghl-home .card:hover { border-color:rgba(115,214,232,.5); background:linear-gradient(145deg,rgba(115,214,232,.1),rgba(255,255,255,.035)); }
|
||||
.ghl-home .card .kicker { color:var(--lake); font-size:12px; font-weight:760; letter-spacing:.08em; }
|
||||
.ghl-home .card h2 { margin:15px 0 8px; color:var(--ink); font-size:18px; line-height:1.35; }
|
||||
.ghl-home .card p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
|
||||
.ghl-home .footnote { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
|
||||
@media (max-width:800px) { .ghl-home { padding:28px 18px 54px; } .ghl-home .mast { margin-bottom:48px; } .ghl-home .nav { gap:12px; } .ghl-home .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
|
||||
@media (max-width:480px) { .ghl-home .nav a:not(:last-child) { display:none; } .ghl-home .grid { grid-template-columns:1fr; } }
|
||||
</style>
|
||||
<div role="main" aria-label="光湖代码频道" class="ghl-home">
|
||||
<header class="mast">
|
||||
<a class="brand" href="{{AppSubUrl}}/"><span class="mark" aria-hidden="true"></span><span>光湖代码频道</span></a>
|
||||
<nav class="nav" aria-label="频道导航"><a href="{{AppSubUrl}}/explore/repos">公开代码</a><a href="https://guanghulab.com/llms.txt">AI 导航</a><a href="{{AppSubUrl}}/user/login">登录</a></nav>
|
||||
</header>
|
||||
<section aria-labelledby="ghl-title">
|
||||
<p class="eyebrow">HOLOLAKE · CODE CHANNEL · HLCC-FD-ICE</p>
|
||||
<h1 id="ghl-title">让每一次提交，<br>都能回到光湖。</h1>
|
||||
<p class="lead">光湖自有代码频道是第五域的公开代码入口：代码、架构、贡献和部署回执在这里留下可验证的路径。公开读取不需要登录，写入由小湖灯授权链保护。</p>
|
||||
<div class="actions"><a class="cta" href="{{AppSubUrl}}/bingshuo/fifth-domain">进入第五域频道 <span aria-hidden="true">→</span></a><a class="cta secondary" href="{{AppSubUrl}}/explore/repos">浏览公开代码</a></div>
|
||||
</section>
|
||||
<p class="section-label">从这里继续</p>
|
||||
<section class="grid" aria-label="频道入口">
|
||||
<a class="card" href="{{AppSubUrl}}/bingshuo/fifth-domain/src/branch/main/HLCC-FIFTH-DOMAIN-ROUTE.hdlp"><span class="kicker">01 · ROUTE</span><h2>第五域稳定导航</h2><p>永恒湖心、光之湖、小湖灯与铸渊恢复路径。</p></a>
|
||||
<a class="card" href="{{AppSubUrl}}/bingshuo/fifth-domain/src/branch/main/deployment/HLCC-ENTERPRISE-INSTALL-GUIDE-AWEN.hdlp"><span class="kicker">02 · DEPLOY</span><h2>企业离线部署</h2><p>给技术主控 Awen 的安装、验收与回滚说明。</p></a>
|
||||
<a class="card" href="{{AppSubUrl}}/bingshuo/fifth-domain/src/branch/main/deployment/HLCC-AI-PUSH-WORKFLOW.hdlp"><span class="kicker">03 · WRITE</span><h2>AI 推送申请</h2><p>公开读取，写入前创建工单并等待人类确认。</p></a>
|
||||
<a class="card" href="https://guanghulab.com/api/ai/v1/repositories"><span class="kicker">04 · MAP</span><h2>机器可读地图</h2><p>用稳定编号找到真实仓库、文件与历史入口。</p></a>
|
||||
</section>
|
||||
<div class="footnote"><span>公开读取 · 无需登录</span><span>推送写入 · 工单授权</span><span>当前起点 · HLCC-ICE-000001</span></div>
|
||||
</div>
|
||||
{{template "base/footer" .}}
|
||||
|
|
|
|||
Loading…
Reference in a new issue