theredplanetsings/csjtrutherford

# 个人作品集 这是一个展示计算机专业学生学术成就、技术技能和职业经历的作品集网站，该学生对国家安全、量化金融和开源情报 (OSINT) 颇感兴趣。 网站使用 HTML、CSS 和 JavaScript 构建，并配有交互式 Three.js 背景。 **网站地址：** https://theredplanetsings.github.io/csjtrutherford/ ## 项目结构 ``` ├── index.html # the main HTML file with comprehensive portfolio sections ├── css/ │ └── style.css # stylesheet ├── js/ │ ├── main.js # core functionalities │ ├── three-grid.js # Three.js animated grid background with mouse interaction │ └── three.module.js # Three.js library module ├── audio/ │ ├── ambient tracks # Background music files for audio system **currently sidelined for simplicity** │ └── click.mp3 # sound effect for interactive element **currently sidelined** ├── images/ │ └── icons and assets # visual assets and favicon collection ├── papers/ │ └── academic works # writing samples & certifications ├── README.md # This document └── LICENSE # MIT Licence ``` ## 使用技术 - **前端:** HTML5, CSS3, JavaScript (ES6+) - **3D 图形:** Three.js 用于交互式背景动画 - **音频:** HTML5 Audio API，包含自定义控件和播放列表管理 - **字体:** Google Fonts (Inter 字体族，字重 300-900) - **图标:** Font Awesome 6.0 - **表单处理:** Formspree 用于联系表单的邮件发送 - **托管:** GitHub Pages ## 依赖与致谢 ### 外部库 - [Three.js](https://threejs.org/) – 通过 CDN 提供的 3D 图形和动画 - [Font Awesome](https://fontawesome.com/) – 图标库 (v6.0) - [Google Fonts](https://fonts.google.com/) – Inter 字体族 - [Formspree](https://formspree.io/) – 联系表单后端服务 ### 灵感与资源 - 现代作品集设计模式 - Three.js 文档和示例 - CSS Grid 和 Flexbox 最佳实践 - JavaScript 动画技术 ## 贡献指南 这是一个个人作品集模板。欢迎您： - Fork 本仓库供自己使用 - 提交 Issue 反馈 Bug 或建议 - 创建 Pull Request 进行改进 - 作为模板用于构建您自己的作品集 ## 许可证 本项目采用 MIT 许可证开源。详见 `LICENSE` 文件。

标签：3D图形, CMS安全, CSS3, ESC4, Font Awesome, Formspree, GitHub Pages, Google Fonts, HTML5, JavaScript, OSINT, Three.js, WebGL, 个人作品集, 个人品牌, 个人网站, 交互式背景, 后端开发, 响应式设计, 国家安全, 学术成就, 学生作品, 技术简历, 数据可视化, 极简设计, 求职展示, 计算机科学, 量化金融, 静态网站