| <!DOCTYPE html> | 
 | <html> | 
 | <head> | 
 | <import src="../resources/dump-as-render-tree.sky" /> | 
 | <title>Adam Barth</title> | 
 | <style> | 
 | html { | 
 |   overflow: hidden; | 
 |   height: 100%; | 
 | } | 
 |  | 
 | body { | 
 |   height: 100%; | 
 |   background-color: white; | 
 |   margin: 0; | 
 |   font-family: Arial, Helvetica, sans-serif; | 
 |   background-repeat: no-repeat; | 
 |   background-position: center top; | 
 |   background-size: cover; | 
 | } | 
 |  | 
 | .line, | 
 | .link, | 
 | .name, | 
 | .photograph-credit { | 
 |   display: paragraph; | 
 | } | 
 |  | 
 | .photograph-credit { | 
 |   position: absolute; | 
 |   right: 0; | 
 |   bottom: 0; | 
 |   padding: 3px; | 
 |   font-size: 8pt; | 
 |   color: #333; | 
 | } | 
 |  | 
 | a { | 
 |   color: #333; | 
 | } | 
 |  | 
 | .name a { | 
 |   text-decoration: none; | 
 | } | 
 |  | 
 | .bio { | 
 |   padding: 15px; | 
 |   text-align: right; | 
 | } | 
 |  | 
 | .name { | 
 |   font-weight: bold; | 
 |   font-size: 32pt; | 
 | } | 
 |  | 
 | .links { | 
 |   padding: 19px 0; | 
 | } | 
 |  | 
 | .link { | 
 |   padding: 5px 15px; | 
 |   text-align: right; | 
 | } | 
 | </style> | 
 | </head> | 
 | <body> | 
 | <div class="card"> | 
 | <div class="bio"> | 
 |   <div class="name"><a href="./">Adam Barth</a></div> | 
 |   <div class="education"> | 
 |     <div class="line">Ph.D., M.S., Stanford, 2008</div> | 
 |     <div class="line">B.A., Cornell, 2003</div> | 
 |   </div> | 
 | </div> | 
 | <div class="links"> | 
 |   <div class="link"><a href="http://twitter.com/adambarth">@adambarth</a></div> | 
 |   <div class="link"><a href="http://dev.chromium.org/blink">Blink</a></div> | 
 |   <div class="link"><a href="http://blog.chromium.org/">Chromium</a></div> | 
 |   <div class="link"><a href="papers/">Publications</a></div> | 
 | </div> | 
 | </div> | 
 | <div class="photograph-credit"> | 
 | Photograph by <a href="http://www.flickr.com/photos/lesphotosdejerome/">Jérôme</a> | 
 | </div> | 
 | </body> | 
 | </html> |