Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

181 lines (165 sloc) 11.273 kB
<html>
<!-- This design is largely inspired from http://johngeraci.com -->
<head>
<title>Hi there, I'm Luke Closs</title>
<script language="javascript">
function email() {
name = "email.me";
domain = "luk.ec";
document.location = "mailto:" + name + "@" + domain;
}
</script>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script src="js/luk.ec.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style type="text/css" media="screen">
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) {
img.bg {
left: 50%;
margin-left: -512px;
}
}
div#sidebar {
position: relative;
width: 670px;
margin: 0 auto;
background: #fff;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
text-align:left;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}
li {
padding-top: 5px;
padding-bottom: 5px;
}
h1 {
margin-bottom: 24px;
}
a.detail {
position: relative;
top: 0px;
float: right;
}
</style>
</head>
<body align="center">
<img src="img/rohr.jpg" class="bg" />
<script type="text/javascript">
if (navigator.userAgent.indexOf("Firefox")==-1)
document.write("<br><br>")
</script>
<div width="100%">
<center>
<div id="sidebar">
<h1>Hi there, I'm Luke Closs.</h1>
<p class="lead">I'm a Vancouver, BC based <a href="http://about.recollect.net/" target="_blank">entrepreneur</a>, father and civic hacker.</p>
<p class="lead">I like to make things in real life and on the web.</p>
<p class="lead">I <a href="http://twitter.com/lukec">tweet</a>, write lots of <a href="http://github.com/lukec">code</a>, present <a href="http://www.slideshare.net/lukec">ideas</a> and like to <a href="http://youtu.be/f9BbL2G_wMI">throw things</a>.</p>
<h3>A little bit about my path:</h3>
<ul class="unstyled">
<li>
<a class="detail" href="#" rel="tooltip" title="Fell in love with Jennifer"><i class="icon-heart"></i></a>
<a class="detail" href="#" rel="tooltip" title="I learned how to juggle balls and clubs"><i class="icon-warning-sign"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: Learning how to learn"><i class="icon-info-sign"></i></a>
I graduated in 2001 from <a href="http://bcit.ca">BCIT</a> with honours in Data Communications and Internetworking.
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="Started Vancouver juggling club, learned fire juggling and unicycling"><i class="icon-warning-sign"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: Things take as long as they take. Make them right"><i class="icon-info-sign"></i></a>
From 2001 to 2004 I worked for Telos Technologies building 2g and 3g cellular soft switches.
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="I married Jen in Hawaii"><i class="icon-heart"></i></a>
<a class="detail" href="#" rel="tooltip" title="Learned to sail"><i class="icon-warning-sign"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: Be ambitious"><i class="icon-info-sign"></i></a>
From 2004 to 2006 I worked for <a href="http://sophos.com">Sophos</a> on unix based email gateway anti-spam product.
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="I started brewing my own beer"><i class="icon-glass"></i></a>
<a class="detail" href="#" rel="tooltip" title="Learned how to balance things on my face"><i class="icon-warning-sign"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: RESTful services are wonderfu"><i class="icon-info-sign"></i></a>
In 2006 I joined <a href="http://socialtext.com">Socialtext</a>'s globally distributed development team and we built a platform for social enterprise collaboration.
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="Lesson: You can learn a surprising amount by hanging out with the right people"><i class="icon-info-sign"></i></a>
In 2008 I helped to found the <a href="http://hackspace.ca">Vancouver Hack Space</a>, one of Canada's first <a href="http://hackerspaces.org">Hackerspaces</a>. I also <a href="https://github.com/lukec/socialcalc-xocom">helped</a> <a href="http://bricklin.com">Dan Bricklin</a> (inventor of the <a href="http://en.wikipedia.org/wiki/VisiCalc">Spreadsheet</a>) build the <a href="http://wiki.laptop.org/go/SocialCalc">first Spreadsheet</a> for the <a href="http://laptop.org">One Laptop Per Child</a> project.
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="Don't forget to take out your trash!"><i class="icon-trash"></i></a>
<a class="detail" href="#" rel="tooltip" title="My son Jackson is born"><i class="icon-heart"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: Small hacks can become valuable with time, strategy and attention"><i class="icon-info-sign"></i></a>
In 2009 I created VanTrash, one of the first civic open data apps in Canada. VanTrash became <a href="https://recollect.net">ReCollect</a>, a business to help municipalities communicate with citizens about waste collection.
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="I've become one of BC's experts in community scale biodiesel."><i class="icon-road"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: It's sometimes faster to implement both options than to argue which is better."><i class="icon-info-sign"></i></a>
In 2011 I became independent and helped the <a href="http://vancouverbiodiesel.org">Vancouver Biodiesel Co-op</a> and <a href="http://substance.io/lukec/oilert">Wilderness Committee</a> with innovative and collaborative web projects. I also filmed a part in a <a href="http://ca.adforum.com/creative-work/ad/player/34472460">television commercial</a> as a juggler!
</li>
<li>
<a class="detail" href="#" rel="tooltip" title="Brewed my 33rd batch of beer"><i class="icon-glass"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: Think of your business as a system"><i class="icon-info-sign"></i></a>
In 2011 I joined <a href="http://primeradiant.com">Prime Radiant</a> as the Developer of <a href="http://checkmarkable.com">Checkmarkable</a>, an app to help organizations have <a href="http://e-myth.com">repeatable</a>, <a href="http://gawande.com/the-checklist-manifesto">high quality processes</a>.
</li>
<li>
In 2012 I founded <a href="http://about.recollect.net">ReCollect Systems Inc</a>, with <a href="http://kjo.ca">Kevin Jones</a> and <a href="http://eaves.ca">David Eaves</a> to grow <a href="https://recollect.net">ReCollect</a> to the next stage in its journey. I built some cool hacks, including a <a href="https://github.com/lukec/momframe">Picture frame tool for Moms and Grandmas</a> and a <a href="http://smsharvest.com">SMS Harvest - a tool for groups to gather feedback from large groups</a>.
<a class="detail" href="#" rel="tooltip" title="Performed my first 3-Closs juggle balance w/ Jack and Lucy"><i class="icon-warning-sign"></i></a>
<a class="detail" href="#" rel="tooltip" title="My daughter Lucy is born"><i class="icon-heart"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: [Open Data] innovations need businesses behind them to push them into the market."><i class="icon-info-sign"></i></a>
</li>
<li>
In 2013 I spent most of my time growing as an entrepreneur on <a href="https://recollect.net" target="_blank">ReCollect</a>. Still, I managed to have some other fun: I helped launch <a href="http://vhsdecel.com">VHSdecel</a> - Vancouver's first startup decelerator, my open source biodiesel point of service system <a href="http://vancouverbiodiesel.org">Biopay</a> has been embraced by others, and I re-launched <a href="https://smsharvest.com">SMS Harvest</a>.
<a class="detail" href="#" rel="tooltip" title="Jack and I perfect the 2-high shoulder stand while I juggle under him. We perform it to rave reviews."><i class="icon-warning-sign"></i></a>
<a class="detail" href="#" rel="tooltip" title="Lesson: You can make a big impact on your city in only 50 short months."><i class="icon-info-sign"></i></a>
</li>
</ul>
<div>
<a class="detail" href="#" rel="tooltip" title="I am naked in this picture somewhere."><i class="icon-warning-sign"></i></a>
You can <a href="#" onClick="javascript:email()">email.me<!--blah blah blah-->@<!-- blah blah blah-->luk.ec</a> and follow me on Twitter <a href="http://twitter.com/#!/lukec">@lukec</a>. <br />
</div>
<a href="http://internetdefenseleague.org"><img src="http://internetdefenseleague.org/images/badges/final/footer_badge.png" alt="Member of The Internet Defense League" /></a>
</div>
</center>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29294439-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
window._idl = {};
_idl.variant = "modal";
(function() {
var idl = document.createElement('script');
idl.type = 'text/javascript';
idl.async = true;
idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner');
document.getElementsByTagName('body')[0].appendChild(idl);
})();
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.