Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
175 lines (173 sloc) 7.82 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>progrium :: Jeff Lindsay :: Hacker-philosopher</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="/style/bootstrap.min.css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
<script type="text/javascript" src="http://www.scriptlets.org/run/18tphza"></script>
<link rel="me" href="http://www.google.com/profiles/progrium" />
<style type="text/css">
body {
background: url(/images/progrium_bg.png) repeat-x;
background-color: #eaf0e2;
font-family: 'Droid Sans', sans-serif;
}
#header {
color: #eaf0e2;
text-shadow: 2px 2px 4px #444;
}
a:link, a:hover, a:visited {
color: #e6f0e6;
}
#header img {
width: 320px;
height: 320px;
-ms-transform:rotate(-6deg);
-o-transform:rotate(-6deg);
-webkit-transform:rotate(-6deg);
-moz-transform:rotate(-6deg);
float: left;
margin-top: 90px;
-moz-box-shadow: 2px 2px 8px #444;
-webkit-box-shadow: 2px 2px 8px #444;
box-shadow: 2px 2px 8px #444;
}
#header h1 {
font-family: 'Droid Serif', serif; font-weight: 400; font-size: 60px;
color: #f8fbf8;
margin-top: 120px;
}
#header h1 small {
font-family: 'Droid Sans', sans-serif; font-weight: 400; font-size: 30px;
position: absolute;
margin-left: -180px;
padding-top: 40px;
color: #aab0aa;
}
#header h2 {
font-family: 'Droid Sans', sans-serif; font-weight: 400; font-size: 30px;
color: #e6f0e6;
margin-top: 80px;
margin-left: 30px;
}
#header ul {
margin-left: 180px;
list-style-type: none;
position: absolute;
top: 30px;
}
#header li {
font-family: 'Droid Sans', sans-serif;
float: left;
margin-left: 40px;
font-size: 24px;
}
#content {
margin-top: 40px;
margin-bottom: 50px;
}
#organizations {
list-style-type: none;
}
#organizations li {
font-family: 'Droid Sans', sans-serif;
float: left;
width: 200px;
margin-right: 30px;
font-size: 24px;
margin-left: 80px;
font-size: 12px;
}
#organizations a:link,
#organizations a:hover,
#organizations a:visited {
color: #404040;
}
#organizations img {
width: 80px;
height: 80px;
float: left;
margin-left: -90px;
}
#organizations h3 {
font-weight: bold;
font-size: 24px;
line-height: 24px;
}
#organizations p {
font-size: 12px;
line-height: 14px;
padding-top: 10px;
color: #404040;
}
#footer {
background: url(/images/progrium_bg.png) repeat-x;
padding: 45px;
}
#footer .banners {
padding-right: 150px;
}
</style>
</head>
<body>
<div class="container">
<div id="header" class="row">
<div class="span6">
<img src="/images/progrium_photo_320.png" alt="Jeff Lindsay" />
</div>
<div class="span10">
<h1>Jeff Lindsay <small>(progrium)</small></h1>
<h2>Pragmatic idealist. Builder.<br />Thought explorer.</h2>
<ul>
<li><a href="http://blogrium.com">Blog</a></li>
<li><a rel="me" href="http://github.com/progrium">Projects</a></li>
<li><a href="http://blogrium.com/about">About</a></li>
</ul>
</div>
</div>
<div id="content" class="row">
<ul id="organizations" class="span16">
<li>
<a href="http://hackerdojo.com"><img src="/images/hackerdojo_logo.png" /></a>
<h3><a href="http://hackerdojo.com">Hacker Dojo</a></h3>
<small>Founding Director</small>
<p>Community center for builders,<br /> creators, and technologists</p>
</li>
<li>
<a href="http://www.twilio.com"><img src="/images/twilio_logo.png" /></a>
<h3><a href="http://www.twilio.com">Twilio</a></h3>
<small>System Designer</small>
<p>API toolkit for easily building apps<br /> that integrate with telecom systems</p>
</li>
<li>
<a href="http://www.devhouse.org"><img src="/images/devhouse_logo.png" /></a>
<h3><a href="http://www.devhouse.org">DevHouse</a></h3>
<small>Founding Organizer</small>
<p>Party for hackers and thinkers in<br /> Silicon Valley and around the world</p>
</li>
</ul>
</div>
</div>
<div id="footer">
<div class="container">
<a href="http://twitstamp.com"><img src="http://twitstamp.com/progrium/standard.png" border="0" alt="twitstamp.com" style="margin-right: 40px; padding-bottom: 5px;"/></a>
<script type="text/javascript">
document.write('<object id="zg" width="345" height="85" align="" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param id="flickrparam" value="http://www.flickr.com/apps/badge/flashbadge.swf?host=http://www.flickr.com&bg_color=40655b&cols=8&rows=2&wh=42&swapInterv=3&loadInterv=120&transition=bigThenSmall&nsid=76895297@N00&scope=0&favorites=0&tags=&tag_mode=all&group_id=&text=&set_id=&context=&v=62865&magisterLudi='+flickrThing+'&auth_token=&auth_hash=4297d05d5ef7c48f699d4748f19e4ca9&flickr_secret=164819fc6fcd852c" name="movie"/><param value="high" name="quality"/><param value="#40655b" name="bgcolor"/><embed id="flickrembed" width="345" height="85" align="" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="photo" bgcolor="#40655b" quality="high" src="http://www.flickr.com/apps/badge/flashbadge.swf?host=http://www.flickr.com&bg_color=40655b&cols=8&rows=2&wh=42&swapInterv=3&loadInterv=120&transition=bigThenSmall&nsid=76895297@N00&scope=0&favorites=0&tags=&tag_mode=all&group_id=&text=&set_id=&context=&v=62865&magisterLudi='+flickrThing+'&auth_token=&auth_hash=4297d05d5ef7c48f699d4748f19e4ca9&flickr_secret=164819fc6fcd852c"/></object>');
</script><object width="85" height="85"><param name="movie" value="http://robo.to/swf/smirk.swf?uuid=986f7e2ef7493820fb69e29b8e29e1bdc2374cf7&cURI=rtmp://robo.to/smirk_ul&sURL=http://robo.to/amf/gateway&sName=SmirksController&mirror=0&hideBlerb=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://robo.to/swf/smirk.swf?uuid=986f7e2ef7493820fb69e29b8e29e1bdc2374cf7&cURI=rtmp://robo.to/smirk_ul&sURL=http://robo.to/amf/gateway&sName=SmirksController&mirror=0&hideBlerb=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="85" height="85"></embed></object>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6824126-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>