added resume and income apps

1 files changed, 140 insertions, 0 deletions

diff --git a/design/templates/details/cv.html b/design/templates/details/cv.html
new file mode 100644
index 0000000..a669b18
--- /dev/null
+++ b/design/templates/details/cv.html
@@ -0,0 +1,140 @@
+{% 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="Curriculum Vitæ">
+    <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 - Curriculum Vitæ"/>
+    <meta property="og:url" content="http://luxagraf.net/resume/cv"/>
+    <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 primary %}
+<main role="main" id="content">
+<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>
+        </ul>
+    </div>
+    <div class="profile">
+        <h3>Profile</h3>
+        <p class="p-summary">I am a writer, producer and web developer based in Athens, GA. Clients include Wired, Webmonkey, Ars Technica, Pioneer and Boost Mobile, among others. I wrote for Wired.com&#8217;s Webmonkey.com for 13 years and served as head editor for three. I&#8217;ve been developing on the web and writing about web development for nearly two decades. For an up-to-date list of recent articles, please browse <a href="/resume/pubs/">the publications list</a>.</p>
+    </div>
+
+    <div id="skills">
+        <h3>Skills</h3>
+
+        <h2><a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Writing">Writing</a></h2>
+        <p>Freelance writer, producer, journalist, editor and hand model at places like Wired, Ars Technica, Budget Travel. I&#8217;ve written blogs, features, news items, ad copy, technical documentation, tutorials, how-tos, wikis and probably other things I&#8217;ve forgotten about. I also served as editor-in-chief of Webmonkey.com.</p>
+
+        <h2><a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Web_development">Web Development</a></h2>
+        <p>Expert front-end engineer in <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Web_standards">standards-based web development</a> using <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/HTML"><abbr title="Hypertext Markup Language">HTML</abbr></a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets"><abbr title="Cascading Style Sheets">CSS</abbr></a>, and high performance <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/JavaScript">JavaScript</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Responsive_web_design">responsive design</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Microformats">microformats</a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/ARIA">ARIA</a> and more. </p>
+        <p>Experience maintaining large-scale web applications and tools with <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Python_(programming_language)">Python</a> and <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/PHP">PHP</a> in conjunction with databases like <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/PostgreSQL">PostgreSQL</a> (including numerous PostGIS, geographic database projects), <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/MySQL">MySQL</a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Sqlite">Sqlite</a>.  Experience administering <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Linux">Linux </a> servers and running web servers like <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Apache_HTTP_Server">Apache</a>, and <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Nginx">Nginx</a>.</p>
+         <p>Advocate and evangelist for free software and open web standards technologies such as <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/HTML5">HTML5</a>, related APIs, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets">CSS3</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Responsive_web_design">responsive design</a> (including <a href="https://longhandpixels.net/books/responsive-web-design">a 350 page book on the subject</a>)  and <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>.</p>
+
+        <h2><a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Graphic_design">Photography/Video/Design</a></h2>
+        <p>Good design eye specializing in fluid, clean layouts with strong <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Typography">typographic style</a>.  </p>
+        <p>Photo and video editing using <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/GIMP">GIMP</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop_Lightroom">Lightroom</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Darktable">Darktable</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Final_Cut_Pro">Final Cut Pro</a>, and <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Kdenlive">Kdenlive</a>.</p>
+
+    </div>
+
+    <div class="h-calendar" id="experience">
+        <h3>Experience</h3>
+
+        <div class="p-experience h-event">
+            <h2 class="p-name">Freelance Writer</h2>
+            <ul class="meta">
+            <li>(<time class="dt-start" datetime="2006-06-01">June 2006</time>–Present)</li>
+            </ul>
+            <p class="e-description">Regular contributor to <a class="p-organization-name" href="http://www.wired.com/reviews/author/scott-gilbertson/">Wired</a> (also, <a href="http://www.wired.com/author/luxagraf/">here</a>), <a class="p-organization-name" href="http://www.arstechnica.com/">Ars Technica</a>, <a class="p-organization-name" href="http://theregister.co.uk/Author/1785">The Register</a> and elsewhere, covering Linux, open source software, web browsers and web technology.</p>
+        </div>
+
+        <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>
+
+    </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%}