-
Notifications
You must be signed in to change notification settings - Fork 4
/
spaceWeight.html
40 lines (40 loc) · 1.96 KB
/
spaceWeight.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
<!DOCTYPE html>
<html>
<head>
<title>Spaceploration</title>
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/style.css">
<script type="text/javascript" src="./js/lib/jquery-1.11.1.js"></script>
<script type="text/javascript" src="./js/checkGravity.js"></script>
<script type="text/javascript" src="./js/weight.js"></script>
</head>
<body>
<div class="spaceBounce">
<a href="./index.html"><button class="home">Go back to the Solar System</button></a>
<div class="header">
<h1>Fat Cat Space Bounce</h1>
<p>Our Space Kitty weighs 10lbs on Earth. Space Kitty doesn't want to gain or lose weight when she travels to other planets, she wants to stay 10lbs no matter where she goes! Guess how much she would need to weigh on Earth to remain 10lbs on the planet she's visiting.</p>
</div>
<div class="guess">
<p>How much does Space Kitty need to weigh on Earth to stay 10lbs on <span class="thisPlanet">Mercury</span>?</p>
<input type="text"><span>Earth lbs</span>
</div>
<div class="newPlanet">
<p>All done?<br><br>Click here to move on to the next planet or moon!</p>
</div>
<div class="description">
<p>Mercury is the closest planet to the Sun in the solar system. Its small size creates a small gravitational pull of 3.7 m/s^2--about a third that of Earth!--and its closeness to the Sun's heat and radiation has made it a dry, barren planet. Life needs a liquid, like water, to survive; is this a good location for a planet to support life?</p>
</div>
<div class="planetWeight">
<img src="./images/space-cat.png" class="spaceCat bounce">
<div class="planet">
<h3>Weight on <span class="thisPlanet">Mercury</span>:</h3>
<div class="scale">
<p class="spaceWeight">???</p>
<img src="./images/meter.png">
</div>
</div>
</div>
</div>
</body>
</html>