[ICCV25] Estimating 2D Camera Motion with Hybrid Motion Basis

这是一个专业的学术论文项目主页，展示了发表在ICCV 2025上的研究工作。

🌟 特性

• 现代化设计: 使用渐变背景和卡片式布局的现代网页设计
• 响应式布局: 完美适配桌面端、平板和移动设备
• 交互功能: 包含平滑滚动、悬停效果和动画
• 一键复制引用: 点击引用框即可复制BibTeX格式引用
• 易于定制: 模块化的CSS和JavaScript，便于修改和扩展

📁 文件结构

CamFlow/
├── index.html          # 主页面文件
├── styles.css          # 样式表文件
├── script.js           # 交互功能脚本
└── README.md           # 项目说明文档

🚀 快速开始

1. 查看页面: 直接在浏览器中打开 index.html 文件
2. 本地服务器: 使用Python启动本地服务器查看

   # Python 3
   python -m http.server 8000
   # 然后在浏览器中访问 http://localhost:8000

✏️ 自定义内容

修改基本信息

在 index.html 中修改以下内容：

1. 作者信息: 更新 .authors 和 .affiliation 部分
2. 摘要内容: 修改 .abstract-box 中的文本
3. 链接地址: 更新导航按钮的 href 属性

添加实际内容

1. 方法图示: 替换 .method-diagram 中的占位符为实际的方法架构图
2. 实验结果: 在 .result-placeholder 区域添加实际的表格、图表和可视化结果
3. 引用信息: 更新 .citation-box 中的BibTeX格式引用

样式自定义

在 styles.css 中的 :root 部分修改颜色主题：

:root {
    --primary-color: #667eea;      /* 主色调 */
    --secondary-color: #764ba2;    /* 辅助色 */
    --text-dark: #2c3e50;         /* 深色文字 */
    /* ... 其他颜色变量 ... */
}

📱 响应式设计

该主页已优化适配：

• 桌面端 (1200px+): 完整的多列布局
• 平板端 (768px-1199px): 适中的布局调整
• 移动端 (480px-767px): 单列布局和触控优化
• 小屏幕 (<480px): 紧凑的移动端布局

🎯 功能说明

交互功能

• 平滑滚动: 点击导航按钮平滑滚动到对应部分
• 悬停效果: 卡片和按钮的精美悬停动画
• 复制引用: 点击引用框一键复制BibTeX格式
• 视差效果: 页面滚动时的轻微视差效果

动画效果

• 加载动画: 页面元素的渐入动画
• 通知提示: 复制成功的用户反馈
• 转换动画: 平滑的状态转换效果

🔧 进阶自定义

添加新部分

在 <main> 标签内添加新的 <section> 元素：

<section id="new-section">
    <h2>新部分标题</h2>
    <div class="content-box">
        <!-- 内容 -->
    </div>
</section>

修改颜色主题

创建自定义颜色方案，修改CSS变量即可应用到整个网站。

添加多媒体内容

• 在相应位置添加视频、图片或交互式演示
• 使用iframe嵌入外部内容（如YouTube视频、interactive demos等）

📈 SEO优化

该模板已包含基本的SEO优化：

• 语义化HTML结构
• 合适的标题层级
• 描述性的链接文本
• 移动端优化

建议添加：

• Meta描述标签
• Open Graph标签（用于社交媒体分享）
• 结构化数据标记

🌐 部署建议

GitHub Pages

1. 将代码推送到GitHub仓库
2. 在仓库设置中启用GitHub Pages
3. 选择主分支作为源

自定义域名

在仓库根目录添加 CNAME 文件，内容为你的域名。

📝 许可证

此模板可自由使用和修改，适用于学术研究项目展示。

🤝 贡献

欢迎提交Issue和Pull Request来改进这个模板！

---

注意: 请记得将模板中的占位符内容替换为你的实际研究内容，包括作者信息、摘要、方法图示、实验结果等。