-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (95 loc) · 3.35 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Snake game UniPV</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" />
<link rel="stylesheet" href="setup.css" />
</head>
<body class="text-white" style="background-color: #212121">
<!-- Main content -->
<main class="container my-4">
<div class="container py-2 game-preview">
<div class="container my-3">
<h1 class="text-center">Snake on different topologies</h1>
<div class="container my-3">
<div class="container text-center">
<button
type="submit"
class="btn btn-primary"
onclick="window.location.href='setup.html'">
Start game!
</button>
</div>
</div>
</div>
</div>
</main>
<div class="container my-5">
<div class="row">
<!-- Game Description -->
<div class="col-lg-6">
<h2 class="text-center">About the Game</h2>
<p style="text-align: justify">
This snake game takes the classic gameplay to new heights by
exploring various topologies, providing both a fun and educational
experience. Players will navigate the snake through unique surfaces
like the cylinder and the torus, offering a fresh twist on the
traditional mechanics. For those seeking more of a challenge, the
game introduces complex and intriguing surfaces such as the Möbius
strip and the Klein bottle, pushing the boundaries of spatial
awareness and logical thinking. As players move across these
non-Euclidean surfaces, they’ll need to adapt to unexpected twists
and paths, making every move a strategic decision. This game is
perfect for anyone curious about mathematics or topology, blending
entertainment with brain-stretching challenges.
</p>
</div>
<!-- Author Images and Descriptions -->
<div class="col-lg-6">
<h2 class="text-center">Authors</h2>
<div class="row">
<div class="col-md-6 text-center">
<img
src="PaoloBignardi.jpeg"
alt="Author 1"
class="img-fluid rounded-circle"
style="width: 200px; height: 200px" />
<p>Paolo Bignardi - Game Developer</p>
</div>
<div class="col-md-6 text-center">
<img
src="MassimilianoGhiotto.jpg"
alt="Author 3"
class="img-fluid rounded-circle"
style="width: 200px; height: 200px" />
<p>Massimiliano Ghiotto - Game Developer</p>
</div>
<div class="text-center">
<img
src="EnricoTrebeschi.jpeg"
alt="Author 4"
class="img-fluid rounded-circle"
style="width: 200px; height: 200px" />
<p>Enrico Trebeschi - Topology Expert</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer bar -->
<footer
class="text-light py-2 fixed-bottom footer-shadow"
style="background-color: #292929">
<div class="container text-center">
<p class="mb-0 custom-footer-text">
© 2024 Dipartimento di Matematica, Felice Casorati
</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>