jobase.github.io/games.html at main · JoBase/jobase.github.io · 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
<!DOCTYPE html>
<html>
    <head>
        <meta name = viewport content = "width=device-width,initial-scale=1">
        <link rel = icon href = data/images/favicon.ico sizes = "16x16 32x32 48x48 64x64">

        <script src = data/js/setup.js></script>
        <link rel = stylesheet href = data/css/fontawesome.css>
        <link rel = stylesheet href = data/css/all.css>
        <link rel = stylesheet href = data/css/main.css>

        <title>JoBase &middot; Games</title>

        <style>
            .image a {
                flex-basis: 50%
            }
        </style>
    </head>

    <body>
        <section class = top>
            <a href = "/">JoBase</a>
            <i class = "fa-solid fa-bars"></i>
            <i class = "fa-solid fa-sun"></i>
            <a href = lessons>Lessons</a>
            <a href = demos>Demos</a>
            <a href = games class = this>Games</a>
            <a href = reference>Reference</a>
            <a href = download>Download</a>

            <a href = https://github.com/JoBase target = _blank>
                <i class = "fa-brands fa-github"></i>
            </a>

            <a href = https://discord.gg/DzHyvZfa5q target = _blank>
                <i class = "fa-brands fa-discord"></i>
            </a>
        </section>

        <section class = main>
            <div class = image>
                <a href = squirtcopter>
                    <img src = data/images/squirtcopter.png>
                </a>

                <div>
                    <h2>Squirtcopter</h2>
                    <pre>python -m JoBase.examples.squirtcopter</pre>

                    Use the arrow keys WASD or ZQSD to control the player through an infinite world.
                    Reach the checkpoints and upgrade your helicopter.
                </div>
            </div>

            <div class = image>
                <a href = blue-hue>
                    <img src = data/images/blue_hue.png>
                </a>

                <div>
                    <h2>Blue Hue</h2>
                    <pre>python -m JoBase.examples.blue_hue</pre>

                    A platform game by Joachim Ford.
                    Use the arrow keys WASD or ZQSD to control the player around each level.
                </div>
            </div>
        </section>

        <footer>
            <span>
                &copy; Copyright <span id = year></span> JoBase &middot; <a href = mailto:hello@jobase.org>hello@jobase.org</a>
            </span>
        </footer>
    </body>
</html>