Trollpants.github.io/index.html at main · Trollpants/Trollpants.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!doctype html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="description" content="Trollpants Game Studio games">
    <meta name="author" content="Jan Ivar Z. Carlsen">

    <title>Trollpants Game Studio | WebGL</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet" type="text/css">

    <!-- Stylesheets -->
    <link href="css/main.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">

    <!-- Fav Icon -->
    <link rel="shortcut icon" href="icon/trollpants.ico">

</head>

<body>

    <div class="position-relative overflow-hidden p-3 p-md-3 m-md-0 text-center">
        <div class="col-md-4 p-lg-4 mx-auto my-1 container">
            <img src="img/trollpantsLogo.png" height="256" alt="CloudOnce logo">
            <h1 class="display-4 font-weight-normal">Trollpants Game Studio <a href="https://github.com/Trollpants" title="GitHub"><img src="img/GitHub-Mark-64px.png" height="42" style="margin-bottom: 10px" alt="GitHub icon"></a></h1>
            <p class="lead font-weight-normal">All games created by Trollpants have been made open source and are available on <a href="https://github.com/Trollpants">GitHub</a>. Below are WebGL builds of each game. The audio might not work properly in all browsers.</p>
        </div>
    </div>

    <section style="padding-bottom: 30px">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-push-4 text-center">
                    <a href="games/witchWing.html" title="Play Witch Wing" class="card card-1"><img src="img/WitchWingIcon.png" class="img-responsive center-block" alt="Witch Wing app icon"></a>
                    <div class="my-2 py-0">
                        <h2 class="display-5">Witch Wing</h2>
                        <p class="lead">Endless flyer</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-push-4 text-center">
                    <a href="games/52SwipeUp.html" title="Play 52 Swipe Up" class="card card-1"><img src="img/52SwipeUpIcon.png" class="img-responsive center-block" alt="52 Swipe Up app icon"></a>
                    <div class="my-2 py-0">
                        <h2 class="display-5">52 Swipe Up</h2>
                        <p class="lead">Card puzzle game</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-push-4 text-center">
                    <a href="games/miniPlanetRun.html" title="Play Mini Planet Run" class="card card-1"><img src="img/MiniPlanetRunIcon.png" class="img-responsive center-block" style="width: 256px; height: 263px; margin-top: -7px" alt="Mini Planet Run app icon"></a>
                    <div class="my-2 py-0">
                        <h2 class="display-5">Mini Planet Run</h2>
                        <p class="lead">Endless runner</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-4 col-sm-push-4 text-center">
                    <a href="games/bucketKnight.html" title="Play Bucket Knight" class="card card-1"><img src="img/BucketKnightIcon.png" class="img-responsive center-block" alt="Bucket Knight app icon"></a>
                    <div class="my-2 py-0">
                        <h2 class="display-5">Bucket Knight</h2>
                        <p class="lead">Endless rafter</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-push-4 text-center">
                    <a href="games/interstellarDrift.html" title="Play Interstellar Drift" class="card card-1"><img src="img/InterstellarDriftIcon.png" class="img-responsive center-block" alt="Interstellar Drift app icon"></a>
                    <div class="my-2 py-0">
                        <h2 class="display-5">Interstellar Drift</h2>
                        <p class="lead">Arcade game</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container page-footer">
            <div class="row">
                <p class="copyright text-muted small" style="margin-left: auto; margin-right: auto">Copyright &copy; Jan Ivar Z. Carlsen 2022. All Rights Reserved.</p>
            </div>
        </div>
    </footer>

</body>

</html>