为什么家谱不只是一本名册
++ 家谱记录的是家族关系,也记录一个家庭如何理解自己的来处与传承。 +
+ +From d040507cb8bd4e0f95d33b7fb502bb447b91cd84 Mon Sep 17 00:00:00 2001 From: rain <982766701@qq.com> Date: Sun, 13 Sep 2026 19:41:13 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- design-qa.md | 39 + index-modern.html | 556 ++++++++++++++ index.html | 654 +++++------------ profile-album-edit.html | 3 +- profile-article-edit.html | 3 +- profile-feed-edit.html | 4 +- profile-gift-edit.html | 3 +- profile-growth-edit.html | 3 +- profile-memo-edit.html | 3 +- profile-relative-edit.html | 3 +- profile-video-edit.html | 5 +- public/css/index.css | 975 ++++++++++++++++++++++++- public/css/profile-module.css | 31 + public/css/public.css | 6 +- public/js/album-pages.js | 3 +- public/js/article-pages.js | 8 +- public/js/attachment-editor.js | 182 +++++ public/js/ceremony-admin-pages.js | 9 +- public/js/feed-pages.js | 14 +- public/js/growth-pages.js | 19 +- public/js/memo-pages.js | 22 +- public/js/page-effects.js | 7 +- public/js/relative-pages.js | 22 +- public/js/upload-pages.js | 6 +- public/js/video-pages.js | 11 +- tests/attachment-edit-contract.test.js | 49 ++ tests/attachment-editor-browser.mjs | 149 ++++ 27 files changed, 2238 insertions(+), 551 deletions(-) create mode 100644 design-qa.md create mode 100644 index-modern.html create mode 100644 public/js/attachment-editor.js create mode 100644 tests/attachment-edit-contract.test.js create mode 100644 tests/attachment-editor-browser.mjs diff --git a/design-qa.md b/design-qa.md new file mode 100644 index 0000000..81b6626 --- /dev/null +++ b/design-qa.md @@ -0,0 +1,39 @@ +# 首页设计还原 QA + +## 对照基准 + +- 设计源:用户在当前对话提供的桌面首页设计图,红色文字和箭头作为替换与结构调整标注。 +- 实现基线:原首页 `index-modern.html` 的品牌色、字体、卡片质感和 `public/js/page-effects.js` 交互。 +- 桌面审查截图:`artifacts/homepage-final-review-full.png`,CSS 视口 1440 × 2200,DPR 1。 +- 移动审查截图:`artifacts/homepage-final-review-mobile.png`,CSS 视口 500 × 1600,DPR 1。 +- 页面状态:未登录初始状态。 + +## 结构对照 + +- 页面沿用原首页 1280px 宽屏容器,顺序为双层导航、首屏、四个主入口、第一条九格广告栏、六个内容入口、推荐与友情链接、第二条九格广告栏、页脚。 +- 已删除设计图没有的家谱广场、文章列表、姓氏百科、相关推荐大卡、下载大区块。 +- “我的家谱”是独立强调入口,链接 `profile-families.html`,承担查看、新建和管理全部家谱。 +- 红色标注按替换文案处理;被替换的旧标题没有在同一卡片中保留。 + +## 视觉与交互对照 + +- 保留原首页的暖纸色、朱红渐变导航、宋体标题、黑体正文、宽屏留白、圆角卡片、层次阴影与半透明面板。 +- 首屏按设计图重组为正文、二维码、原有蓝色家谱封面、祠堂和家族记忆图片。 +- 保留原首页的 `tilt-card` 指针倾斜、按钮磁吸、图片悬停缩放、移动菜单和 reduced-motion 行为。 +- 桌面页脚链接与备案信息已恢复居中,不受原全局链接布局影响。 +- 主入口图片按左侧内容定位,避免服务、视频和相册标题被居中裁切;入口区、内容卡和广告栏已压缩无效留白。 +- 两组九格广告栏均使用项目已有广告图片,不再显示文字占位块。 +- 页脚链接区改为完整浅色横条,消除了深色背景在两侧提前露出的断层。 + +## 响应式与可访问性 + +- 1120px 以下主入口和广告栏分栏;720px 以下首屏、入口和内容卡改为单列。 +- 浏览器导航结构专项检查通过,移动断点继续沿用原首页规则。 +- 图片提供替代文本;二维码入口、导航、广告位和内容卡均使用链接语义;焦点样式沿用公共样式。 + +## 剩余差异 + +- P3:设计图右下角为多人家族合影,仓库没有对应素材,当前继续使用原有家族记忆图片。 +- P3:原首页交互动效在截图中不可见,但已通过复用原脚本和交互类保留。 + +final result: passed diff --git a/index-modern.html b/index-modern.html new file mode 100644 index 0000000..f6d77b8 --- /dev/null +++ b/index-modern.html @@ -0,0 +1,556 @@ + + +
+ + ++ 把姓氏源流、世系关系、字辈排行、宣传相册、谱文故事与亲人动态整理在一起,让家族的来处清晰可见,让记忆可以继续传下去。 +
+
+ + 以树谱方式展示成员关系,支持查看个人资料、添加亲属、调整排行。 +
+记录各代字辈与人数,让家族世代脉络更加清楚。
+按相册归档宣传影像,展示祖屋、活动、老照片和重要时刻。
+ +沉淀谱序、谱文、家训、恩荣录等文本内容。
+发布动态、分享图片、评论互动,让亲人之间保持连接。
+记录家族贡献人物与事迹,让善行与纪念被看见。
+发布婚礼、生日、升学等家族喜事,通知相关成员。
+设置管理员、内容可见范围与入谱审核,保护家族隐私。
+参考照片、证件、谱牒、口述资料的归档方式。
+ + + 姓氏源流 +查看姓氏源流、迁徙脉络、堂号和郡望参考资料。
+ + + 宗亲文化 +了解宗亲联谊、祭祖活动和家风传播的组织方式。
+ + + 工具服务 +查找谱书排版、影像扫描、云端存储等外部服务。
+ + + 地方志 +从地方志、县志和族群资料中寻找家族线索。
+ + + 人名研究 +参考传统字辈、排行、称谓和家族命名资料。
+ + + 影像修复 +了解老照片扫描、修复、上色和数字归档服务。
+ + + 口述史 +参考长辈访谈、口述记录和家风故事整理方式。
+ +