-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
49 lines (49 loc) · 2.05 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Guess The Transformation: Scoreboard</title>
<link rel="stylesheet" href="style.css" />
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"
rel="stylesheet"
/>
</head>
<body>
<main class="menu">
<h1>Guess The Transformation</h1>
<a class="nes-text home-button" href="/">HOME</a>
<h2 class="nes-text is-error">About</h2>
<i class="nes-kirby"></i>
<h3 class="nes-text is-primary">Who made this game?</h3>
<p>
This is a game created by Stephen Xu and Annabelle Lee to help
demonstrate the basics of computer graphics in relation to linear
algebra.
</p>
<i class="snes-jp-logo"></i>
<h3 class="nes-text is-primary">What is the point of this game?</h3>
<p>
The point of this game is simple. You are given an image, and must try
to guess the transformation that was applied to the image. There are
multiple stages, with increasing difficulty, starting from simply
guessing the type of transformation, to guessing the exact
transformation matrix.
</p>
<i class="nes-octocat animate"></i>
<h3 class="nes-text is-primary">How was this game built?</h3>
<p>
This game is built using the Phaser 3 framework, which is a JavaScript
library for creating games. The game is built using HTML, CSS, and
JavaScript. The game is hosted on Cloudflare Pages, which is a free
static site hosting service. The game is open source, which means that
anyone can view the code and make changes to it.
</p>
</main>
</body>
</html>