ceeyendeewhy.github.io/checkers.html at master · ceeyendeewhy/ceeyendeewhy.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
<!DOCTYPE html>
<html>
	<head>

		<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,800' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<script type='text/javascript' src='loadImg.js'></script>
		<script type="text/javascript" src="script.js"></script>
		<link rel="stylesheet" type="text/css" href="fullPage.js/fullPage.js-master/jquery.fullPage.css" />
		<script type="text/javascript" src="fullPage.js/fullPage.js-master/jquery.fullPage.js"></script>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.ico" type="image/x-icon">
		<title>Cindy Liu</title>
	</head>
	<body>
		<div class="buttons">
			<div class="nav">
				<ul>
					<li><a href="index.html#envelope">Contact</a></li>
					<li><a href="index.html#folder">Projects</a></li>
					<li><a href="index.html#info">About<a></li>
					<li><a href="index.html#home">Home</a></li>
				</ul>
			</div>
		</div>
		<div id="fullpage">
			<div class="section">
				<div class="slide slide-checkers">
					<div class="checkers-title">
						<i class="fa fa-gamepad fa-2x"></i>
						<h1>Checkers61B</h1>
						<p class="project-blurb">A classic game of checkers with a twist</p>
						<a href="index.html#folder"><button type="button" class="btn btn-primary learn-more-btn view-more-btn">View More Projects</button></a>
					</div>
				</div>
				<div class="slide slide-checkers">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
				    	<img class="checkers-img" src="basicmoves.jpg">
				    </div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					    <div class="checkers-description">
							<p>My first Java program was a checkers game using all of the classic rules of the game but with the introduction of two new pieces- the bomb and shield pieces. I used the Princeton StdDraw library to implement the GUI and to handle mouse and keyboard events. I also wrote extensive JUnit tests to handle edge cases.</p>
						</div>
					</div>
				</div>
			    <div class="slide slide-checkers">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<img class="checkers-img" src="bomb1.jpg">
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<div class="checkers-description">
							<p>Players alternate turns, only forward-diagonal movements are allowed with the exception of king pieces who may also move in backwards-diagonal directions. Acceptable movements were determined using calculations.</p>
						</div>
					</div>
				</div>
			    <div class="slide slide-checkers">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<img class="checkers-img" src="bomb2.jpg">
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<div class="checkers-description">
							<p>Bomb pieces destroy themselves upon capturing an opponent's piece as well as all pieces within its radius except shield pieces.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>