feat(footer): 首页加 IH 生态社区栏（monitor / mc / openInvest）#367
Merged
Conversation
首页 Footer 导航区新增'社区 Community'栏目，与 Archives/Resources 同款列表 UI， 依次链接 monitor.involutionhell.com（服务器状态）、mc.involutionhell.com、 openinvest.involutionhell.com；栏目标题带艾露猫像素头像（public/friends/ailumao.png）。 i18n zh/en 双语；umami 埋点 community_click。 本地验证：pnpm typecheck / lint(Footer 无问题) / build 全过；build 表首页 仍为 ● /[locale] SSG，未回归 ƒ Dynamic；prod server 实测 zh/en 两 locale 均 正确渲染三链与顺序。
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
按 UI 反馈：footer 栏目位置不够显眼。改成首页 Hero 里的独立版块， 插在双 CTA 行与 CLASSIFIED ARCHIVES 之间，把归档网格挤下去。 - Hero 新增 Community Network 版块：与归档网格同款报纸设计（border-t-4 + mono 标签栏 + 分栏卡片），3 列列 monitor / mc / openInvest，NET-01~03 编号， Visit → 外链；标签栏带艾露猫像素头像 - Footer 的 community 栏目撤回（恢复 3 列导航原样） - i18n 从 footer.community 迁到 hero.community（zh/en） 本地：typecheck / lint(Hero+Footer 干净) / build 全过；build 表首页仍 ● /[locale] SSG；prod server 实测版块位于 CTA 之后、归档之前，三链齐全。
原版照搬归档的高卡片：3 宽栏配短描述 + flex-1 把链接顶到底，中间大片留白、 阅读性差。改成横向紧凑卡：NET 编号左置基线对齐，标题内联箭头，描述紧跟其下， 去掉强制拉伸和底部空白，描述对比度提到 neutral-300。内容自然高度、不再空旷。
反馈：三个并排一样的格子没设计感，想要下滑时的交互变换。改成三条全宽波段 （CommunityNetwork client 组件，motion/react）： - 站名超大衬线体做编辑体信号，功能呼号（Live Ops / Game Node / AI Desk） 取代无意义的 01/02/03 序号；monitor 带呼吸红点（它本就是实时状态台） - 滚动进入视口错峰升起（whileInView + stagger），hover 墨色从左漫满整条 并反色（复用站点反色 idiom 做成 wipe） - mounted 门控 + useReducedMotion：SSR/无 JS/reduced-motion 直接可见， 不把内容藏死；呼吸点与 wipe 都 motion-reduce 降级 本地：typecheck / lint(两文件干净) / build 全过；首页仍 ● /[locale] SSG （client 组件只 hydrate 不破坏静态）；Playwright 实测静止 + hover 反色两态。
公益教育社区首页不宜出现无限定的金融项目。openInvest 描述加'开源实验项目 … 仅供研究，非投资建议'，呼号 AI Desk → AI Lab 去掉交易台意味、强调研究属性。
react-hooks 7 规则禁止 effect 内同步 setState（set-state-in-effect）。 mounted 门控触发该 error 导致 CI build 挂。改为只用 useReducedMotion—— SSR 首渲染与客户端一致（无 hydration 错配），动效行为不变。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
做了什么
首页 Footer 导航区新增 社区 / Community 栏目，把 IH 生态站点聚成一处，做成"社区"入口：
public/friends/ailumao.png，从桌面宠物 spritesheet 切的透明 PNG）community_click（target=monitor/mc/invest）本地测试（CLAUDE.md 硬要求）
pnpm typecheck通过pnpm lint：Footer.tsx 0 error / 0 warning（仓库既有 9 warning 与本 PR 无关）pnpm build通过；build 表首页仍为● /[locale]SSG，未回归 ƒ Dynamic🤖 Generated with Claude Code
https://claude.ai/code/session_01USN2Liwrjd9TKVFJo5Za51