<!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>