Find file
Fetching contributors…
Cannot retrieve contributors at this time
194 lines (178 sloc) 11.8 KB
<!-- This design is largely inspired from -->
<title>Hi there, I'm Luke Closs</title>
<script language="javascript">
function email() {
name = "";
domain = "";
document.location = "mailto:" + name + "@" + domain;
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script src="js/"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//"></script>
<style type="text/css" media="screen"> {
/* 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) { {
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;
-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;
<body align="center">
<img src="img/rohr.jpg" class="bg" />
<script type="text/javascript">
if (navigator.userAgent.indexOf("Firefox")==-1)
<div width="100%">
<div id="sidebar">
<h1>Hi there, I'm Luke Closs.</h1>
<p class="lead">I'm a Vancouver, BC based <a href="" 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="">tweet</a>, write lots of <a href="">code</a>, present <a href="">ideas</a> and like to <a href="">throw things</a>.</p>
<h3>A little bit about my path:</h3>
<ul class="unstyled">
<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="">BCIT</a> with honours in Data Communications and Internetworking.
<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.
<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="">Sophos</a> on unix based email gateway anti-spam product.
<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="">Socialtext</a>'s globally distributed development team and we built a platform for social enterprise collaboration.
<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="">Vancouver Hack Space</a>, one of Canada's first <a href="">Hackerspaces</a>. I also <a href="">helped</a> <a href="">Dan Bricklin</a> (inventor of the <a href="">Spreadsheet</a>) build the <a href="">first Spreadsheet</a> for the <a href="">One Laptop Per Child</a> project.
<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="">ReCollect</a>, a business to help municipalities communicate with citizens about waste collection.
<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="">Vancouver Biodiesel Co-op</a> and <a href="">Wilderness Committee</a> with innovative and collaborative web projects. I also filmed a part in a <a href="">television commercial</a> as a juggler!
<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="">Prime Radiant</a> as the Developer of <a href="">Checkmarkable</a>, an app to help organizations have <a href="">repeatable</a>, <a href="">high quality processes</a>.
In 2012 I founded <a href="">ReCollect Systems Inc</a>, with <a href="">Kevin Jones</a> and <a href="">David Eaves</a> to grow <a href="">ReCollect</a> to the next stage in its journey. I built some cool hacks, including a <a href="">Picture frame tool for Moms and Grandmas</a> and a <a href="">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>
In 2013 I spent most of my time growing as an entrepreneur on <a href="" target="_blank">ReCollect</a>. Still, I managed to have some other fun: I helped launch <a href="">VHSdecel</a> - Vancouver's first startup decelerator, my open source biodiesel point of service system <a href="">Biopay</a> has been embraced by others, and I re-launched <a href="">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>
2014 to present continues to be an period of personal growth
building <a href="" target="_blank">ReCollect</a>
into a sustainable and impactful company in the civic tech space.
Every month that goes by we become more ambitous about the impact
we can make. I owe so much to my amazing co-founders
<a href="" target="_blank">David Eaves</a> and
<a href="" target="_blank">Kevin Jones</a> and
especially my smouldering wife Jen.
<a class="detail" href="#" rel="tooltip" title="We built a fun
video game to help educate people about their waste!"><i
<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()"><!--blah blah blah-->@<!-- blah blah blah--></a> and follow me on Twitter <a href="!/lukec">@lukec</a>. <br />
<a href=""><img src="" alt="Member of The Internet Defense League" /></a>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29294439-1']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
<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://') + '' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner');