Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kun1007/kun-galgame-pure-css

The CUTEST Visual Novel / Galgame Forum! KUN Visual Novel Forum HTML / CSS design.
https://github.com/kun1007/kun-galgame-pure-css

css css3 forum galgame html html5 visualnovel web

Last synced: 13 days ago
JSON representation

The CUTEST Visual Novel / Galgame Forum! KUN Visual Novel Forum HTML / CSS design.

Awesome Lists containing this project

README 

        
# kun-galgame-pure-css



**网站已经建设完毕啦，不用看这个最初的设计稿了，保留它作为回忆吧，因为真的挺感慨的**



网站地址: kungal.com



## 介绍



KUNGalgame 世界上最萌的 Galgame 论坛！  



为营造最良好的 Galgame 讨论环境为目的进行努力！



Tips: 网站目前正在建设中······



#### 截止 30 / 4 / 2023，共计 22 个静态页面，我们终于完成了静态页面的 1.0.0 版本！



这个项目是 KUNGalgame 网站页面的纯 html + css 实现，除了登录注册页面（sign-in.html）和编辑页面（edit.html）之外，没有用到一行 js！这里用到 js 的目的仅仅是创建基本的编辑器体。



## 运营理念



* 世界上最萌的 galgame 论坛



* 以营造最良好的氛围为理念



* 永远不会有广告



* 永远不会收费



  



## PRD



以下是 KUNGalgame 的 PRD 文档，因为我比较懒，不想写真正的 PRD 文档，所以这里用思维导图代替。



![](https://github.com/KUN1007/kungal-pure-css/blob/main/foo/PRD/kungal.com-2.png)



## 项目结构



```

└── pages

    ├── 403.html

    ├── 404.html

    ├── balance.html

    ├── contacts.html

    ├── css

    │   ├── 403.css

    │   ├── 404.css

    │   ├── balance.css

    │   ├── contacts.css

    │   ├── donate.css

    │   ├── edit.css

    │   ├── kungalgame.css

    │   ├── licence.css

    │   ├── pool.css

    │   ├── privacy.css

    │   ├── rank.css

    │   ├── redirect.css

    │   ├── regulations.css

    │   ├── sign-in.css

    │   ├── technology.css

    │   ├── thanks-list.css

    │   ├── topic.css

    │   ├── unmoe.css

    │   ├── update-log.css

    │   ├── user-info.css

    │   ├── user-pwd.css

    │   └── user-topic.css

    ├── donate.html

    ├── edit.html

    ├── kungalgame.html

    ├── licence.html

    ├── pool.html

    ├── privacy.html

    ├── rank.html

    ├── redirect.html

    ├── regulations.html

    ├── sign-in.html

    ├── technology.html

    ├── thanks-list.html

    ├── topic.html

    ├── unmoe.html

    ├── update-log.html

    ├── user-info.html

    ├── user-pwd.html

    └── user-topic.html

```



截止 30 / 4 / 2023 - 1.0.0 版本



共计 22 个静态页面，除去用户页的二级页面之外 20 个页面



思维导图版本



![](https://github.com/KUN1007/kungal-pure-css/blob/main/foo/PRD/structure.png)



## 预览



今天 - 30 / 24 / 2023，纯 css 页面终于迎来了第一个版本！全部写完了！！！



主页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/index.png)



帖子详情页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/topic-1.png)

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/topic-2.png)



帖子池页（做的太 low 了之后用 Vue 修）

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/pool.png)



技术交流页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/technology.png)



编辑页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/edit.png)



排行榜

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/rank.png)



不萌萌页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/unmoe.png)



更新日志页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/update-log.png)



用户页



 	用户个人信息

  ![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/user-info.png)

 	用户邮箱密码修改

  ![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/user-pwd.png)

 	用户发表的帖子等

  ![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/user-topic.png)



关于我们页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/kungalgame-1.png)

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/kungalgame-2.png)



执行条例页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/regulations.png)



感谢名单页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/thanks-list.png)



收支公示页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/balance.png)



联系我们页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/contacts.png)



捐助页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/donate.png)



隐私政策页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/privacy.png)



重定向页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/redirect.png)



登陆页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/sign-in-1.png)

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/sign-in-2.png)



用户协议页

![](https://github.com/KUN1007/kungalgame-pure-css/blob/main/img/overview/licence.png)