修改完成
This commit is contained in:
+183
-471
@@ -1,4 +1,4 @@
|
||||
<!doctype html>
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
@@ -15,9 +15,11 @@
|
||||
<link rel="stylesheet" href="public/css/public.css" />
|
||||
<link rel="stylesheet" href="public/css/index.css" />
|
||||
</head>
|
||||
<body class="page-home">
|
||||
<body class="page-home page-home-portal">
|
||||
<div class="company-bar">
|
||||
<div class="container">富众鑫科技</div>
|
||||
<div class="container company-bar-inner">
|
||||
<strong>富众鑫文化科技</strong>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container nav">
|
||||
@@ -27,19 +29,17 @@
|
||||
src="public/images/logo.png"
|
||||
alt="我们的家谱，代代相传"
|
||||
/></a>
|
||||
<nav class="nav-links">
|
||||
<a class="active" href="index.html">首页</a>
|
||||
<nav class="nav-links" aria-label="主导航">
|
||||
<a class="active" href="index.html" aria-current="page">首页</a>
|
||||
<a href="genealogy.html">数字家谱</a>
|
||||
<a href="plaza.html">家谱广场</a>
|
||||
<a href="culture.html">家族文化</a>
|
||||
<a href="surname.html">姓氏百科</a>
|
||||
<a href="app.html">应用下载</a>
|
||||
<a href="help.html">帮助中心</a>
|
||||
<a href="about.html">关于我们</a>
|
||||
<a href="app.html">APP下载</a>
|
||||
<a href="help.html">在线帮助</a>
|
||||
<button type="button" data-add-favorite>收藏</button>
|
||||
</nav>
|
||||
<div class="nav-actions">
|
||||
<a href="login.html">登录</a>
|
||||
<a href="register.html">注册</a>
|
||||
<a href="login.html">登录</a>
|
||||
<a class="btn primary magnetic" href="create-genealogy.html"
|
||||
>创建家谱</a
|
||||
>
|
||||
@@ -48,509 +48,221 @@
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="hero">
|
||||
<div class="container hero-inner">
|
||||
<div class="hero-copy">
|
||||
<div class="eyebrow">数字家谱与家族文化门户</div>
|
||||
<h1>
|
||||
一部会生长的<br /><span class="hero-title-mark">数字家谱</span>
|
||||
</h1>
|
||||
<section class="portal-overview" aria-labelledby="home-title">
|
||||
<div class="container portal-overview-grid">
|
||||
<div class="hero-copy portal-copy">
|
||||
<div class="portal-copy-heading">
|
||||
<div>
|
||||
<div class="eyebrow">数字家谱与家族文化门户</div>
|
||||
<h1 id="home-title">一部会生长的<br /><span class="hero-title-mark">数字家谱</span></h1>
|
||||
</div>
|
||||
<a class="portal-qr-card" href="download.html" aria-label="进入应用下载页面">
|
||||
<strong>扫码下载</strong>
|
||||
<span id="home-app-qr" class="portal-qr" aria-hidden="true"></span>
|
||||
<small>手机端随时记录</small>
|
||||
</a>
|
||||
</div>
|
||||
<p class="lead">
|
||||
把姓氏源流、世系关系、字辈排行、宣传相册、谱文故事与亲人动态整理在一起，让家族的来处清晰可见，让记忆可以继续传下去。
|
||||
</p>
|
||||
<div class="word-scroll-card">
|
||||
<div class="word-scroll-label">正在记录</div>
|
||||
<div class="word-scroll-card portal-word-scroll" aria-label="家谱内容范围">
|
||||
<button class="word-scroll-label" type="button" data-toggle-word-scroll aria-label="暂停词条滚动" aria-pressed="false" title="点击暂停或继续滚动">正在记录</button>
|
||||
<div class="word-window">
|
||||
<div class="word-track">
|
||||
<div class="word">寻根问祖</div>
|
||||
<div class="word">字辈排行</div>
|
||||
<div class="word">世系关系</div>
|
||||
<div class="word">宣传相册</div>
|
||||
<div class="word">谱文故事</div>
|
||||
<div class="word">亲人动态</div>
|
||||
<div class="word">寻根问祖</div>
|
||||
<div class="word">字辈排行</div>
|
||||
<div class="word">世系关系</div>
|
||||
<div class="word">宣传相册</div>
|
||||
<div class="word">谱文故事</div>
|
||||
<div class="word">亲人动态</div>
|
||||
<div class="portal-word-group">
|
||||
<span class="word">寻根问祖</span><span class="word">字辈排行</span><span class="word">世系关系</span><span class="word">宣传相册</span><span class="word">谱文故事</span><span class="word">亲人动态</span>
|
||||
</div>
|
||||
<div class="portal-word-group" aria-hidden="true">
|
||||
<span class="word">寻根问祖</span><span class="word">字辈排行</span><span class="word">世系关系</span><span class="word">宣传相册</span><span class="word">谱文故事</span><span class="word">亲人动态</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-path">
|
||||
<span>1</span>创建家谱<i></i><span>2</span>邀请亲人<i></i
|
||||
><span>3</span>共同传承
|
||||
</div>
|
||||
<div class="hero-action-card">
|
||||
<div class="cta">
|
||||
<a class="btn primary magnetic" href="create-genealogy.html"
|
||||
>立即创建家谱</a
|
||||
>
|
||||
<a class="btn ghost magnetic" href="plaza.html">查看家谱示例</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="metrics">
|
||||
<div class="metric"><strong>家谱广场</strong>浏览公开家族</div>
|
||||
<div class="metric"><strong>姓氏百科</strong>了解姓氏源流</div>
|
||||
<div class="metric"><strong>家族文化</strong>阅读传承故事</div>
|
||||
</div>
|
||||
<ol class="hero-path" aria-label="修谱步骤">
|
||||
<li><b>1</b>创建家谱</li>
|
||||
<li><b>2</b>邀请亲人</li>
|
||||
<li><b>3</b>共同传承</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="hero-visual">
|
||||
<div class="archive-stage"></div>
|
||||
<div class="book-cover"></div>
|
||||
<div class="hall">
|
||||
<img src="public/images/ancestral-hall.png" alt="家族祠堂" />
|
||||
</div>
|
||||
<a class="video-card" href="promo-video.html">
|
||||
<small>宣传影像</small>
|
||||
<span>观看宣传视频</span>
|
||||
</a>
|
||||
<div class="search-panel">
|
||||
<h3>查找公开家谱</h3>
|
||||
<a class="search-box" href="search-result.html">
|
||||
<span>输入姓氏、地区或家谱名称</span><b>搜索</b>
|
||||
</a>
|
||||
<div class="genealogy-list">
|
||||
<div class="genealogy-item">
|
||||
<strong>四川成都陈氏族</strong>共修入 128 人
|
||||
</div>
|
||||
<div class="genealogy-item">
|
||||
<strong>湖广刘氏家谱</strong>收录 6 代字辈
|
||||
</div>
|
||||
<div class="genealogy-item">
|
||||
<strong>岭南张氏宗谱</strong>开放谱文 18 篇
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="portal-gallery" aria-label="家谱与家族影像">
|
||||
<div class="book-cover portal-gallery-book" role="img" aria-label="张氏家谱封面"></div>
|
||||
<img src="public/images/ancestral-hall.png" alt="家族祠堂" />
|
||||
<img src="public/images/family-memory-cover.jpg" alt="家族照片与记忆档案" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="quick-strip">
|
||||
<div class="container quick-inner">
|
||||
<a class="quick-card tilt-card" href="create-genealogy.html">
|
||||
<b>创建家谱</b><span>填写姓氏谱名，建立属于家族的数字空间。</span>
|
||||
<section class="portal-entry-section" aria-label="主要服务入口">
|
||||
<div class="container portal-entry-grid">
|
||||
<a class="portal-entry portal-service-entry tilt-card" href="create-genealogy.html" aria-label="修谱服务，创建家谱">
|
||||
<img src="public/images/ad-genealogy-service.png" alt="家族数字化修谱服务" />
|
||||
</a>
|
||||
<a class="quick-card tilt-card" href="join-genealogy.html">
|
||||
<b>加入家谱</b><span>通过邀请码加入亲人创建的家谱。</span>
|
||||
<a class="portal-entry portal-family-entry tilt-card" href="profile-families.html">
|
||||
<span>进入管理</span>
|
||||
<strong>我的家谱</strong>
|
||||
<small>查看、新建和管理全部家谱</small>
|
||||
</a>
|
||||
<a class="quick-card tilt-card" href="plaza.html">
|
||||
<b>浏览广场</b><span>查看公开家谱示例与家族故事。</span>
|
||||
<a class="video-card portal-entry portal-media-entry tilt-card" href="promo-video.html" aria-label="查看宣传视频介绍">
|
||||
<small>宣传影像</small>
|
||||
<span>观看宣传视频</span>
|
||||
</a>
|
||||
<a class="video-card portal-entry portal-media-entry tilt-card" href="promo-video.html" aria-label="查看宣传视频介绍">
|
||||
<small>宣传影像</small>
|
||||
<span>观看宣传视频</span>
|
||||
</a>
|
||||
<a
|
||||
class="quick-card tilt-card"
|
||||
id="promo-video"
|
||||
href="promo-video.html"
|
||||
><b>宣传视频</b
|
||||
><span>进入视频列表，查看宣传影像和纪念视频。</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="functions">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>数字家谱核心功能</h2>
|
||||
</div>
|
||||
<div class="function-grid">
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">世</div>
|
||||
<h3>世系图</h3>
|
||||
<p>
|
||||
以树谱方式展示成员关系，支持查看个人资料、添加亲属、调整排行。
|
||||
</p>
|
||||
</div>
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">字</div>
|
||||
<h3>字辈谱</h3>
|
||||
<p>记录各代字辈与人数，让家族世代脉络更加清楚。</p>
|
||||
</div>
|
||||
<a class="function-card tilt-card" href="promo-album.html">
|
||||
<div class="icon">相</div>
|
||||
<h3>宣传相册</h3>
|
||||
<p>按相册归档宣传影像，展示祖屋、活动、老照片和重要时刻。</p>
|
||||
</a>
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">文</div>
|
||||
<h3>谱文资料</h3>
|
||||
<p>沉淀谱序、谱文、家训、恩荣录等文本内容。</p>
|
||||
</div>
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">圈</div>
|
||||
<h3>家族圈</h3>
|
||||
<p>发布动态、分享图片、评论互动，让亲人之间保持连接。</p>
|
||||
</div>
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">功</div>
|
||||
<h3>功德录</h3>
|
||||
<p>记录家族贡献人物与事迹，让善行与纪念被看见。</p>
|
||||
</div>
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">礼</div>
|
||||
<h3>贺礼邀请</h3>
|
||||
<p>发布婚礼、生日、升学等家族喜事，通知相关成员。</p>
|
||||
</div>
|
||||
<div class="function-card tilt-card">
|
||||
<div class="icon">权</div>
|
||||
<h3>权限管理</h3>
|
||||
<p>设置管理员、内容可见范围与入谱审核，保护家族隐私。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="plaza">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>家谱广场</h2>
|
||||
</div>
|
||||
<div class="plaza-layout">
|
||||
<a class="featured-family tilt-card" href="family-detail.html">
|
||||
<h3>四川成都陈氏族</h3>
|
||||
<p>
|
||||
已收录成员 128 人，整理字辈 6 代，公开谱文 18 篇，宣传相册 7
|
||||
组。家族资料由成员共同维护，持续更新。
|
||||
</p>
|
||||
</a>
|
||||
<div class="family-cards">
|
||||
<a class="family-card tilt-card" href="family-detail.html">
|
||||
<h4>湖广刘氏家谱</h4>
|
||||
<p>从始祖世系到现代家庭分支，保留字辈与迁徙记录。</p>
|
||||
<div class="tag-row">
|
||||
<span class="tag">公开家谱</span
|
||||
><span class="tag">字辈完整</span>
|
||||
</div>
|
||||
</a>
|
||||
<a class="family-card tilt-card" href="family-detail.html">
|
||||
<h4>岭南张氏宗谱</h4>
|
||||
<p>以谱文、相册、家族动态为主，记录家风与重要纪念。</p>
|
||||
<div class="tag-row">
|
||||
<span class="tag">家族文化</span
|
||||
><span class="tag">宣传相册</span>
|
||||
</div>
|
||||
</a>
|
||||
<a class="family-card tilt-card" href="family-detail.html">
|
||||
<h4>川东李氏家谱</h4>
|
||||
<p>多人共同完善成员资料，形成清晰的家族成员档案。</p>
|
||||
<div class="tag-row">
|
||||
<span class="tag">多人共修</span
|
||||
><span class="tag">成员资料</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<section class="portal-ad-strip" aria-label="第一组广告栏">
|
||||
<div class="container portal-ad-grid">
|
||||
<a class="tilt-card" href="genealogy.html"><img src="public/images/ad-service.png" alt="家谱服务" /></a>
|
||||
<a class="tilt-card" href="promo-album.html"><img src="public/images/ad-album-small.png" alt="影像相册" /></a>
|
||||
<a class="tilt-card" href="promo-video.html"><img src="public/images/ad-video-small.png" alt="活动视频" /></a>
|
||||
<a class="tilt-card" href="genealogy.html"><img src="public/images/ad-print.png" alt="族谱印制" /></a>
|
||||
<a class="tilt-card" href="culture.html"><img src="public/images/ad-hall.png" alt="祠堂文化" /></a>
|
||||
<a class="tilt-card" href="app.html"><img src="public/images/ad-cloud.png" alt="云端存档" /></a>
|
||||
<a class="tilt-card" href="culture.html"><img src="public/images/ad-reunion.png" alt="宗亲联谊" /></a>
|
||||
<a class="tilt-card" href="surname.html"><img src="public/images/ad-research.png" alt="姓氏研究" /></a>
|
||||
<a class="tilt-card" href="article-detail.html"><img src="public/images/ad-memory.png" alt="家风记忆" /></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="culture">
|
||||
<section class="portal-directory" aria-label="家族文化与资讯">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>家族文化</h2>
|
||||
</div>
|
||||
<div class="article-grid">
|
||||
<a class="article-card tilt-card" href="article-detail.html">
|
||||
<div class="article-cover"></div>
|
||||
<div class="article-body">
|
||||
<h3>为什么家谱不只是一本名册</h3>
|
||||
<p>
|
||||
家谱记录的是家族关系，也记录一个家庭如何理解自己的来处与传承。
|
||||
</p>
|
||||
<div class="article-meta">家谱知识 · 2026.05</div>
|
||||
</div>
|
||||
<div class="portal-directory-grid">
|
||||
<a class="function-card portal-directory-card tilt-card" href="genealogy.html">
|
||||
<span class="icon" aria-hidden="true">知</span>
|
||||
<h3>家族知识</h3>
|
||||
<p>了解谱牒方式和成员关系，查看资料、添加亲属并完善家谱。</p>
|
||||
</a>
|
||||
<a class="article-card tilt-card" href="article-detail.html">
|
||||
<div class="article-cover"></div>
|
||||
<div class="article-body">
|
||||
<h3>字辈在家族传承中的作用</h3>
|
||||
<p>字辈让不同世代的人能找到自己的位置，也让同族称谓更清晰。</p>
|
||||
<div class="article-meta">姓氏文化 · 2026.05</div>
|
||||
</div>
|
||||
<a class="function-card portal-directory-card tilt-card" href="culture.html">
|
||||
<span class="icon" aria-hidden="true">宗</span>
|
||||
<h3>宗亲文化</h3>
|
||||
<p>了解宗亲礼俗、家风家训与传承故事，延续家族文化。</p>
|
||||
</a>
|
||||
<a class="article-card tilt-card" href="article-detail.html">
|
||||
<div class="article-cover"></div>
|
||||
<div class="article-body">
|
||||
<h3>如何邀请亲人共同完善家谱</h3>
|
||||
<p>从创建家谱、生成邀请码到设置管理员，逐步建立协作流程。</p>
|
||||
<div class="article-meta">使用指南 · 2026.05</div>
|
||||
</div>
|
||||
<a class="function-card portal-directory-card tilt-card" href="notice-detail.html">
|
||||
<span class="icon" aria-hidden="true">告</span>
|
||||
<h3>网站公告</h3>
|
||||
<p>集中查看平台通知、服务调整与家谱相关公告。</p>
|
||||
</a>
|
||||
<a class="function-card portal-directory-card tilt-card" href="news.html">
|
||||
<span class="icon" aria-hidden="true">讯</span>
|
||||
<h3>最近新闻</h3>
|
||||
<p>查看家族动态、平台资讯和近期发布的重要消息。</p>
|
||||
</a>
|
||||
<a class="function-card portal-directory-card tilt-card" href="surname.html">
|
||||
<span class="icon" aria-hidden="true">源</span>
|
||||
<h3>姓氏源流</h3>
|
||||
<p>追溯姓氏来处、迁徙脉络、堂号与郡望资料。</p>
|
||||
</a>
|
||||
<a class="function-card portal-directory-card tilt-card" href="culture.html">
|
||||
<span class="icon" aria-hidden="true">礼</span>
|
||||
<h3>网站活动</h3>
|
||||
<p>查看婚礼、生日、升学等家族喜事和宗亲活动。</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ad-slots">
|
||||
<div class="container">
|
||||
<div class="ad-grid">
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="https://3dyjs.cn/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="3D研究室广告"
|
||||
>
|
||||
<img src="public/images/mlogo.png" alt="3D研究室" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="promo-album.html"
|
||||
aria-label="影像相册广告"
|
||||
>
|
||||
<img src="public/images/ad-album-small.png" alt="影像相册" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="promo-video.html"
|
||||
aria-label="活动视频广告"
|
||||
>
|
||||
<img src="public/images/ad-video-small.png" alt="活动视频" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="genealogy.html"
|
||||
aria-label="族谱印制广告"
|
||||
>
|
||||
<img src="public/images/ad-print.png" alt="族谱印制" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="culture.html"
|
||||
aria-label="祠堂文化广告"
|
||||
>
|
||||
<img src="public/images/ad-hall.png" alt="祠堂文化" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="app.html"
|
||||
aria-label="云端存档广告"
|
||||
>
|
||||
<img src="public/images/ad-cloud.png" alt="云端存档" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="culture.html"
|
||||
aria-label="宗亲联谊广告"
|
||||
>
|
||||
<img src="public/images/ad-reunion.png" alt="宗亲联谊" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="surname.html"
|
||||
aria-label="姓氏研究广告"
|
||||
>
|
||||
<img src="public/images/ad-research.png" alt="姓氏研究" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="culture.html"
|
||||
aria-label="家风记忆广告"
|
||||
>
|
||||
<img src="public/images/ad-memory.png" alt="家风记忆" />
|
||||
</a>
|
||||
<a
|
||||
class="ad-card tilt-card"
|
||||
href="help.html"
|
||||
aria-label="资料校对广告"
|
||||
>
|
||||
<img src="public/images/ad-data.png" alt="资料校对" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="surname">
|
||||
<div class="container">
|
||||
<div class="surname-panel tilt-card">
|
||||
<div class="surname-intro">
|
||||
<h2>姓氏百科</h2>
|
||||
<p>
|
||||
以姓氏为入口，整理姓氏源流、名人故事、地区分布、字辈参考和相关家谱。
|
||||
</p>
|
||||
<a class="btn primary magnetic" href="surname.html"
|
||||
>进入姓氏百科</a
|
||||
>
|
||||
</div>
|
||||
<div class="surname-grid">
|
||||
<a class="surname-name" href="surname-detail.html">赵</a>
|
||||
<a class="surname-name" href="surname-detail.html">钱</a>
|
||||
<a class="surname-name" href="surname-detail.html">孙</a>
|
||||
<a class="surname-name" href="surname-detail.html">李</a>
|
||||
<a class="surname-name" href="surname-detail.html">周</a>
|
||||
<a class="surname-name" href="surname-detail.html">吴</a>
|
||||
<a class="surname-name" href="surname-detail.html">郑</a>
|
||||
<a class="surname-name" href="surname-detail.html">王</a>
|
||||
<a class="surname-name" href="surname-detail.html">冯</a>
|
||||
<a class="surname-name" href="surname-detail.html">陈</a>
|
||||
<a class="surname-name" href="surname-detail.html">褚</a>
|
||||
<a class="surname-name" href="surname-detail.html">卫</a>
|
||||
<a class="surname-name" href="surname-detail.html">蒋</a>
|
||||
<a class="surname-name" href="surname-detail.html">沈</a>
|
||||
<a class="surname-name" href="surname-detail.html">韩</a>
|
||||
<a class="surname-name" href="surname-detail.html">杨</a>
|
||||
<a class="surname-name" href="surname-detail.html">朱</a>
|
||||
<a class="surname-name" href="surname-detail.html">秦</a>
|
||||
<a class="surname-name" href="surname-detail.html">尤</a>
|
||||
<a class="surname-name" href="surname-detail.html">许</a>
|
||||
<a class="surname-name" href="surname-detail.html">何</a>
|
||||
<a class="surname-name" href="surname-detail.html">吕</a>
|
||||
<a class="surname-name" href="surname-detail.html">施</a>
|
||||
<a class="surname-name" href="surname-detail.html">张</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="recommend">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>相关推荐</h2>
|
||||
</div>
|
||||
<div class="recommend-grid">
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="article-detail.html"
|
||||
>
|
||||
<span>资料整理</span>
|
||||
<h3>家庭档案整理指南</h3>
|
||||
<p>参考照片、证件、谱牒、口述资料的归档方式。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="surname.html"
|
||||
>
|
||||
<span>姓氏源流</span>
|
||||
<h3>姓氏文化资料库</h3>
|
||||
<p>查看姓氏源流、迁徙脉络、堂号和郡望参考资料。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="culture.html"
|
||||
>
|
||||
<span>宗亲文化</span>
|
||||
<h3>宗亲会活动参考</h3>
|
||||
<p>了解宗亲联谊、祭祖活动和家风传播的组织方式。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="help.html"
|
||||
>
|
||||
<span>工具服务</span>
|
||||
<h3>修谱工具与服务</h3>
|
||||
<p>查找谱书排版、影像扫描、云端存储等外部服务。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="culture.html"
|
||||
>
|
||||
<span>地方志</span>
|
||||
<h3>地方文献检索入口</h3>
|
||||
<p>从地方志、县志和族群资料中寻找家族线索。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="surname.html"
|
||||
>
|
||||
<span>人名研究</span>
|
||||
<h3>字辈与命名参考</h3>
|
||||
<p>参考传统字辈、排行、称谓和家族命名资料。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="promo-album.html"
|
||||
>
|
||||
<span>影像修复</span>
|
||||
<h3>老照片修复服务</h3>
|
||||
<p>了解老照片扫描、修复、上色和数字归档服务。</p>
|
||||
</a>
|
||||
<a
|
||||
class="recommend-card tilt-card"
|
||||
href="article-detail.html"
|
||||
>
|
||||
<span>口述史</span>
|
||||
<h3>家族故事采集方法</h3>
|
||||
<p>参考长辈访谈、口述记录和家风故事整理方式。</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="friend-links">
|
||||
<div class="container">
|
||||
<div class="friend-links-panel">
|
||||
<h2>常用入口</h2>
|
||||
<div class="friend-link-list">
|
||||
<a href="https://3d.3dyjs.cn/" target="_blank" rel="noopener"
|
||||
>3D研究室</a
|
||||
>
|
||||
<a href="surname.html">姓氏源流资料</a>
|
||||
<a href="plaza.html">公开家谱资料</a>
|
||||
<a href="article-detail.html">修谱知识库</a>
|
||||
<a href="culture.html">地方文献</a>
|
||||
<section class="portal-resources" id="site-map" aria-label="推荐与友情链接">
|
||||
<div class="container portal-resource-grid">
|
||||
<div class="portal-resource-group">
|
||||
<h2>其他推荐</h2>
|
||||
<div class="portal-resource-list">
|
||||
<a href="news.html">新闻资讯</a>
|
||||
<a href="culture.html">信息公开</a>
|
||||
<a href="surname.html">地方动态</a>
|
||||
<a href="article-detail.html">专题报道</a>
|
||||
<a href="promo-album.html">家族影像</a>
|
||||
<a href="genealogy.html">数字家谱</a>
|
||||
<a href="help.html">使用帮助</a>
|
||||
<a href="promo-video.html">视频内容</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portal-resource-group">
|
||||
<h2>友情链接</h2>
|
||||
<div class="portal-resource-list">
|
||||
<a href="genealogy.html">代代相传家谱</a>
|
||||
<a href="plaza.html">家谱广场</a>
|
||||
<a href="surname.html">姓氏百科</a>
|
||||
<a href="culture.html">家族文化</a>
|
||||
<a href="help.html">在线帮助</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="download">
|
||||
<div class="container">
|
||||
<div class="download-panel tilt-card">
|
||||
<div>
|
||||
<h2>手机端随时记录，电脑端清晰浏览</h2>
|
||||
<p>
|
||||
家族成员可以在手机端上传照片、查看家谱、发布动态；电脑端适合浏览门户内容、查看公开家谱和进入家谱空间。
|
||||
</p>
|
||||
<div class="cta">
|
||||
<a class="btn primary magnetic" href="download.html">下载应用</a
|
||||
><a class="btn ghost magnetic" href="help.html">查看帮助</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="portal-ad-strip portal-ad-strip-bottom" aria-label="第二组广告栏">
|
||||
<div class="container portal-ad-grid">
|
||||
<a class="tilt-card" href="help.html"><img src="public/images/ad-data.png" alt="资料校对" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="article-detail.html"><img src="public/images/ad-memory.png" alt="家风记忆" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="surname.html"><img src="public/images/ad-research.png" alt="姓氏研究" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="culture.html"><img src="public/images/ad-reunion.png" alt="宗亲联谊" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="app.html"><img src="public/images/ad-cloud.png" alt="云端存档" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="culture.html"><img src="public/images/ad-hall.png" alt="祠堂文化" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="genealogy.html"><img src="public/images/ad-print.png" alt="族谱印制" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="promo-video.html"><img src="public/images/ad-video-small.png" alt="活动视频" loading="lazy" /></a>
|
||||
<a class="tilt-card" href="promo-album.html"><img src="public/images/ad-album-small.png" alt="影像相册" loading="lazy" /></a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<a class="brand magnetic" href="index.html"
|
||||
><img
|
||||
class="brand-logo"
|
||||
src="public/images/logo-light.png"
|
||||
alt="我们的家谱，代代相传"
|
||||
/></a>
|
||||
<p>一个面向家庭和宗族的数字家谱与家族文化门户。</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>产品入口</h4>
|
||||
<a href="genealogy.html">数字家谱</a><a href="plaza.html">家谱广场</a><a href="app.html">应用下载</a><a href="help.html">帮助中心</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4>文化内容</h4>
|
||||
<a href="culture.html">家族文化</a><a href="surname.html">姓氏百科</a><a href="article-detail.html">家谱知识</a
|
||||
><a href="news.html">新闻资讯</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4>服务支持</h4>
|
||||
<a href="help.html">帮助中心</a>
|
||||
<a href="submit-ticket.html">提交问题</a>
|
||||
<a href="about.html">关于平台</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-legal">
|
||||
<div>© 2026 代代相传. All rights reserved.</div>
|
||||
<a href="privacy.html">隐私政策</a>
|
||||
<a href="children-privacy.html">儿童个人信息处理规则</a>
|
||||
<a href="terms.html">服务协议</a>
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener"
|
||||
>ICP备案：蜀ICP备2024044594号-1</a
|
||||
>
|
||||
<footer class="footer portal-footer">
|
||||
<nav class="container portal-footer-links" aria-label="页脚导航">
|
||||
<a href="about.html">关于家谱</a>
|
||||
<a href="help.html">联系客服</a>
|
||||
<a href="submit-ticket.html">意见反馈</a>
|
||||
<a href="about.html">免责声明</a>
|
||||
<a href="terms.html">用户协议</a>
|
||||
<a href="privacy.html">隐私政策</a>
|
||||
<a href="index.html#site-map">网站地图</a>
|
||||
</nav>
|
||||
<div class="portal-footer-legal">
|
||||
<div class="container">
|
||||
<p>Copyright 2014–2026 代代相传家谱 版权所有</p>
|
||||
<p>
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">工信部：蜀ICP备2024044594号-1</a>
|
||||
<a href="children-privacy.html">儿童个人信息处理规则</a>
|
||||
</p>
|
||||
<p>家族文化资料请以家谱原件与当地正式记录为准</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="config.js"></script>
|
||||
<script src="public/js/qrcode.min.js"></script>
|
||||
<script src="public/js/page-effects.js"></script>
|
||||
<script>
|
||||
(function () {
|
||||
var qrTarget = document.getElementById('home-app-qr');
|
||||
if (qrTarget && typeof window.QRCode === 'function') {
|
||||
new window.QRCode(qrTarget, {
|
||||
text: new URL('download.html', window.location.href).href,
|
||||
width: 92,
|
||||
height: 92
|
||||
});
|
||||
}
|
||||
|
||||
var scrollButton = document.querySelector('[data-toggle-word-scroll]');
|
||||
var wordScroll = document.querySelector('.portal-word-scroll');
|
||||
function syncWordScroll() {
|
||||
var isPaused = wordScroll.classList.contains('is-paused');
|
||||
scrollButton.setAttribute('aria-pressed', String(isPaused));
|
||||
scrollButton.setAttribute('aria-label', isPaused ? '开始词条滚动' : '暂停词条滚动');
|
||||
scrollButton.textContent = isPaused ? '开始滚动' : '正在记录';
|
||||
}
|
||||
scrollButton.addEventListener('click', function () {
|
||||
var shouldPlay = wordScroll.classList.contains('is-paused');
|
||||
wordScroll.classList.toggle('is-paused', !shouldPlay);
|
||||
wordScroll.classList.toggle('is-playing', shouldPlay);
|
||||
syncWordScroll();
|
||||
});
|
||||
syncWordScroll();
|
||||
|
||||
document.querySelectorAll('[data-add-favorite]').forEach(function (bookmarkButton) {
|
||||
bookmarkButton.addEventListener('click', function () {
|
||||
window.alert('请按 Ctrl+D（Mac 请按 Command+D）收藏本站');
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user