-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (71 loc) · 2.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css"/>
<title>Soldiers</title>
<style type="text/css">
body{
background-color: #ADD8E6;
/*color: white;*/
}
header{
text-align: center;
font-family:'Courier New', Courier, 'Nimbus Mono L', serif, monospace;
text-shadow: 2px 2px #000000;
color: white;
}
img{
width: 400px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: block;
}
#imgs{
padding-top: 3em;
width: 600px;
margin-left: auto;
margin-right: auto;
display: block;
}
p{
color: black;
text-align: center;
font-size: 18px;
padding-bottom: 2em;
}
h2{
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>Soldier Sudoku</h1>
</header>
<h2>Our team wrote a C++ desktop version of the popular puzzle game, Sudoku.</h2>
<div id="imgs">
<img src="home.png" alt="">
<p>This is the home screen. From here, the user can create a new game, load a saved game, check out the instructions, statistics, leaderboard, and log into Facebook.</p>
<img src="easy.png" alt="">
<p>After selecting 'New Game', the user can choose from 4 difficulties: Easy, Medium, Hard, and Expert. This shows an easy game.</p>
<img src="playing.png" alt="">
<p>User added values appear in blue. Notes appear in green and are smaller. Values can be added via the buttons or keyboard input. Navigation can be done via clicking or arrow keys. Moves and notes can be undone and redone via keyboard shortcuts and the arrow buttons. </p>
<img src="hints.png" alt="">
<p>Adding a hint adds a black value. It also adds to the time. Each hint adds more time than the last.</p>
<img src="erase.png" alt="">
<p>User added values can be erased.</p>
<img src="pause.png" alt="">
<p>User is given options for ending, continuing, and resetting the game. Meanwhile, the game timer does not continue.</p>
<img src="save.png" alt="">
<p>If the user would like to end the game, there is an option to save first so the game can be continued later.</p>
<img src="instr.png" alt="">
<p>The instructions for the game.</p>
<img src="fblogin.png" alt="">
<p>Upon clicking the log in with Facebook button, the user is prompted for credentials.</p>
<img src="loggedin.png" alt="">
<p>After successful login, the user's name appears in the top right corner of every screen. All statistics will now be logged to that user rather than 'Anonymous'.</p>
</div>
</body>
</html>