logo

niu-ending

End of niu.moe - the credit animation
commit: 14fc2e87231cfe08b01e1e4f8e5e4b27a8369e0e
parent 640be66ff0fcef3ea69cb21e7ff6ef4a2ee075be
Author: Miaourt <1571367+Miaourt@users.noreply.github.com>
Date:   Fri,  1 Jan 2021 12:04:54 +0100

Add Guresuke's art, some timings tweaks

Diffstat:

Aassets/guresuke-goodbye-niu.png0
Mindex.html32++++++++++++++++----------------
2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/assets/guresuke-goodbye-niu.png b/assets/guresuke-goodbye-niu.png Binary files differ. diff --git a/index.html b/index.html @@ -185,20 +185,20 @@ } #art2 { - transform: rotate(-10deg); - width: 250px; - height: 150px; + width: 150px; + height: 200px; right: 30px; - top: 40%; + top: 20px; + transform: rotate(5deg); opacity: 0; } #art22 { width: 250px; - height: 150px; + height: 180px; right: 30px; - top: 20px; - transform: rotate(5deg); + top: 40%; + transform: rotate(-10deg); opacity: 0; } @@ -230,7 +230,7 @@ } #art333 { - width: 50px; + width: 80px; height: 50px; left: 30px; bottom: 30px; @@ -317,11 +317,11 @@ <img src="assets/sleepy_akko.png"> </div> <div id="art2" class="art"> - <a href="https://raru.re/@woodcat" target="_blank"><img src="assets/woodcat-blobcat-pumpkin.jpg"></a> + <a href="https://shpposter.club/notice/A2mxCaAY5C8GMgou3M" target="_blank"><img + src="assets/guresuke-goodbye-niu.png"></a> </div> <div id="art22" class="art"> - <a href="https://www.feuerfuchs.dev/projects/bunhd-emojis/" target="_blank"><img - src="assets/bunhdhappy.png"></a> + <a href="https://raru.re/@woodcat" target="_blank"><img src="assets/woodcat-blobcat-pumpkin.jpg"></a> </div> <div id="art222" class="art" style="font-size: 70px; flex-direction: row;"> <img src="assets/bunv2.png" style="height: 1.1em;"> @@ -7225,7 +7225,7 @@ // Arts animation.add({ - duration: 5000, + duration: 3000, targets: '#art1, #art11', opacity: 1, easing: 'linear', @@ -7235,7 +7235,7 @@ opacity: 0, easing: 'linear' }, 90000).add({ - duration: 4000, + duration: 3000, targets: '#art2, #art22, #art222', opacity: 1, easing: 'linear' @@ -7245,7 +7245,7 @@ opacity: 0, easing: 'linear' }, 110000).add({ - duration: 4000, + duration: 3000, targets: '#art3, #art33, #art333', opacity: 1, easing: 'linear' @@ -7255,7 +7255,7 @@ opacity: 0, easing: 'linear' }, 132000).add({ - duration: 4000, + duration: 3000, targets: '#art4, #art44, #art444', opacity: 1, easing: 'linear' @@ -7265,7 +7265,7 @@ opacity: 0, easing: 'linear' }, 160000).add({ - duration: 4000, + duration: 3000, targets: '#art5, #art55, #art555', opacity: 1, easing: 'linear'