pro-standard cr dollbahi misc

---IMAGE MUSIC PLAYER---
<script>

document.getElementById("image01").onclick = function() {
var audio = document.getElementById("music");
if (audio.paused) audio.play();
else audio.pause();
}

</script>

<audio id="music" src="https://dl.dropbox.com/scl/fi/dkef27drb5m7iwu3c6gcb/aldn-icantbelieveiletyougetaway-official-audio.mp3?rlkey=nofxs6iczhyuzm2mcw17aqh8b&st=fawdx0d2&dl=0.mp3" preload="auto"></audio>

---ANIMATION #1---
<style>
#container05, #container07, #container09, #container11 {
-webkit-animation: scale-up-hor-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-hor-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
* Generated by Animista on 2024-7-23 21:31:2
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-up-hor-right
* ----------------------------------------
*/
@-webkit-keyframes scale-up-hor-right {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
@keyframes scale-up-hor-right {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
</style>

---ANIMATION #2---
<style>
#container06, #container08, #container10, #container12 {
-webkit-animation: scale-up-hor-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-hor-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
* Generated by Animista on 2024-7-23 21:30:34
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-up-hor-left
* ----------------------------------------
*/
@-webkit-keyframes scale-up-hor-left {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
}
@keyframes scale-up-hor-left {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
}
</style>

---WOBBLE TEXT---
<style>

@font-face {
font-family: SakeMoru;
src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
}

#text02 {
font-family: SakeMoru;
}
</style>

<script type="text/javascript">
// <![CDATA[
var speed=100; // speed of wobbling, lower is faster
var height=3; // height of wobbling in pixels
var alink=""; // page to link text to (set to ="" for no link)

/****************************
* Wobbly Text Effect *
*(c) 2003-6 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var wobtxt, text02, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("text02");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
if (alink) {
wobli.style.cursor="pointer";
wobli.onclick=function() { top.location.href=alink; }
}
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}

function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>