Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: 16b2aff6c8
Fetching contributors…

Cannot retrieve contributors at this time

183 lines (175 sloc) 12.76 kB
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>hacker, entrepreneur, engineer | johnsonjeff.com</title>
<meta name="description" content="eHome of Jeff Johnson. Chicago Entrepreneur, Electrical Engineering Student, and wannabe triathlete">
<meta name="viewport" content="width=device-width">
<meta name="og:url" content="http://johnsonjeff.com/">
<meta name="og:title" content="hacker, entrepreneur, engineer | johnsonjeff.com">
<meta name="og:description" content="eHome of Jeff Johnson. Chicago Entrepreneur, Electrical Engineering Student, and wannabe triathlete">
<meta name="og:image" content="http://www.gravatar.com/avatar/4dc65175276dfc51dd6dbd527fa30f62?s=200">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/font-awesome.css">
<!--[if IE 7]><link rel="stylesheet" href="/stylesheets/font-awesome-ie7.css"><![endif]-->
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<div style="position: absolute; margin: 0 auto; background-color: #F0A830; color: #5E412F; font-size: 50px; margin-left: 100px; margin-top: -24px; padding: 10px;">
danger! this site is <a href="https://github.com/johnsonj/johnsonj.github.com/commits/master" target="_blank" style="color: #5E412F">under construction</a>
</div>
<div id="container">
<div id="header" class="brown-back" itemscope itemtype="http://data-vocabulary.org/Person">
<div id="right-aside">
<span id="social" itemprop="contact">
<a href="https://www.facebook.com/johnsonjeffreyr" target="_blank"><i class="icon-facebook"></i></a><br>
<a href="https://twitter.com/jeffinhat" target="_blank"><i class="icon-twitter"></i></a><br>
<a href="http://www.linkedin.com/pub/jeffrey-johnson/2a/958/476" target="_blank"><i class="icon-linkedin"></i></a><br>
<a href="https://github.com/johnsonj" target="_blank"><i class="icon-github"></i></a><br>
<a href="https://plus.google.com/u/0/113665003638690902308" target="_blank" rel="author"><i class="icon-google-plus"></i></a><br>
</span>
<img class="subtle-outline" src="http://www.gravatar.com/avatar/4dc65175276dfc51dd6dbd527fa30f62?s=200" itemprop="photo">
</div>
<h1 class="soft-shadow" itemprop="name">jeff johnson</h1>
<span>I am not a web guy. I am not a software guy. I am an <span itemprop="title">engineer</span> in <span itemprop="address">chicago</span> developing solutions for a changing world and it just so happens I speak 1's and 0's</span>
</div>
<nav id="nav-group">
<a href="#projects" class="navigation brown-back clickable" data-hover-buddy="projects">
<i class="icon-beaker"></i><span class="nav-title">projects</span>
</a>
<a href="#resume" class="navigation brown-back clickable" data-hover-buddy="resume">
<i class="icon-list-alt"></i><span class="nav-title">resume</span>
</a>
<a href="#contact" class="navigation brown-back clickable" data-hover-buddy="contact">
<i class="icon-phone"></i><span class="nav-title">contact</span>
</a>
</nav>
<div id="sections">
<div class="brown-back section" data-hover-buddy="projects" style="min-height: 300px;" id="projects">
<h2>projects</h2>
<article class="subsection" itemscope itemtype="http://schema.org/SoftwareApplication">
<div class="photo-display">
<img class="subtle-outline" src="img/cbug.png">
</div>
<div class="heading">
<h3 class="header">
<a href="http://classbug.com/" target="_blank" itemprop="name">ClassBug.com</a>
</h3>
<span class="aside">
ruby on rails, postgresql, coffeescript
</span>
</div>
<span class="copy" itemprop="description">
Chicago-based startup developing SaaS scheduling, CRM, and studio management software for leisure class providers. Developed Ruby on Rails application with the help of countless gems, test driven development, and my CoFounder/Designer.
</span>
</article>
<article class="subsection" itemscope itemtype="http://schema.org/SoftwareApplication">
<div class="photo-display">
<img class="subtle-outline" src="img/cfill.png">
</div>
<div class="heading">
<h3 class="header">
<a href="http://classfill.com/" target="_blank" itemprop="name">ClassFill.com</a>
</h3>
<span class="aside">
php, mysql, codeigniter
</span>
</div>
<span class="copy" itemprop="description">>
Changing the way soccer moms book yoga, one class at a time. ClassFill provides a name-your-price online marketplace for leisure classes in Chicago. Developed in PHP using CodeIgniter as a framework with some fun libraries such as jsrender.
</span>
</article>
<article class="subsection" itemscope itemtype="http://schema.org/SoftwareApplication">
<div class="photo-display">
<img class="subtle-outline" src="img/ipro.png">
</div>
<div class="heading">
<h3 class="header" itemprop="name">
Playing games with Epidemiology
</h3>
<span class="aside">
ruby on rails, ios, hadoop
</span>
</div>
<span class="copy" itemprop="description">
Modeling the spread of diseases through real contact graphs generated by usage of a iOS based mobile phone game. Used developing technologies and ideas in epidemiology to add fine-grain detail to a high level field. Developed Ruby on Rails web interface and API for mobile phone and hadoop components thanks to a wonderful team and strong support from our <a href="http://cs.iit.edu/~lee/" target="_blank">advisor</a>. Awarded Best in Track Fall 2012.
</span>
</article>
<article class="subsection" data-img-hover="img/esw1.png" itemscope itemtype="http://schema.org/SoftwareApplication">
<div class="photo-display">
<img class="subtle-outline" src="img/esw1.png">
</div>
<div class="heading">
<h3 class="header">
<a href="http://eswiit.org/" target="_blank" itemprop="name">ESW@iit </a>
</h3>
<span class="aside">
locomotive cms, ruby on rails
</span>
</div>
<span class="copy" itemprop="description">
Designed and implemented website for local chapter of national sustainability organization. Leveraged LocomotiveCMS to ensure maintainability of website down the road. Graphic work thanks to Christina Noonan.
</span>
</article>
<article class="subsection" data-img-hover="img/esw2.png">
<div class="photo-display">
<img class="subtle-outline" src="img/esw2.png">
</div>
<div class="heading">
<h3 class="header">
ESW@iit - Sustainability Week 2011
</h3>
<span class="aside">
html5, jquery
</span>
</div>
<span class="copy">
Homepage and homebase for week long celebration of sustainability. First serious design project.
</span>
</article>
<article class="subsection" data-img-hover="img/jquery-color-field.png" itemscope itemtype="http://schema.org/SoftwareApplication">
<div class="photo-display">
<img class="subtle-outline" src="img/jquery-color-field.png">
</div>
<div class="heading">
<h3 class="header">
<a href="https://github.com/johnsonj/jquery-color-field" target="_blank" itemprop="name">jQuery Color Field</a>
</h3>
<span class="aside">
coffeescript, opensource
</span>
</div>
<span class="copy" itemprop="description">
It's nice to color code stuff, but it should only add to the users experience. This plugin is an attempt at a sublte method for closing the gap between the entity the color is related to and the selection of that color. Work in progress.
</span>
</article>
</div>
<div class="brown-back section" data-hover-buddy="resume" id="resume">
<h2>resume</h2>
text-version coming soon, for now check out my <a href="http://www.linkedin.com/pub/jeffrey-johnson/2a/958/476">linked in</a> or the not-so-web-friendly <a href="resume.pdf" target="_blank">pdf version</a>.
</div>
<div class="brown-back section" data-hover-buddy="contact" id="contact">
<h2>contact</h2>
<span class="contact">
<span class="title">good</span>: <a class="no_decoration btn" target="_blank" href="https://www.facebook.com/johnsonjeffreyr"><i class="icon-facebook-sign"></i> facebook</a><br>
<span class="title">better</span>: <a class="no_decoration btn" target="_blank" href="http://www.linkedin.com/pub/jeffrey-johnson/2a/958/476"><i class="icon-linkedin-sign"></i> linkedin</a><br>
<span class="title">best</span>: <a href="no spam please!" target="_blank" id="email_link" class="no_decoration btn"><i class="icon-envelope-alt"></i> email</a><br>
<br>
</span>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.