diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_details.scss | 6 | ||||
| -rw-r--r-- | design/sass/_resume.scss | 19 | ||||
| -rw-r--r-- | design/templates/details/resume.html | 18 |
3 files changed, 26 insertions, 17 deletions
diff --git a/design/sass/_details.scss b/design/sass/_details.scss index 141191f..8cadba4 100644 --- a/design/sass/_details.scss +++ b/design/sass/_details.scss @@ -273,13 +273,13 @@ sup { margin-top: 1em; } .highlink { - margin-right: 1em; + @include fontsize(22); + margin-right: .5rem; float: left; - font-size: 0.75em; line-height: 1.6; color: lighten($body_font_color, 60); @include breakpoint(alpha) { - margin-top: 0.5em; + margin-top: -1px; } &:visited { color: lighten($body_font_color, 60); diff --git a/design/sass/_resume.scss b/design/sass/_resume.scss index 3a6b139..41fc8e1 100644 --- a/design/sass/_resume.scss +++ b/design/sass/_resume.scss @@ -56,6 +56,8 @@ } } .meta { + list-style-type: none; + display: inline; @include constrain_narrow; text-align: left; margin-bottom: 1em; @@ -63,6 +65,23 @@ display: inline; } } +.p-experience { + &:after { + @include faded_line_after; + } + &:last-of-type:after { + background: #fff; + } +} +.p-organization { + text-transform: uppercase; + letter-spacing: 1px; + @include fontsize(13); + +} +.p-skill { + font-weight: bold; +} .contact { margin: 2em 0 1.5em; @include constrain_narrow; diff --git a/design/templates/details/resume.html b/design/templates/details/resume.html index 611765c..eaff2db 100644 --- a/design/templates/details/resume.html +++ b/design/templates/details/resume.html @@ -51,23 +51,12 @@ </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’s Webmonkey.com for 13 years and served as head editor for three. I’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> + <p class="p-summary">{{object.profile_html|smartypants|widont|safe}}</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’ve written blogs, features, news items, ad copy, technical documentation, tutorials, how-tos, wikis and probably other things I’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> + {{object.skills_html|smartypants|widont|safe}} </div> @@ -76,8 +65,9 @@ <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> + <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 %} |