更新，完成全部的设计
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