# ViralDarkMatter

**Repository Path**: zgc-webcompetition/viral-dark-matter

## Basic Information

- **Project Name**: ViralDarkMatter
- **Description**: 病毒暗物质
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-29
- **Last Updated**: 2026-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ViralDarkMatter

#### 介绍

本项目是北京中关村学院聚焦 “病毒暗物质” 研究的科研项目展示网站，用于呈现项目背景、团队信息、研究成果、招募需求及联系方式，支持多页面导航与动态内容加载。

#### 网站结构

viral-dark-matter-master
├── assets/               # 静态资源目录
│   ├── avatars/          # 团队成员头像
│   ├── ppt/              # PPT轮播图资源
│   ├── crest.png         # 学院校徽
│   ├── logo.png          # 学院Logo
│   ├── logo-white.png    # 底部白色Logo
│   ├── news.json         # 动态新闻数据
│   ├── papers.json       # 动态论文数据
│   ├── ppt-carousel.css  # PPT轮播样式
│   ├── ppt-carousel.js   # PPT轮播逻辑
│   ├── style-modern.css  # 主样式文件
│   └── viral-dark-matter-video.mp4  # 项目宣传视频
├── index.html            # 首页（项目介绍）
├── team.html             # 团队介绍页
├── news.html             # 动态与成果页
├── recruit.html          # 招募信息页
├── contact.html          # 联系页
└── README.md             # 项目说明文档

#### 功能说明

多页面导航：支持首页、团队、动态与成果、招募、联系页的切换；
动态内容加载：news.html/index.html通过news.json/papers.json动态渲染新闻、论文信息；
PPT 轮播：首页集成 PPT 轮播组件，展示项目核心内容；
响应式布局：适配不同屏幕尺寸，支持移动端 / 桌面端访问。

#### 使用说明

直接用浏览器打开 `index.html` 即可。

```bash
python3 -m http.server 8000
```

然后访问：`http://localhost:8000/`

#### 内容维护

团队信息：修改team.html中的成员信息，头像放入assets/avatars/并更新对应路径；
新闻 / 成果：编辑assets/news.json/assets/papers.json，新增 / 修改新闻、论文数据；
PPT 轮播：替换assets/ppt/下的图片，同步修改index.html中轮播区块的图片列表；
招募信息：更新recruit.html中的岗位需求与合作说明。

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

#### 项目归属

北京中关村学院・ViralDarkMatter 项目组