{% extends 'base.html' %}
{% load typogrify_tags %}
{% block pagetitle %}Scott Gilbertson - Curriculum Vitæ{%endblock%}
{% block extrahead%}
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Resume of Scott Gilbertson">
<meta name="twitter:description" content="luxagraf.net is the personal web site of Scott gilbertson.">
<meta name="twitter:site:id" content="9469062">
<meta name="twitter:creator:id" content="9469062">
<meta property="og:type" content="article"/>
<meta property="og:title" content="Scott Gilbertson - Resume"/>
<meta property="og:url" content="http://luxagraf.net/work/resume/"/>
<meta property="og:description" content="luxagraf.net is the personal web site of Scott gilbertson.">
<meta property="article:author" content="Scott Gilbertson"/>
<meta property="og:site_name" content="luxagraf.net"/>
<meta property="og:locale" content="en_US"/>
<style>
</style>{%endblock%}
{%block bodyid%}class="resume"{%endblock%}
{%block htmlclass %}class="detail"{%endblock%}
{% block primary %}
<main role="main" id="content">
<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li>
<li><a href="/work/">Work</a> → </li>
<li>Resume</li>
</ul>
<article class="h-resume">
<div class="h-card head">
<header>
<h1 class="p-name">
<span class="p-given-name">Scott</span>
<span class="p-additional-name hide">Nathan</span>
<span class="p-family-name">Gilbertson</span>
</h1>
<h2>Writer, Photographer, Web Developer</h2>
</header>
<ul class="contact">
<li>
<h6>Phone</h6>
<span><a class="u-tel" href="tel:706-438-4297">706-438-4297</a></span>
</li>
<li>
<h6>Email</h6>
<a class="u-email" href="mailto:sng@luxagraf.net">sng@luxagraf.net</a>
</li>
<li>
<h6>Web</h6>
<span><a class="u-url" href="https://luxagraf.net/" rel="me">https://luxagraf.net/</a></span>
</li>
<li>
<h6>LinkedIn</h6>
<span><a class="u-url" href="https://www.linkedin.com/in/luxagraf" rel="me">luxagraf</a></span>
</li>
</ul>
</div>
<div class="profile">
<h3>Profile</h3>
<p class="p-summary">{{resume.profile_html|smartypants|widont|safe}}</p>
</div>
<div id="skills">
<h3>Skills</h3>
{{resume.skills_html|smartypants|widont|safe}}
</div>
<div class="h-calendar" id="experience">
<h3>Experience</h3>{% for job in resume.jobs.all %}
<div class="p-experience h-event">
<h2 class="p-name">{{job.title}}</h2>
<ul class="meta">
<li><time class="dt-start" datetime="{{job.date_start}}">{{job.date_start|date:"M Y"}}</time>–{% if job.date_end %}<time class="dt-end" datetime="{{job.date_end}}">{{job.date_end|date:"M Y"}}</time>{%else%}<span class="dt-end">present</span>{%endif%}</li>
</ul>
{% if job.employer %}<p class="p-organization">Employer: {{job.employer}}</p>{%endif%}
<p class="e-description">{{job.body_html|safe}}</p>
</div>{% endfor %}
{%comment%}
<div class="p-experience h-event">
<h2 class="p-name">Web Developer</h2>
<ul class="meta">
<li>(<time class="dt-start" datetime="2004-06-01">June 2004</time>–Present)
</li>
</ul>
<p class="e-description">Co-founded a small design company where I serve as front-end web developer. I work closely with my co-founder (lead UI/UX), transforming visual designs into valid, semantic HTML/CSS/JavaScript. We specialize in responsive designs and mobile-friendly content that works across browsers and devices. Clients included Wired, Pioneer Entertainment, Boost Mobile, Co-op Credit Union and others.</p>
</div>
<div class="p-experience h-event">
<h2 class="p-name">Founder, LongHandPixels Press</h2>
<ul class="meta">
<li>(<time class="dt-start" datetime="2013-09-01">September 2013</time>–Present)
</li>
</ul>
<p class="e-description">Founded an ebook publishing company, <a href="http://longhandpixels.net/" class="p-organization-name">LongHandPixels Press</a> and launched my first book, <em><a href="https://longhandpixels.net/books/responsive-web-design">Build a Better Web with Responsive Web Design</a></em>. The book covers responsive design, mobile-first web development, progressive enhancement and how modern tools like Sass, Grunt, Node, the Chrome developer tools and more can speed up workflows.
</p>
</div>
<div class="p-experience h-event">
<h2 class="p-name">Writer/Editor Webmonkey.com</h2>
<ul class="meta">
<li class="h-location h-card">
<a class="u-url p-name" href="http://webmonkey.com">
<span class="p-organization-name">Wired.com</span>/
<span class="p-organization-unit">Webmonkey.com</span></a>
</li>
<li>(<time class="dt-start" datetime="2006-06-01">June 2006</time>
–<time class="dt-end" datetime="2013-04-31">April 2013</time>)
</li>
</ul>
<p class="e-description">I started contributing tutorials to Wired.com’s Webmonkey.com in 1999, became a full time employee in 2006 and served as editor-in-chief from 2010 to 2013. I was in charge of creating resources for web developers, including how-to guides on the latest in web standards, code libraries, server technologies and authoring resources. Wrote roughly 3 million words on various web development tools. I also helped cultivate and manage a global team of freelance contributors.</p>
</div>
<div class="p-experience h-event">
<h2 class="p-name">Photography and Video Editing</h2>
<ul class="meta">
<li class="h-location h-card"><a class="u-url p-name" href="http://barrelmanproductions.com"><span class="p-organization-name">barrelmanproductions.com</span></a></li>
<li>(<time class="dt-start" datetime="2006-06-01">June 2014</time> - Present)</li>
</ul>
<p class="e-description">Co-founded a video editing company, Barrelman Productions, specializing in HD aerial video. Portfolio and highlights reel available at <a href="http://www.barrelmanproductions.com/">http://www.barrelmanproductions.com/</a>. Skills include editing in <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Final_Cut_Pro">Final Cut Pro</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop">Photoshop</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop_Lightroom">Lightroom</a> and production of web-optimized video.</p>
</div>
{%endcomment%}
</div>
<div class="h-calendar" id="education">
<h3>Education</h3>
<div class="p-education h-event">
<h2 class="p-name">Bachelor of Arts, English</h2>
<ul class="meta">
<li>Undergraduate degree from <a class="p-location h-card" href="http://uga.edu/">The University of <span class="p-locality">Georgia</span>.</a></li>
<li>(<time class="dt-start" title="2001-08-01">2001</time>–<time class="dt-end" title="2003-12-16">2003</time>)</li>
</ul>
</div>
</div>
</article>
</main>
{%endblock%}