Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
236 lines (214 sloc) 8.44 KB
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>3rd-Eden - Arnout Kazemier</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <script src="//use.typekit.net/nrm5awo.js"></script>
<script>try{ Typekit.load(); } catch(e) {}</script> -->
<link rel="stylesheet" type="text/css" href="dist/design.css" />
<link>
</head>
<body>
<div class="core">
<section class="container overlap top secondary">
<!--
<div class="toc box thirty">
<h1>3rdEden</h1>
<nav>
<h4>Table of Contents</h4>
<ol>
<li><a href="#professional_profile">Professional profile</a></li>
<li><a href="#work_experiance">Work experiance</a></li>
<li><a href="#technical_skills">Technical skills</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#honors_and_speaking_engagements">Honors &#38; speaking engagements</a></li>
<li><a href="#interests">Interests</a></li>
<li><a href="#contact">Contact</a></li>
</ol>
</nav>
</div> -->
<div class="wrapper">
<h1>Projects</h1>
<div class="grid gutters">
<section class="box">
<div class="grid project">
<div class="logo thirty box"></div>
<div class="description box">
<h2>Unshift</h2>
<p>
Unshift is a revolutionary new real-time framework and service which
Primus is a wrapper around every popular real-time framework
that is written specifically for Node.js. It provides a common
frameworks when your use-case change. <a href="http://unshift.io">unshift.io</a>
</p>
</div>
</div>
<div class="grid project">
<div class="logo thirty box"></div>
<div class="description box">
<h2>Observe.it</h2>
<p>
BigPipe is a web framework for Node.js which allows you to cut
your site in to individual components which can be individually
styled, published, loaded on the page. Increasing the
performance and decreasing the maintenance of the site.
<a href="http://observe.it">observe.it</a>
</p>
</div>
</div>
</section>
<section class="box">
<div class="grid project">
<div class="logo thirty box"></div>
<div class="description box">
<h2>Primus <small>Open Source</small></h2>
<p>
Primus is a wrapper around every popular real-time framework
that is written specifically for Node.js. It provides a common
API on top of these libraries so you can easily switch between
frameworks when your use-case change. <a href="http://primus.io">primus.io</a>
</p>
</div>
</div>
<div class="grid project">
<div class="logo thirty box"></div>
<div class="description box">
<h2>BigPipe <small>Open Source</small></h2>
<p>
BigPipe is a web framework for Node.js which allows you to cut
your site in to individual components which can be individually
styled, published, loaded on the page. Increasing the
performance and decreasing the maintenance of the site.
<a href="http://bigpipe.io">bigpipe.io</a>
</p>
<p class="note">
<span>*</span> Projects mentioned above are only a few that I wanted
to share. See my <a href="https://github.com/3rd-Eden">GitHub</a>
profile for all my Open Source work.
</p>
</div>
</div>
<!--
<p>It was subversively irreverent, but always laughing with its audience, never at them. But in the standalone <i>Saints Row: Gat Out of Hell</i>, Volition may have taken the joke too far.</p>
<q>The big new power is the ability to fly with expansive angelic wings</q>
<p>Here's the admittedly pretty amazing premise: The President is dragged into Hell because Satan is convinced he's the only one despicable enough to marry his daughter, Jezebel. His best friends, reincarnated gangster Johnny Gat and computer whiz Kinzie Kensington, follow him to underworld capital New Hades to get him back.</p> -->
</section>
</div>
</div>
</section>
<section class="primary container overlap top bottom">
<div class="wrapper">
<section class="grid">
<aside class="skills thirty box">
<h1>Skillset</h1>
<h5>Node.js</h5>
<progress value="100" max="100"></progress>
<h5>JavaScript/ES5/ES6</h5>
<progress value="90" max="100"></progress>
<h5>CSS/SASS/SCSS</h5>
<progress value="90" max="100"></progress>
<h5>HTML5</h5>
<progress value="90" max="100"></progress>
</aside>
<section class="projects box">
<h1>Experience</h1>
<article class="experiance grid">
<div class="sidebar box thirty">February 2015 - Present</div>
<dl class="content box">
<dt>
GoDaddy
</dt>
<dd>
Senior Engineer
<a href="https://godaddy.com">godaddy.com</a>
</dd>
</dl>
</article>
<article class="experiance grid">
<div class="sidebar box thirty">July 2012 - February 2015</div>
<dl class="content box">
<dt>
Nodejitsu
</dt>
<dd>
Lead Software Engineer
<a href="https://nodejitsu.com">nodejitsu.com</a>
</dd>
</dl>
</article>
<article class="experiance grid">
<div class="sidebar box thirty">October 2007 - July 2012</div>
<dl class="content box">
<dt>
Hotels.nl
</dt>
<dd>
Front-end Engineer
<a href="http://www.hotels.nl">hotels.nl</a>
</dd>
</dl>
</article>
<article class="experiance grid">
<div class="sidebar box thirty">March 2007 - October 2007</div>
<dl class="content box">
<dt>
Media Mansion
</dt>
<dd>
(Web) Designer
<span class="disabled">mediamansion.nl</span>
</dd>
</dl>
</article>
</section>
</section>
</div>
</section>
<footer class="accent container overlapped contact" id="contact">
<div class="wrapper grid">
<dl class="box">
<dt>E-mail</dt>
<dd>
<a href="mailto:ifmmpA4se.Fefo/dpn" class="obfuscate">ifmmpA4se.Fefo/dpn</a>
</dd>
</dl>
<dl class="box">
<dt>Skype</dt>
<dd>
<a href="skype:bsopvu/lb{fnjfs?call" class="obfuscate">bsopvu/lb{fnjfs</a>
</dd>
</dl>
<dl class="box">
<dt>GitHub</dt>
<dd>
<a href="https://github.com/3rdEden">@3rd-Eden</a>
</dd>
</dl>
<dl class="box">
<dt>Twitter</dt>
<dd>
<a href="https://twitter.com/@3rdEden">@3rdEden</a>
</dd>
<dl>
</div>
</footer>
</div>
</body>
<script>
(function defuse(elements) {
Array.prototype.slice.call(elements).forEach(function each(element) {
var decoded = ''
, codex = element.innerHTML.trim()
, href = element.href && ~element.href.indexOf(codex);
for (var i = 0; i < codex.length; i++) {
decoded += String.fromCharCode(codex.charCodeAt(i) - 1);
}
if (href) element.href.replace(codex, decoded);
element.innerHTML = decoded;
});
})(document.getElementsByClassName('obfuscate'));
</script>
</html>