diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index ae0a571..0000000 Binary files a/.DS_Store and /dev/null differ diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/docs/assets/images/2077game-00-idea.png b/docs/assets/images/2077game-00-idea.png new file mode 100644 index 0000000..c6a71d6 Binary files /dev/null and b/docs/assets/images/2077game-00-idea.png differ diff --git a/docs/assets/images/2077game-01-background.png b/docs/assets/images/2077game-01-background.png new file mode 100644 index 0000000..baeeea7 Binary files /dev/null and b/docs/assets/images/2077game-01-background.png differ diff --git a/docs/assets/images/loading.png b/docs/assets/images/loading.png new file mode 100644 index 0000000..39f1176 Binary files /dev/null and b/docs/assets/images/loading.png differ diff --git a/docs/css/join-style.css b/docs/css/join-style.css new file mode 100644 index 0000000..644d46b --- /dev/null +++ b/docs/css/join-style.css @@ -0,0 +1,353 @@ +/* 加入页面特定样式 */ +.join-hero { + padding: 120px 0 80px; +} + +.join-hero .hero-title { + font-size: 4rem; + margin-bottom: 1rem; +} + +.join-hero .hero-subtitle { + font-size: 1.2rem; + color: #64ffda; + margin-bottom: 0; +} + +/* 相册网格 */ +.gallery-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-top: 3rem; +} + +.gallery-item { + position: relative; + aspect-ratio: 16/9; + border-radius: 12px; + overflow: hidden; + cursor: pointer; + transition: all 0.3s ease; + border: 2px solid transparent; + background: linear-gradient(135deg, rgba(100, 255, 218, 0.1) 0%, rgba(0, 255, 255, 0.1) 100%); +} + +.gallery-item:hover { + transform: translateY(-8px); + border-color: #64ffda; + box-shadow: 0 20px 40px rgba(100, 255, 218, 0.3); +} + +.gallery-thumb { + width: 100%; + height: 100%; + object-fit: cover; + transition: transform 0.3s ease; +} + +.gallery-item:hover .gallery-thumb { + transform: scale(1.05); +} + +.gallery-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + display: flex; + align-items: center; + justify-content: center; + opacity: 0; + transition: opacity 0.3s ease; +} + +.gallery-item:hover .gallery-overlay { + opacity: 1; +} + +.gallery-icon { + font-size: 2rem; + color: #64ffda; +} + +/* 技能网格 */ +.skills-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-top: 2rem; +} + +.skill-card { + background: linear-gradient(135deg, rgba(30, 60, 114, 0.1), rgba(42, 82, 152, 0.1)); + border: 1px solid rgba(0, 255, 255, 0.2); + border-radius: 12px; + padding: 2rem; + text-align: center; + transition: all 0.3s ease; +} + +.skill-card:hover { + transform: translateY(-5px); + border-color: rgba(0, 255, 255, 0.5); + box-shadow: 0 10px 30px rgba(0, 255, 255, 0.2); +} + +.skill-icon { + font-size: 3rem; + margin-bottom: 1rem; +} + +.skill-title { + color: var(--primary-color); + font-size: 1.2rem; + margin-bottom: 1rem; + font-weight: 600; +} + +.skill-desc { + color: var(--text-light); + line-height: 1.6; +} + +/* 注意事项框 */ +.notice-box { + background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 152, 0, 0.1)); + border: 1px solid rgba(255, 193, 7, 0.3); + border-radius: 8px; + padding: 1.5rem; + margin-top: 3rem; + text-align: center; +} + +.notice-box p { + color: #ffc107; + font-weight: 500; + margin: 0; +} + +/* 社区内容 */ +.community-content { + display: grid; + gap: 2rem; + margin-top: 2rem; +} + +.community-item { + background: linear-gradient(135deg, rgba(30, 60, 114, 0.1), rgba(42, 82, 152, 0.1)); + border: 1px solid rgba(0, 255, 255, 0.2); + border-radius: 12px; + padding: 2rem; + transition: all 0.3s ease; +} + +.community-item:hover { + border-color: rgba(0, 255, 255, 0.5); + transform: translateY(-2px); +} + +.community-title { + color: var(--primary-color); + font-size: 1.3rem; + margin-bottom: 1rem; + font-weight: 600; +} + +.community-desc { + color: var(--text-light); + line-height: 1.8; + margin: 0; +} + +/* CTA按钮区域 */ +.cta-section { + text-align: center; + margin-top: 4rem; +} + +/* 模态框样式 */ +.modal { + display: none; + position: fixed; + z-index: 10000; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.9); + backdrop-filter: blur(10px); + overflow-y: auto; + overflow-x: hidden; +} + +.modal.active { + display: block; +} + +.modal-content { + position: relative; + max-width: 90%; + max-height: none; + margin: 60px auto 40px; + padding: 20px; + box-sizing: border-box; +} + +.modal-image { + width: 100%; + height: auto; + border-radius: 8px; + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); + display: block; + max-width: 100%; +} + +.modal-close { + position: fixed; + top: 20px; + right: 30px; + color: #64ffda; + font-size: 2rem; + font-weight: bold; + cursor: pointer; + transition: color 0.3s ease; + z-index: 10001; + background: rgba(0, 0, 0, 0.5); + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + border: 2px solid #64ffda; +} + +.modal-close:hover { + color: #00ffff; + border-color: #00ffff; + background: rgba(0, 255, 255, 0.1); +} + +/* 滚动条样式 */ +.modal::-webkit-scrollbar { + width: 8px; +} + +.modal::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.3); +} + +.modal::-webkit-scrollbar-thumb { + background: #64ffda; + border-radius: 4px; +} + +.modal::-webkit-scrollbar-thumb:hover { + background: #00ffff; +} + +/* 为join.html页面的section添加统一的padding */ +.progress-section, +.skills-section, +.community-section { + padding: 4rem 0; +} + +/* 其他现有样式保持不变 */ +.progress-section { + background: rgba(0, 0, 0, 0.1); +} + +.skills-section { + background: rgba(255, 255, 255, 0.02); +} + +.community-section { + background: rgba(0, 0, 0, 0.1); +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .join-hero .hero-title { + font-size: 3rem; + } + + .gallery-grid { + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1rem; + } + + .skills-grid { + grid-template-columns: 1fr; + gap: 1.5rem; + } + + .skill-card, + .community-item { + padding: 1.5rem; + } + + .modal-content { + max-width: 95%; + margin: 40px auto 20px; + padding: 10px; + } + + .modal-close { + top: 10px; + right: 15px; + font-size: 1.5rem; + width: 35px; + height: 35px; + } +} + +@media (max-width: 480px) { + .join-hero { + padding: 100px 0 60px; + } + + .join-hero .hero-title { + font-size: 2.5rem; + } + + .gallery-grid { + grid-template-columns: repeat(2, 1fr); + gap: 0.8rem; + } + + .skill-icon { + font-size: 2.5rem; + } + + .skill-title { + font-size: 1.1rem; + } + + .community-title { + font-size: 1.2rem; + } + + .modal-content { + max-width: 98%; + margin: 30px auto 15px; + padding: 5px; + } + + .modal-close { + top: 5px; + right: 10px; + font-size: 1.3rem; + width: 30px; + height: 30px; + } + + .progress-section, + .skills-section, + .community-section { + padding: 2rem 0; /* 小屏幕进一步减少padding */ + } +} \ No newline at end of file diff --git a/docs/css/story.css b/docs/css/story.css new file mode 100644 index 0000000..d61cef7 --- /dev/null +++ b/docs/css/story.css @@ -0,0 +1,174 @@ +/* 故事页面特定样式 */ +/* 修复导航栏遮挡问题 */ + +.story-hero, +.join-hero { + padding-top: 8rem !important; /* 增加顶部内边距避免被导航栏遮挡 */ + min-height: 60vh; + display: flex; + align-items: center; +} + +.gallery-section { + padding: 4rem 0; + background: rgba(0, 0, 0, 0.1); +} + +.gallery-section:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} + +.gallery-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 1.5rem; + margin-top: 2rem; +} + +.gallery-item { + position: relative; + border-radius: 12px; + overflow: hidden; + cursor: pointer; + transition: all 0.3s ease; + background: linear-gradient(45deg, #1e3c72, #2a5298); + aspect-ratio: 1; +} + +.gallery-item:hover { + transform: translateY(-5px); + box-shadow: 0 10px 30px rgba(0, 255, 255, 0.3); +} + +.gallery-thumb { + width: 100%; + height: 100%; + object-fit: cover; + transition: transform 0.3s ease; +} + +.gallery-item:hover .gallery-thumb { + transform: scale(1.1); +} + +.gallery-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + opacity: 0; + transition: opacity 0.3s ease; +} + +.gallery-item:hover .gallery-overlay { + opacity: 1; +} + +.gallery-icon { + font-size: 2rem; + margin-bottom: 0.5rem; + color: #00ffff; +} + +.gallery-title { + color: white; + font-size: 0.9rem; + font-weight: 500; + text-align: center; + padding: 0 0.5rem; +} + +/* 模态框样式 */ +.modal { + display: none; + position: fixed; + z-index: 1000; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.9); + justify-content: center; + align-items: center; +} + +.modal-content { + position: relative; + max-width: 90%; + max-height: 90%; + text-align: center; +} + +.modal-image { + max-width: 100%; + max-height: 80vh; + object-fit: contain; + border-radius: 8px; +} + +.modal-title { + color: white; + font-size: 1.2rem; + margin-top: 1rem; + padding: 0.5rem; +} + +.modal-close { + position: absolute; + top: -40px; + right: 0; + color: #aaa; + font-size: 28px; + font-weight: bold; + cursor: pointer; + z-index: 1001; +} + +.modal-close:hover { + color: #00ffff; +} + +/* 响应式设计 */ +@media (max-width: 1200px) { + .gallery-grid { + grid-template-columns: repeat(3, 1fr); + } +} + +@media (max-width: 768px) { + .story-hero, + .join-hero { + padding-top: 6rem !important; /* 移动端减少顶部内边距 */ + min-height: 50vh; + } + + .gallery-grid { + grid-template-columns: repeat(2, 1fr); + gap: 1rem; + } + + .gallery-section { + padding: 3rem 0; + } +} + +@media (max-width: 480px) { + .story-hero, + .join-hero { + padding-top: 5rem !important; /* 小屏幕进一步减少 */ + } + + .gallery-grid { + grid-template-columns: 1fr; + } + + .modal-content { + max-width: 95%; + } +} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 27cdffe..d3058b4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -58,10 +58,10 @@

不在现实，而在 代码之中

-

当旧世界的科技巨头垄断了地表，一群被称为"Q+开拓者"的工程师，发现了隐藏在数据洪流中的神秘星球——Q+2077

+

在不久的将来，科技巨头借助AI掌控了科技命脉，科技进步变成了追逐利润的工具，普通人沦为待割的韭菜。然而，有一群“Q+开拓者”工程师们决心创造一个全新的科技自由星球——Q+2077。在这里，科技将回归初心，服务每一个人，带来无限可能与希望。加入我们，重塑科技自由的未来！

- - + +
@@ -137,33 +137,33 @@

如何运作

-

世界观构建

-

由游戏核心团队QPython领导人物River设定游戏世界观框架

-
核心团队设定
+

Q+世界设计

+

由游戏核心团队Q+世界观小组(Leader: River)共同讨论和设定Q+世界框架

+
规则设定
-

剧情共创

-

在公共社区讨论，AI技术分析归纳，剧情设计领导小组决定收录内容

-
社区讨论 + AI归纳
+

Q+世界故事

+

由Q+创作者小组（Leader：待定）共同讨论和确定Q+世界的故事集合。

+
故事集合
-

开发协作

-

Fork项目进行创作，提交PR，研发领导小组决定合并方案

-
Fork项目 + PR提交
+

Q+世界构建

+

由Q+工程小组（Leader：待定）共同协作完成Q+创作小组设定的Q+世界故事集合。

+
世界构建
-

测试迭代

-

用户游戏体验反馈，测试领导小组统筹迭代任务路线

-
玩家反馈 + AI优化
+

Q+世界迭代

+

Q+2007的开拓者和玩家用户参与，提供反馈和推动迭代

+
世界参与
@@ -171,13 +171,13 @@

测试迭代

当前阶段 - 剩余12天 + -
-

Chapter 2 剧情征集

+

团队召集

-
+
-

65% 完成 · 已收集127个剧情方案

+

25% 完成 · 已召集3位Q+开拓者

@@ -297,4 +297,4 @@

支持

- \ No newline at end of file + diff --git a/docs/join.html b/docs/join.html new file mode 100644 index 0000000..38ab285 --- /dev/null +++ b/docs/join.html @@ -0,0 +1,297 @@ + + + + + + 加入我们 - QPY2077 + + + + + + + + + + + +\ + +
+ + + + +
+
+
+

+ JOIN US +

+

成为Q+2077的一员，重塑科技自由的未来！

+
+
+ + +
+
+

+ 01 + 关注进展 +

+

游戏开发进展将通过相册展示最新内容

+ +
+
+ 主意产生 +
+ 🔍 +
+
+
+ 故事背景 +
+ 🔍 +
+
+
+ 暂无 +
+ 🔍 +
+
+
+ 暂无 +
+ 🔍 +
+
+
+
+
+ + +
+
+

+ 02 + 掌握技能 +

+

对参与创作此游戏怀有极大热情并掌握以下技能的，随时欢迎加入，直接联系River+（微信:yhc-startup 备注2077）即可

+ +
+
+
📝
+

游戏剧情创作

+

有经验的游戏剧情创作者

+
+
+
⚙️
+

RenPy开发

+

熟悉RenPy引擎开发

+
+
+
🎨
+

AI创作

+

AI画画/视频创作人员

+
+
+
📊
+

项目管理

+

项目管理/游戏测试经验

+
+
+
👥
+

社区运营

+

社区运营和管理人员

+
+
+
❤️
+

游戏热情

+

对此游戏有极大热情的用户

+
+
+ +
+

在您提交申请后，我们可能会有一个稍微长一些的考察期。

+
+
+
+ + +
+
+

+ 03 + 参与共创 +

+ +
+
+

申请前参与

+

+ 申请加入被接纳之前，您都可以通过参与腾讯频道或者QPY社区里的讨论来参与， + 你的建议我们都能看得到，欢迎持续发起讨论。 +

+
+ +
+

协作流程

+

+ 申请加入被接纳之后，协作小组内部会逐渐形成协作流程。 + 有周期性的例会，阶段性的代码合并、发布等流程。 +

+
+
+ + +
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/story.html b/docs/story.html new file mode 100644 index 0000000..aa0e396 --- /dev/null +++ b/docs/story.html @@ -0,0 +1,479 @@ + + + + + + Q+2077 故事世界 - 数字朋克RPG + + + + + + + + + + + + + + + +
+ + + + +
+ +
+
+

+ STORY WORLD +

+

探索Q+2077的赛博朋克世界观

+
+
+ + + + + + + + + + + + +
+ + + + + + + + + + + + + + + \ No newline at end of file