<!--
Created by David Junior
ยฉ All Rights Reserved
-->
<!DOCTYPE html>
<html>
<head>
<title>Happy Birthday Dear Me \^o^/โค</title>
<link href="https://fonts.googleapis.com/css2?family=Gugi&family=Monoton&family=Quantico&display=swap" rel="stylesheet" />
</head>
<body>
<section id="container">
<div class="introduction">
Its me<br><b>DAVID</b><br><b>JUNIOR</b><br>๐๐๐๐๐๐<br>Presenting a little<br>B-day code<br> ๐ฐ๐ฐ๐ฐ๐ฐ๐ฐ๐ฐ<br>Hope you like it
</div>
<aside id="context">
<p class="slide1">In 2017, I joined SOLOLEARN<br>๐ดbut I was dormant๐ด</p>
<p class="slide2">๐ดfor 3 years๐ด<br>๐ โฒ ๐<br><img alt="" src="https://blob.sololearn.com/avatars/55853217-9614-4366-9a29-e682c4870855.jpg"></p>
<label class="label"><span class="age">15</span> <span class="cake"><br>๐</span><br><sub>DOB: 25<sup>th</sup> September 2005</sub><br>FIRST BIRTHDAY IN SOLOLEARN<br>Many thanks to<br> Sololearn, Friends and Supporters<br>๐๐๐</label>
<h4 class="xxxx"></h4>
<h5 class="xxx"></h5>
<h6 class="xx"></h6>
<marquee width="90%" scrollamount="10" class="m">The end(English) โข La fin(French) โข เคธเคฎเคพเคชเฅเคค(Hindi โข Mwisho(Swahili)) โข El fin(Spanish) โข ะะพะฝะตั(Russian) โข ุงูููุงูุฉ(Arabic) โข La fine(Italian) โข Das Ende(German) โข ็ตๆ(Chinese) โข ็ตใใ(Japanese) โข Wakas(Filipino) โข เธเธญเธเธเธ(Thai) โข Son(Turkish)โข ะัะฝะตัั(Ukrainian)</marquee>
</aside>
<footer>© David Junior</footer>
</section>
<script>
window.onload
let $_$ = document.querySelector("#container");
let $__$, $___$, $$1, $$2, xx, xxx, xxxx, m;
let $1 = document.querySelector(".slide1");
let $2 = document.querySelector(".slide2");
xx = document.querySelector(".xx");
xxx = document.querySelector(".xxx");
xxxx = document.querySelector(".xxxx");
m = document.querySelector(".m");
setTimeout(function(){
document.querySelector(".introduction").style.animationName = "intro";
setTimeout(function() {
$1.style.animationName = "slide1";
$2.style.animationName = "slide2";
setTimeout(function() {
$1.innerHTML = "Because of the BIG-C, in 2020<br>I wanted to";
$2.innerHTML = "try something new<br>so I got into coding<br> ๐จ๐ปโ๐ป๐ป๐";
document.querySelector(".introduction").style.display = "none";
setTimeout(function() {
$1.innerHTML = "Thanks to Sololearn<br>and its great community";
$2.innerHTML = "I learnt so much than<br>I thought I could<br>๐จ๐ฝโ๐ซ๐คฏ๐จ๐ฝโ๐<br><img alt='' src='data:image/png;base64,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'>";
setTimeout(function() {
$1.innerHTML = "Along the way,<br>I have made";
$2.innerHTML = "a couple of friends<br>๐ฆ๐ค๐ง<br><sub>They will mentioned<br>below after a while</sub> ";
setTimeout(function() {
$1.innerHTML = "A virtual cake is<br>the little I can offer";
$2.innerHTML = "Please have some<br>๐ฅณ๐๐";
setTimeout(function() {
$1.style.display = "none";
$2.style.display = "none";
document.querySelector(".label").style.animationName = "celebrate";
setTimeout(function(){
xx.innerHTML = "Joshua burg";
xxx.innerHTML = "The angels of Sololerarn";
xxxx.innerHTML = "My Sololearn friends"
xx.style.animationName = "friend";
xxx.style.animationName = "friend";
xxxx.style.animationName = "friend";
setTimeout(function() {
xx.innerHTML = "Aad Hoogenboom";
document.querySelector(".label").style.opacity = "1";
setTimeout(function() {
xx.innerHTML = "Aji";
setTimeout(function() {
xx.innerHTML = "Vitya";
setTimeout(function() {
xxx.innerHTML = "Supporters";
xx.innerHTML = "Manab Bist";
setTimeout(function() {
xx.innerHTML = "Kode Krasher";
setTimeout(function() {
xx.innerHTML = "Yoshideveloper";
setTimeout(function() {
xx.innerHTML = "Riddle";
setTimeout(function() {
xx.innerHTML = "Dual Core";
setTimeout(function(){
xx.innerHTML = "Unity";
setTimeout(function(){
xx.innerHTML = "Cheyat";
setTimeout(function(){
xx.innerHTML = "Teo";
setTimeout(function() {
xxxx.style.display = "none";
xxx.style.display = "none";
xx.innerHTML = "THANKS FOR CHECKING OUT MY CODE<br>BTW<br>A HAPPY BIRTHDAY<br>WISH WOULD MEAN A LOT<br>HAVE A NICE DAY";
xx.style.opacity = 1;
m.style.opacity = 1;
}, 5000);
},5000)
},5000)
},5000)
}, 5000);
}, 5000);
}, 5000);
}, 5000);
}, 5000);
}, 5000);
}, 5000);
},5000)
}, 8000);
}, 6600);
}, 7000);
}, 7000);
}, 7000);
}, 7000);
}, 5600);
},0);
function $(__, ___) {
for (let i = 1; i <= 10; i++) {
let con = document.createElement("aside");
con.className = __ + " " + ___ + i;
$_$.appendChild(con);
}
}
$("c11", "c");
$("c12", "t");
$("c13", "s");
$("c14", "r");
$("c15", "x");
function $$(____) {
switch (____) {
case "c":
$___$ = 2;
break;
case "t":
$___$ = 4;
break;
case "s":
$___$ = 6;
break;
case "r":
$___$ = 8;
break;
case "x":
$___$ = 10;
break;
}
for (let i = 1; i <= 10; i++) {
$__$ = document.querySelector("." + ____ + i);
$__$.style.animationDelay = Math.random() * 10 + "s";
$__$.style.left = $___$ + "%";
$___$ += 9.9;
}
}
$$("c");
$$("t");
$$("s");
$$("r");
$$("x");
</script>
</body>
</html>
!
