# 如我们所书

**Repository Path**: Khaslana_Phainon496/PhiLia093

## Basic Information

- **Project Name**: 如我们所书
- **Description**: 一个基于游戏《崩坏：星穹铁道》中为了纪念 如我们所书 ，所创建的网站的开源版本
- **Primary Language**: HTML
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-29
- **Last Updated**: 2025-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 「翁法罗斯」<br>
###### 「如我们所书」是一个前后端分离的模拟网页，仿照 「如我们所书」进行的在线网页开源仓库。<br>
- 前端使用HTML5
- 后端使用Flask
- 开箱即用，附启动+部署脚本


## 思路

### 页面结构

1. 整体布局
- 使用黑色背景搭配粉色文字，营造终端风格
- 采用等宽字体模拟命令行界面
- 包含多个交互层：终端、Hello World动画、图片展示、故事窗口、鸣谢窗口

2. 用户系统
- 预设了15个用户配置，每个用户有：
   - 多个别名（中英文）
   - 对应的音频文件
   - 个性化欢迎消息
   - 适配15黄金裔（昔涟小tips：输入关于「朋友」的英文名或者中文名会有奇效哦♪ ）
- 特殊用户处理：
   - 用户"昔涟/Cyrene"等被识别为特殊用户
   - 特殊用户会看到不同的故事窗口标题

### 交互流程

1. 初始阶段
- 自动播放背景音乐
- 显示命令行登录界面
- 用户输入用户名和密码

2. 登录成功后
- Hello World动画：文字逐字显示然后删除
- 按键提示：显示"Press any key to continue"
- 图片展示：显示PhiLia093.png图片，带有浮动动画效果

3. 故事系统
- 点击图片或按任意键打开故事窗口
- 用户可以输入最多5000字的故事
- 特殊文本"关于「翁法罗斯」"会触发鸣谢窗口

4. 鸣谢窗口
- 显示感谢信息和管理员图片
- 包含关闭功能

### 技术特点

##### 动画效果

- 打字机效果：使用
"typeText()"函数实现逐字显示
- 光标闪烁：CSS动画实现光标闪烁效果
- 图片浮动：使用CSS关键帧动画实现上下浮动

##### 响应式设计

- 使用媒体查询适配移动设备
- 在小屏幕上调整字体大小和布局

### 主题寓意

### 整个页面围绕"翁法罗斯"主题构建，体现了：

- 重逢与记忆：通过登录流程象征重新连接
- 个性化交互：不同用户获得不同体验


## 鸣谢
##### 全体黄金裔 <br>
##### 「翁法罗斯之心」德谬歌<br>
##### 感谢你们为新世界做出的贡献。

<br>

###### 人家可不喜欢道别。不如…留个悬念如何？如果想我了，就把这段回忆擦亮，我就会悄悄来到你的心里。约好了，不许忘记哦？