| 1 | <!DOCTYPE html> |
| 2 | |
| 3 | <style> |
| 4 | body { font-family: monospace; |
| 5 | color: #111111; |
| 6 | width: 80%; |
| 7 | margin: auto auto;} |
| 8 | h2 { color: #008000;} |
| 9 | h3 { color: #009900;} |
| 10 | a { color: #00CC00;} |
| 11 | .person { min-height: 200px; |
| 12 | max-width: 800px; |
| 13 | padding-top: 20px; |
| 14 | padding-bottom: 20px; } |
| 15 | .person .photo { float: left; |
| 16 | padding-right: 30px; } |
| 17 | .person .text { margin: auto auto; } |
| 18 | </style> |
| 19 | |
| 20 | <body> |
| 21 | |
| 22 | <h2>people</h2> |
| 23 | |
| 24 | <div class="person"> |
| 25 | <img class="photo" src="images/danny200.png" alt="danny watson" /> |
| 26 | <div class="text"> |
| 27 | <h3 class="name">danny watson</h3> |
| 28 | <div class="bio"> |
| 29 | <p>Daniel simulated a self driving car in a massive online class a few years ago. Since then he has worked towards making this happen in the real world. Along the way, he has learned a great deal about electronics, and mechanics. He now has a very solid understanding of a very basic robot.</p> |
| 30 | <p>He rock climbs, and makes robots.</p></div></div></div> |
| 31 | |
| 32 | <div class="person"> |
| 33 | <img class="photo" src="images/erin200.png" alt="erin bennett" /> |
| 34 | <div class="text"> |
| 35 | <h3 class="name">erin bennett</h3> |
| 36 | <div class="bio"> |
| 37 | <p>Erin learned to program in a Linguistics class, where she explored text corpora and drew pictures of finite state machines. A few years later while programming a remote-controlled robot, she implemented her first finite state machine. She was so happy, she made up a song about it.</p> |
| 38 | <p>She enjoys spending her time juggling, sleeping, drawing, coding, putting together robots, and making computational models of cognition and language.</p></div></div></div> |
| 39 | |
| 40 | <div class="person"> |
| 41 | <img class="photo" src="images/no-photo200.png" alt="shoshana berleant" /> |
| 42 | <div class="text"> |
| 43 | <h3 class="name">shoshana berleant</h3> |
| 44 | <div class="bio"> |
| 45 | <p>... is a cool person and does challenge-bot stuff</p></div></div></div> |
| 46 | |
| 47 | </body> |