cursorAttack/index.html at master · Beniox/cursorAttack · 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
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cursor</title>
</head>
<body>
<h1>Cursor Attack</h1>

<div id="cursor"></div>

<button id="btn" onclick="game.spawnEnemy()">Spawn Enemy</button>
<button id="btn2">Click me 2</button>


<article>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit enim auctor orci tincidunt ultrices.
        Proin
        volutpat massa nec ante tempus vestibulum. Praesent fermentum, metus eu elementum rhoncus, nisi sem tristique
        purus,
        sit amet consectetur neque justo a tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada
        fames ac turpis egestas. Donec nec ligula vel purus lobortis porta ut a libero. Mauris elementum felis
        ultricies,
        pellentesque felis rhoncus, eleifend odio. Pellentesque tristique molestie viverra. Nulla et bibendum metus. Sed
        lorem nunc, aliquam ut quam vel, rutrum sodales augue. Phasellus urna massa, porttitor sit amet dapibus iaculis,
        molestie sollicitudin nunc. Sed vehicula ante in massa aliquet maximus. Maecenas consequat interdum est quis
        tristique. Nunc mollis magna justo, ac laoreet ex consequat non. Aenean eu molestie sem. Aliquam sagittis lacus
        tellus, id porttitor mauris posuere sit amet.
    </p>

    <p>
        Aliquam pharetra ligula magna, congue ultricies libero congue ac. Donec rhoncus sem facilisis orci posuere, sit
        amet
        dapibus ipsum iaculis. Donec sagittis feugiat felis, et luctus ligula. Morbi at blandit nisl. Ut placerat
        fermentum
        odio, condimentum scelerisque tellus vestibulum eu. Nullam sem ligula, auctor id fringilla ut, facilisis non
        tortor.
        Mauris augue lectus, tincidunt at efficitur eu, feugiat nec metus. Fusce vulputate sem nec mauris mattis feugiat
        sed
        gravida nisi. Nulla turpis erat, consectetur ut dui sit amet, euismod ultricies ex. Vivamus lobortis, metus in
        fermentum mollis, turpis lacus semper quam, eget ultricies diam ante malesuada sapien. Integer in metus eget
        ipsum
        volutpat mollis.
    </p>
    <p>
        Aliquam bibendum feugiat ipsum, a laoreet nisi vestibulum sed. Fusce sit amet pharetra nunc, eget luctus massa.
        Integer non hendrerit urna. Etiam ut lorem vel neque scelerisque luctus. Pellentesque a massa et arcu posuere
        efficitur ut quis tellus. Aliquam gravida odio nec gravida scelerisque. Etiam a enim ipsum. Nunc felis arcu,
        aliquam
        nec ligula at, dictum rutrum lorem.
    </p>
</article>


<footer>
    <p>Made by <a href="https://github.com/Beniox">Beniox</a></p>
</footer>


</body>

<script src="script.js">
</script>

<script>
    const game = new Game();
    game.start();
</script>

<style>
    h1 {
        text-align: center;
    }
    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 60px;
        background-color: #f5f5f5;
        margin: 0;
        padding: 0;
    }

    article {
        margin-bottom: 60px;
        padding: 50px;
    }
</style>

</html>