wee

public/pages/neocities-lyricaltokarev/deus/6.js

@@ -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()
+})

public/styles/darkness/index.css

@@ -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;
+}

public/styles/kiki/kiki/index.css

@@ -4,4 +4,179 @@
 
 .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%;
 }

views/darkness.hbs

@@ -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>

views/kiki/kiki.hbs

@@ -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>
+                            <div class="floating_head_cont">
-                                <marquee scrollamount="10">
+                                <marquee class="floating_head" scrollamount="10" 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"></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">
+                                    <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">
                                 </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>