challenge-bot.com Git - challenge-bot/blob - challenge-bot.com/people.html

   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>