{% 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> &rarr; </li>
        <li><a href="/work/">Work</a> &rarr; </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&#8217;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%}