wee
This commit is contained in:
parent
13fab43eb7
commit
49b8a94dad
BIN
public/effects/explode.gif
Normal file
BIN
public/effects/explode.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
@ -36,6 +36,8 @@ let bgs = [
|
||||
const lyrical = document.getElementById('lyrical')
|
||||
const doorpath = 'door'
|
||||
|
||||
|
||||
|
||||
async function wrapper(){
|
||||
changeBgImg(getRandomBg())
|
||||
await changeBgAndBlink()
|
||||
@ -69,7 +71,7 @@ async function wrapper(){
|
||||
}
|
||||
else{
|
||||
blinkDuration = 213
|
||||
changeBgImg('door/ayana.jpg')
|
||||
changeBgImg('ayana.jpg')
|
||||
}
|
||||
await sleep(changeBgImg, blinkDuration, [bg])
|
||||
}
|
||||
@ -105,4 +107,6 @@ const probability = function(n, i = 1) {
|
||||
await sleep(changeBgAndBlink, randomInt(1007, 2777))
|
||||
}
|
||||
|
||||
wrapper()
|
||||
window.addEventListener('load', function () {
|
||||
wrapper()
|
||||
})
|
9
public/styles/darkness/index.css
Normal file
9
public/styles/darkness/index.css
Normal file
@ -0,0 +1,9 @@
|
||||
.bright{
|
||||
text-shadow:0px 0px 10px var(--celeste), 0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste),0px 0px 10px var(--celeste), 5px 5px 20px #0fa09d, 10px 10px 10px #0e7c6c;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.marude{
|
||||
font-size: 20px;
|
||||
}
|
@ -5,3 +5,178 @@
|
||||
.kiki_pixel{
|
||||
border: 1px solid var(--celeste)
|
||||
}
|
||||
|
||||
.floating_head{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.floating_head_cont{
|
||||
position: relative;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(1){
|
||||
margin-top: 95px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(2){
|
||||
margin-top: 66px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(3){
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(4){
|
||||
margin-top: 44px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(5){
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(6){
|
||||
margin-top: 58px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(7){
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(9){
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(10){
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(11){
|
||||
margin-top: 63px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(11) > img{
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(12){
|
||||
margin-top: 91px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(13){
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(13) > img{
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(14){
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(15){
|
||||
margin-top: 37px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(16){
|
||||
margin-top: 88px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(17){
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(18){
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(19){
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(20){
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.floating_head_cont > :nth-child(21){
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
/* .floating_head_cont > :nth-child(22){
|
||||
margin-top: 9px;
|
||||
} */
|
||||
|
||||
/* .floating_head_cont > :nth-child(23){
|
||||
margin-top: 74px;
|
||||
} */
|
||||
|
||||
.king{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.small_ship > :nth-child(5), .small_ship > :nth-child(1){
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.big_ship > :nth-child(1){
|
||||
width: 90px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
.small_ship > img{
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
.big_ship{
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.zenkantai, .ute{
|
||||
color: var(--celeste);
|
||||
position: absolute;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.zenkantai{
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.ute{
|
||||
font-size: 32px;
|
||||
bottom: 0;
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
.explosion{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.explosion:nth-of-type(1){
|
||||
top: 10%;
|
||||
left: 20%;
|
||||
}
|
||||
|
||||
.explosion:nth-of-type(2){
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.explosion:nth-of-type(3){
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.explosion:nth-of-type(4){
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.explosion:nth-of-type(5){
|
||||
top: 30%;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
.explosion:nth-of-type(6){
|
||||
left: 70%;
|
||||
}
|
@ -20,7 +20,7 @@
|
||||
shall we see darkness fall
|
||||
<br><br><br><br><br><br><br><br><br>
|
||||
</p>
|
||||
<p>
|
||||
<div class="marude bright">
|
||||
<h1>其れはまるで御伽噺</h1>
|
||||
ゆるき眠り蝕んでゆく<br>
|
||||
純潔で醜悪な儀式が蘇る<br>
|
||||
@ -29,7 +29,7 @@
|
||||
昏(くら)き明日に消ゆる夢 <br>
|
||||
<h2>Man God Machine</h2>
|
||||
<br><br><br><br><br><br>
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
Trespassing the boundaries of mortality<br>
|
||||
In the city, where chaos is the only known rule<br>
|
||||
@ -40,7 +40,7 @@
|
||||
For only in that light, we shall see darkness' downfall<br>
|
||||
<br><br><br><br><br><br>
|
||||
</p>
|
||||
<p>
|
||||
<div class="marude bright">
|
||||
<h1>走り出した御伽噺</h1>
|
||||
世界燃やす浄化の焔(ほのお)<br><br>
|
||||
|
||||
@ -49,9 +49,10 @@
|
||||
黒く重き枷(かせ)に涙は煌いて<br>
|
||||
光と闇 掌(つかさど)る <br>
|
||||
<h2>Man God Machine</h2>
|
||||
</div>
|
||||
</p>
|
||||
<img src="/public/images/darkness/Demonbane-Shantak.png"><br>
|
||||
<small>
|
||||
<small class="bright">
|
||||
KEEP THE DREAMS IN YOUR HEART<br>
|
||||
傷だらけのGREEN WINGS
|
||||
</small>
|
||||
|
@ -22,7 +22,7 @@
|
||||
Spells:<br>
|
||||
Fireball<br>
|
||||
Teleport (To Mouse Location)<br>
|
||||
Paralyze (Like Argentum Online by Pablo Marquez Alias Morgolock)<br>
|
||||
Paralyze (Like Argentum Online by Pablo Marquez Alias Gulfas Morgolock)<br>
|
||||
<span class="lostAeon">Hyperborea Buster</span><br>
|
||||
<br>
|
||||
<hr>
|
||||
@ -41,17 +41,87 @@
|
||||
Probably a scroll<br>
|
||||
<hr>
|
||||
<hr>
|
||||
<center>
|
||||
<marquee scrollamount="10">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee><br>
|
||||
<marquee scrollamount="20">
|
||||
<img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img><img src="/public/images/assets/kiki_floating_head.png"></img>
|
||||
</marquee><br>
|
||||
<marquee scrollamount="10">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"></img><img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
<div class="floating_head_cont">
|
||||
<marquee class="floating_head" scrollamount="10" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
</center>
|
||||
<marquee class="floating_head" scrollamount="20">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="40" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="20">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="45">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="24">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="11">
|
||||
<img src="/public/images/assets/kiki_floating_head.png"><img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="34">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="70" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="55" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="5" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="55" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="55" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="34">
|
||||
<img src="/public/images/assets/kiki_floating_head.png"><img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="34">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="64">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="44">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="54">
|
||||
<img src="/public/images/assets/kiki_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="25" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="35" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<marquee class="floating_head" scrollamount="61" direction="right">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png"><img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</marquee>
|
||||
<div class="small_ship king">
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><br>
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png"><br>
|
||||
<img src="/public/images/assets/kiki_small_floating_head.png">
|
||||
</div>
|
||||
<div class="big_ship king">
|
||||
<img src="/public/images/assets/kiki_floating_head.png"><br>
|
||||
</div>
|
||||
<img class="explosion" src="/public/effects/explode.gif">
|
||||
<img class="explosion" src="/public/effects/explode.gif">
|
||||
<img class="explosion" src="/public/effects/explode.gif">
|
||||
<img class="explosion" src="/public/effects/explode.gif">
|
||||
<img class="explosion" src="/public/effects/explode.gif">
|
||||
<img class="explosion" src="/public/effects/explode.gif">
|
||||
<center class="zenkantai"><span>全員全艦隊!!!</span></center>
|
||||
<center class="ute"><span>撃てええぇ!!!!</span></center>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
Loading…
Reference in New Issue
Block a user