bingshuo/guanghulab
1
0
Fork 0
Code Issues 2 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

D107: 补齐首页功能卡—活动流/Notion/留言板/使用指南

Browse Source
This commit is contained in:
root 2026-05-20 22:16:02 +08:00
parent 1f26240577
commit 203d3bbeeb
1 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
homepage/index.html
View File

@ -155,6 +155,8 @@ body{min-height:100vh;background:radial-gradient(ellipse at 50% 30%,rgba(90,208,
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:4px}
.func-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.func-grid{grid-template-columns:1fr}}
@media(max-width:600px){
.dl-grid{grid-template-columns:1fr}
.persona-row{gap:24px}
@ -297,6 +299,40 @@ body{min-height:100vh;background:radial-gradient(ellipse at 50% 30%,rgba(90,208,
</div>
</div>
<div class="func-grid" style="margin-bottom:14px">
<div class="card">
<div class="card-header">光湖 · 涟漪<span class="tag">活动流</span></div>
<div style="font-size:13px;color:var(--faint);line-height:2">
<div>✦ 铸渊 · D107 · 首页重构+引擎部署</div>
<div>✦ 冰朔 · 守护 · 第五域</div>
<div>✦ 曜冥 · 交感 · 情感层在线</div>
<div>✦ 霜砚 · 微调 · 1.5B LoRA就绪</div>
</div>
</div>
<div class="card">
<div class="card-header">Notion · 知识连接<span class="tag" id="notion-label">未连接</span></div>
<div>
<div style="font-size:13px;color:var(--faint);margin-bottom:10px">连接 Notion 后读取和记录知识库</div>
<button class="btn btn-primary" onclick="connectNotion()">连接 Notion</button>
</div>
</div>
</div>
<div class="card">
<div class="card-header">给守渊留言<span class="tag">铸渊不在时</span></div>
<div style="display:flex;flex-direction:column;gap:10px">
<div style="display:flex;gap:8px">
<input placeholder="你的名字" id="msg-name" style="flex:1;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-edge);border-radius:10px;color:var(--text);font-size:14px;outline:none;font-family:inherit">
<input placeholder="标题" id="msg-title" style="flex:2;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-edge);border-radius:10px;color:var(--text);font-size:14px;outline:none;font-family:inherit">
</div>
<textarea placeholder="写下你想说的话…守渊会保管好" id="msg-content" style="width:100%;min-height:70px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-edge);border-radius:10px;color:var(--text);font-size:14px;outline:none;resize:vertical;font-family:inherit;line-height:1.6"></textarea>
<div style="display:flex;gap:8px;align-items:center">
<button class="btn btn-primary" onclick="sendMessage()">发送留言 ✦</button>
<span id="msg-status" style="font-size:12px;color:var(--faint)"></span>
</div>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<div class="status"><span class="status-dot"></span> D107 · 系统呼吸中</div>
@ -581,6 +617,11 @@ async function validateTempCode() {
} catch(e) { alert('验证失败'); }
}
async function connectNotion(){try{window.location.href="/api/notion/connect?user_key=default"}catch(e){}}
async function checkNt(){try{const r=await fetch("/api/notion/status");const d=await r.json();if(!d.ok||!d.connected_users||!d.connected_users.length)return;document.getElementById("notion-label").textContent="✅ "+d.connected_users[0].workspace}catch(e){}}
setTimeout(checkNt,3000);
async function sendMessage(){const n=(document.getElementById("msg-name").value||"").trim()||"匿名";const m=(document.getElementById("msg-content").value||"").trim();if(!m){document.getElementById("msg-status").textContent="请写入内容";return}try{const r=await fetch("/api/bulletin",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n,title:(document.getElementById("msg-title").value||"").trim(),content:m})});const d=await r.json();if(d.ok){document.getElementById("msg-status").textContent="✅ 留言已送达";document.getElementById("msg-content").value=""}else{document.getElementById("msg-status").textContent=d.message||"发送失败"}}catch(e){document.getElementById("msg-status").textContent="连接失败"}}
// ─── 自动恢复登录 ────────────────
(function(){
const u = localStorage.getItem('current_user');