AeroCards/example-birthday.html at master · CodePy5/AeroCards · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
        <head>
                <script
                        src="https://code.jquery.com/jquery-3.3.1.min.js"
                        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
                        crossorigin="anonymous">
                </script>
                <style>
                        body{
                                background-color: black;
                                cursor: none;
                        }
                        pre{
                                color: green;
                                padding: 0px;
                                margin: 0px;
                        }
                        .white{
                                color: green;
                        }
                        .blue{
                                color: green;
                        }
                </style>
        </head>
<body>


<script>
var list = "$Loading...$          *                                             *$                                               *$                    *$                                  *$                                                            *$         *$                                                  *$             *$                           *             *$                                                     *$      *                                                               *$               *$                               (             )$                       )      (*)           (*)      ($              *       (*)      |             |      (*)$                       |      |~|           |~|      |          *$                      |~|     | |           | |     |~|$                      | |     | |           | |     | |$                     ,| |a@@@@| |@@@@@@@@@@@| |@@@@a| |.$                .,a@@@| |@@@@@| |@@@@@@@@@@@| |@@@@@| |@@@@a,.$              ,a@@@@@@| |@@@@@@@@@@@@.@@@@@@@@@@@@@@| |@@@@@@@a,$             a@@@@@@@@@@@@@@@@@@@@@' . `@@@@@@@@@@@@@@@@@@@@@@@@a$             ;`@@@@@@@@@@@@@@@@@@'   .   `@@@@@@@@@@@@@@@@@@@@@';$             ;@@@`@@@@@@@@@@@@@'     .     `@@@@@@@@@@@@@@@@'@@@;$             ;@@@;,.aaaaaaaaaa       .       aaaaa,,aaaaaaa,;@@@;$             ;;@;;;;@@@@@@@@;@      @.@      ;@@@;;;@@@@@@;;;;@@;$             ;;;;;;;@@@@;@@;;@    @@ . @@    ;;@;;;;@@;@@@;;;;;;;$             ;;;;;;;;@@;;;;;;;  @@   .   @@  ;;;;;;;;;;;@@;;;;@;;$             ;;;;;;;;;;;;;;;;;@@     .     @@;;;;;;;;;;;;;;;;@@@;$         ,%%%;;;;;;;;@;;;;;;;;       .       ;;;;;;;;;;;;;;;;@@;;%%%,$      .%%%%%%;;;;;;;@@;;;;;;;;     ,%%%,     ;;;;;;;;;;;;;;;;;;;;%%%%%%,$     .%%%%%%%;;;;;;;@@;;;;;;;;   ,%%%%%%%,   ;;;;;;;;;;;;;;;;;;;;%%%%%%%,$     %%%%%%%%`;;;;;;;;;;;;;;;;  %%%%%%%%%%%  ;;;;;;;;;;;;;;;;;;;'%%%%%%%%$     %%%%%%%%%%%%`;;;;;;;;;;;;,%%%%%%%%%%%%%,;;;;;;;;;;;;;;;'%%%%%%%%%%%%$     `%%%%%%%%%%%%%%%%%,,,,,,,%%%%%%%%%%%%%%%,,,,,,,%%%%%%%%%%%%%%%%%%%%'$       `%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%'$           `%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%'$                  \"\"\"\"\"\"\"\"\"\"\"\"\"\"`,,,,,,,,,'\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"$                                 `%%%%%%%'$                                  `%%%%%'$                                    %%%     Happy$                                   %%%%%       Birthday!$                                .,%%%%%%%,.$                           ,%%%%%%%%%%%%%%%%%%%,$";
list = list.split("$");
var speed = 20;

const delay = ms => new Promise(res => setTimeout(res, ms));

function typeWriter(txt, id, i) {
  if (i < txt.length) {
    document.getElementById(id).innerHTML += txt.charAt(i);
    i++;
    setTimeout(function(){
            typeWriter(txt, id, i);
    }, speed);
  }
}


async function main(){
        await delay(5000);
        for (var x = 0; x < list.length; x++){
                var i = 0;
                if (x < 20){
                        $("body").append("<pre class='white' id='" + x + "'></pre>");
                }
                else if (x > 35){
                        $("body").append("<pre class='blue' id='" + x + "'></pre>");
                }
                else{
                        $("body").append("<pre id='" + x + "'></pre>");
                }
                typeWriter(list[x], x, i);
                await delay(500);
        }
        await delay(30000);
        $("body").append("<br>");
        $("body").append("<br>");
        $("body").append("<pre id='sudo'></pre>");
        typeWriter("> sudo python -c age++", "sudo", 0);
}


main();

</script>

</body>
</html>