Fetch-and-JSON-Studio/index.html at 0df3f6ad99beb7d0374754a7fc5fbb14e857b970 · LaunchCodeEducation/Fetch-and-JSON-Studio · 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
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Astronauts</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    window.addEventListener("load", function(){
    ????
  </head>
  <body>
    <script src="script.js"></script>
    <h1>Astronauts</h1>
    <div id="container">
        <!-- List of astronauts will be added here dynamically -->
      <div class="astronaut">
   <div class="bio">
      <h3>Frederick Gregory</h3>
      <ul>
         <li>Hours in space: 455</li>
         <li>Active: false</li>
         <li>Skills: Information Systems, Shuttle Pilot, Figher Pilot, Helicopter Pilot, Colonel USAF</li>
      </ul>
   </div>
   <img class="avatar" src="images/frederick-gregory.jpg">
</div>
      <div class="astronaut">
   <div class="bio">
      <h3>Ellen Ochoa</h3>
      <ul>
         <li>Hours in space: 979</li>
         <li>Active: false</li>
         <li>Skills: Physics, Electrical Engineer</li>
      </ul>
   </div>
   <img class="avatar" src="images/ellen-ochoa.jpg">
</div>
      <div class="astronaut">
   <div class="bio">
      <h3>Guion Bluford</h3>
      <ul>
         <li>Hours in space: 686</li>
         <li>Active: false</li>
         <li>Skills: Aerospace Engineer, Philosophy, Physics, Colonel USAF, Figher Pilot</li>
      </ul>
   </div>
   <img class="avatar" src="images/guion-bluford.jpg">
</div>
      <div class="astronaut">
   <div class="bio">
      <h3>Sally Ride</h3>
      <ul>
         <li>Hours in space: 343</li>
         <li>Active: false</li>
         <li>Skills: Physicist, Astrophysics</li>
      </ul>
   </div>
   <img class="avatar" src="images/sally-ride.jpg">
</div>
      <div class="astronaut">
   <div class="bio">
      <h3>Kjell Lindgren</h3>
      <ul>
         <li>Hours in space: 15</li>
         <li>Active: true</li>
         <li>Skills: Physician, Surgeon, Emergency Medicine</li>
      </ul>
   </div>
   <img class="avatar" src="images/kjell-lindgren.jpg">
</div>
      <div class="astronaut">
   <div class="bio">
      <h3>Jeanette Epps</h3>
      <ul>
         <li>Hours in space: 0</li>
         <li>Active: true</li>
         <li>Skills: Physicist, Philosophy, Aerospace Engineer</li>
      </ul>
   </div>
   <img class="avatar" src="images/jeanette-epps.jpg">
</div>
    </div>
  </body>
</html>