更新，完成全部的设计
This commit is contained in:
BIN
assets/alla_screenshot.png
Normal file
BIN
assets/alla_screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
88
assets/css/loading.css
Normal file
88
assets/css/loading.css
Normal file
@@ -0,0 +1,88 @@
|
|||||||
|
#loading {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #FFF;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loading_bg {
|
||||||
|
background-color: rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader {
|
||||||
|
width: 250px;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
-webkit-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
font-family: helvetica, arial, sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 900;
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
letter-spacing: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader::before,
|
||||||
|
.loader::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
background:rgba(0, 0, 0, 0.5);
|
||||||
|
position: absolute;
|
||||||
|
-webkit-animation: load .7s infinite alternate ease-in-out;
|
||||||
|
animation: load .7s infinite alternate ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader::before {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader::after {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes load {
|
||||||
|
0% {
|
||||||
|
left: 0;
|
||||||
|
height: 30px;
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
height: 8px;
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
left: 235px;
|
||||||
|
height: 30px;
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes load {
|
||||||
|
0% {
|
||||||
|
left: 0;
|
||||||
|
height: 30px;
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
height: 8px;
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
left: 235px;
|
||||||
|
height: 30px;
|
||||||
|
width: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
36
assets/css/main.css
Normal file
36
assets/css/main.css
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Font1';
|
||||||
|
src: url(../font/CangJiGaoDeGuoMiaoHei.woff);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-top: 2%;
|
||||||
|
margin-right: 10%;
|
||||||
|
margin-bottom: auto;
|
||||||
|
margin-left: 10%;
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
background-color: rgb(255, 255, 255);
|
||||||
|
font-family: Font1;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-top: auto;
|
||||||
|
margin-right: 10%;
|
||||||
|
margin-bottom: auto;
|
||||||
|
margin-left: 10%;
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
background-color: rgb(255, 255, 255);
|
||||||
|
font-family: Font1;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: linear-gradient(45deg, transparent 0%, transparent 55%, rgba(64, 64, 64, 0.04) 55%, rgba(64, 64, 64, 0.04) 76%, transparent 76%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 14%, rgba(64, 64, 64, 0.04) 14%, rgba(64, 64, 64, 0.04) 41%, transparent 41%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 2%, rgba(64, 64, 64, 0.04) 2%, rgba(64, 64, 64, 0.04) 18%, transparent 18%, transparent 100%), linear-gradient(135deg, transparent 0%, transparent 61%, rgba(64, 64, 64, 0.04) 61%, rgba(64, 64, 64, 0.04) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
|
||||||
|
}
|
||||||
|
|
||||||
|
.a_dl{
|
||||||
|
color: lightpink;
|
||||||
|
}
|
||||||
50
assets/css/topbar.css
Normal file
50
assets/css/topbar.css
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 装饰Topbar的div */
|
||||||
|
.topbar {
|
||||||
|
height: 40px;
|
||||||
|
font-size: 12px;
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
background-color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 使得列表值横向排列 */
|
||||||
|
.topbar li {
|
||||||
|
display: inline;
|
||||||
|
/* 装饰topbar中的字体 *BOBOBO*/
|
||||||
|
color: rgb(0, 0, 0);
|
||||||
|
/* 字间距 */
|
||||||
|
margin-right: 13px;
|
||||||
|
font-size: large;
|
||||||
|
font-family:Font1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 使得两个ul在同一行显示 */
|
||||||
|
.topbar ul {
|
||||||
|
/* border: 1px red solid; */
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
/* ul行高设置 */
|
||||||
|
line-height: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 使得右侧ul靠页面右端显示 */
|
||||||
|
.topbar-right {
|
||||||
|
position: absolute;
|
||||||
|
right: 150px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-left {
|
||||||
|
margin-left: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
BIN
assets/font/CangJiGaoDeGuoMiaoHei.woff
Normal file
BIN
assets/font/CangJiGaoDeGuoMiaoHei.woff
Normal file
Binary file not shown.
BIN
assets/font/Quirky-Black.woff
Normal file
BIN
assets/font/Quirky-Black.woff
Normal file
Binary file not shown.
BIN
assets/font/Quirky-Light.woff
Normal file
BIN
assets/font/Quirky-Light.woff
Normal file
Binary file not shown.
10
assets/js/loading.js
Normal file
10
assets/js/loading.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
console.log(document.readyState);
|
||||||
|
|
||||||
|
window.onload = function () {
|
||||||
|
var obj = document.getElementById("loading");
|
||||||
|
obj.innerHTML = "";//删除div内容
|
||||||
|
//删除div
|
||||||
|
var parentObj = obj.parentNode;//获取div的父对象
|
||||||
|
parentObj.removeChild(obj);//通过div的父对象把它删除
|
||||||
|
console.log("loading completed.");
|
||||||
|
}
|
||||||
0
assets/js/snow.js
Normal file
0
assets/js/snow.js
Normal file
69
download.html
Normal file
69
download.html
Normal file
@@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>
|
||||||
|
Project ALLA Download Page - ALLA 官方下载站
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="assets/css/loading.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/topbar.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/main.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="loading">
|
||||||
|
<div id="loading_bg">
|
||||||
|
<div class="loader">Loading...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="topbar">
|
||||||
|
<ul class="topbar-left">
|
||||||
|
<li>Project ALLA</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<ul class="topbar-right">
|
||||||
|
<li><a href="index.html">主页</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h1>Project ALLA 下载页</h1>
|
||||||
|
<br>
|
||||||
|
<p>
|
||||||
|
我们提供了多种平台的安装包 <br><br>
|
||||||
|
Windows:<br>
|
||||||
|
下载适用于PC的安装包，双击运行ALLA.exe <br>
|
||||||
|
Linux:<br>
|
||||||
|
下载适用于PC的安装包，赋予ALLA.sh运行权限，然后从终端中启动 <br>
|
||||||
|
Android:<br>
|
||||||
|
下载适用于Android手机的安装包，安装并允许“存储权限” <br>
|
||||||
|
Web:<br>
|
||||||
|
暂不开放 <br>
|
||||||
|
</p>
|
||||||
|
<br>
|
||||||
|
<p>下载 <br><br>
|
||||||
|
Windows:<br>
|
||||||
|
<a href="https://d.nekoc.cc/ALLA_lastest_Windows.zip" class="a_dl" alt="Windows_DL">Windows_DLink</a><br>
|
||||||
|
Linux:<br>
|
||||||
|
<a href="https://d.nekoc.cc/ALLA_lastest_Linux.tar.gz" class="a_dl" alt="Linux_DL">Linux_DLink</a><br>
|
||||||
|
Android:<br>
|
||||||
|
<a href="https://d.nekoc.cc/ALLA_lastest_Android.apk" class="a_dl" alt="Android_DL">Android_DLink</a><br>
|
||||||
|
</p><br>
|
||||||
|
<p>镜像下载 <br><br>
|
||||||
|
Windows:<br>
|
||||||
|
<a href="https://d-miror.nekoc.cc/ALLA_lastest_Windows.zip" class="a_dl" alt="Windows_DL">Windows_DLink_Mirror</a><br>
|
||||||
|
Linux:<br>
|
||||||
|
<a href="https://d-miror.nekoc.cc/ALLA_lastest_Linux.tar.gz" class="a_dl" alt="Linux_DL">Linux_DLink_Mirror</a><br>
|
||||||
|
Android:<br>
|
||||||
|
<a href="https://d-miror.nekoc.cc/ALLA_lastest_Android.apk" class="a_dl" alt="Android_DL">Android_DLink_Mirror</a><br>
|
||||||
|
</p><br>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<!---GAS/GirlsAndScary Forever--->
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<script src="assets/js/loading.js"></script>
|
||||||
56
index.html
Normal file
56
index.html
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>
|
||||||
|
Project ALLA Download Page - ALLA 官方下载站
|
||||||
|
</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="assets/css/loading.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/topbar.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/main.css">
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="loading">
|
||||||
|
<div id="loading_bg">
|
||||||
|
<div class="loader">Loading...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="topbar">
|
||||||
|
<ul class="topbar-left">
|
||||||
|
<li>Project ALLA</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<ul class="topbar-right">
|
||||||
|
<li><a href="download.html">下载</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h1>Project ALLA</h1>
|
||||||
|
<br>
|
||||||
|
<p>
|
||||||
|
最长的希腊语“Archaiomelesidonophrunicherata”是古希腊早期喜剧代表作家阿里斯多芬的作品《蜂》的一句台词。
|
||||||
|
<br>
|
||||||
|
ALLA是英语单词“ALL”和最长的希腊语“Archaiomelesidonophrunicherata”的缩写意为“皆为可爱之人”。
|
||||||
|
<br>
|
||||||
|
ALLA是一个心理恐怖视觉小说类型的游戏，游戏的定位为心理恐怖游戏，并且会在之后的游玩过程中慢慢加入恐怖元素，目前剧本里没有任何恐怖元素，但会在未来的开发中加入。
|
||||||
|
<br>
|
||||||
|
<del>
|
||||||
|
这是一个不是游戏的游戏，用以证明GAS组全员曾经存在过，即使GAS组成员不在世上了，或者被遗忘，但是这个游戏不会被抹除，我们仍然可以通过这个游戏来证明我们曾经存在过的事实。
|
||||||
|
</del>
|
||||||
|
</p>
|
||||||
|
<br>
|
||||||
|
<p>
|
||||||
|
<img src="assets/alla_screenshot.png" width="100%" alt=""></img>
|
||||||
|
</p>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<script src="assets/js/loading.js"></script>
|
||||||
Reference in New Issue
Block a user