├── .gitignore
├── .ruby-gemset
├── .ruby-version
├── Gemfile
├── Gemfile.lock
├── README.markdown
├── Rakefile
├── config.rb
├── css
    └── main.css
├── images
    └── clean_textile.png
├── index.html
├── js
    └── main.js
├── resume-reference.docx
├── resume-template.html
├── resume.db
├── resume.docx
├── resume.epub
├── resume.html
├── resume.markdown
├── resume.odt
├── resume.pdf
├── resume.rst
├── resume.rtf
├── resume.tex
├── resume.txt
└── sass
    ├── _base.sass
    ├── _colors.sass
    ├── _mixins.sass
    ├── _pygments.sass
    ├── _resume.sass
    └── main.sass


/.gitignore:
--------------------------------------------------------------------------------
1 | .sass-cache
2 | *.indd
3 | *.log
4 | *.mp
5 | *.tmp
6 | *.top
7 | *.tui
8 | *.tuo
9 | 


--------------------------------------------------------------------------------
/.ruby-gemset:
--------------------------------------------------------------------------------
1 | resume
2 | 


--------------------------------------------------------------------------------
/.ruby-version:
--------------------------------------------------------------------------------
1 | ruby-1.9.3-p392
2 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "http://rubygems.org"
2 | 
3 | gem "compass", "0.12.2"
4 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GEM
 2 |   remote: http://rubygems.org/
 3 |   specs:
 4 |     chunky_png (1.2.7)
 5 |     compass (0.12.2)
 6 |       chunky_png (~> 1.2)
 7 |       fssm (>= 0.2.7)
 8 |       sass (~> 3.1)
 9 |     fssm (0.2.10)
10 |     sass (3.2.7)
11 | 
12 | PLATFORMS
13 |   ruby
14 | 
15 | DEPENDENCIES
16 |   compass (= 0.12.2)
17 | 


--------------------------------------------------------------------------------
/README.markdown:
--------------------------------------------------------------------------------
  1 | Stephen Tudor
  2 | =============
  3 | 
  4 | Front-end Web Developer
  5 | -----------------------
  6 | 
  7 | - Phone: [610-590-4484](tel://610-590-4484)
  8 | - Email: <smt@stephentudor.com>
  9 | - Blog: [stephentudor.com](http://stephentudor.com)
 10 | - Github: [smt](http://github.com/smt)
 11 | - Twitter: [\@tagsoup](http://twitter.com/tagsoup)
 12 | 
 13 | 
 14 | Summary
 15 | -------
 16 | 
 17 | I am an experienced front-end developer who has led development for multiple
 18 | successful $1MM+ projects. I am passionate about building high quality apps and
 19 | user interfaces with modern web technologies. Through being conversant in
 20 | server-side engineering, visual/UX design, and project management practices,
 21 | I am able to execute end-to-end on a product or project.
 22 | 
 23 | 
 24 | Specialties
 25 | -----------
 26 | 
 27 | Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for
 28 | the open web. Managing and mentoring dev teams. Performing code reviews.
 29 | Writing white papers and API documentation. Particating in the black art of
 30 | software estimation. Drawing from a strong background in many diverse web
 31 | technologies and frameworks.
 32 | 
 33 | 
 34 | Experience
 35 | ----------
 36 | 
 37 | ### **UX Developer** at [eBay Enterprise](http://ebayenterprise.com)
 38 | 
 39 | *November 2013 - Present*
 40 | 
 41 | As a member of the Solution Innovations team, I am creating a RWD pattern
 42 | library as the system of record and living style guide for the next version of
 43 | the Magento reference store. I also support sales activities by building and
 44 | deploying various tools and services, such as a third-party JavaScript app that
 45 | enables users to annotate any website with content authored in a WordPress
 46 | blog.
 47 | 
 48 | ### **Senior Software Engineer** at [EPAM Empathy Lab](http://epam.com/empathylab)
 49 | 
 50 | *December 2012 - November 2013* (1 year)
 51 | 
 52 | Championed a more collaborative process for responsive web design between the
 53 | UX and development disciplines. Curated an internal static web framework and
 54 | responsive pattern library to be used on multiple projects. Lead development
 55 | on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the
 56 | USA Network.
 57 | 
 58 | ### **Senior Web Developer** at [Empathy Lab](http://empathylab.com)
 59 | 
 60 | *April 2010 - December 2012* (2 years 9 months)
 61 | 
 62 | Created front-end web applications on tight deadlines for marquee clientele.
 63 | Responsible for estimating work, vetting UX designs prior to development,
 64 | developing key features, assisting team members on challenging sections of
 65 | code, performing code reviews, and coordinating releases.
 66 | 
 67 | ### **Web Developer** at [Empathy Lab](http://empathylab.com)
 68 | 
 69 | *April 2009 - April 2010* (1 year 1 month)
 70 | 
 71 | Authored standards-based HTML, CSS, and JavaScript for websites representing
 72 | a broad range of internationally recognized brands: Sesame Street, Sprout,
 73 | Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance,
 74 | Liberty Global, American Red Cross.
 75 | 
 76 | ### **IT Director** at [Artisan Custom Doorworks](http://artisandoorworks.com)
 77 | 
 78 | *December 2005 - April 2009* (3 years 5 months)
 79 | 
 80 | Designed the corporate website with a library of over 8,000 searchable PDF
 81 | docemunts. Developed in-house sales and management application in Rails, while
 82 | supporting and customizing business systems and applications.
 83 | 
 84 | ### **President** at [Tudor Studio](http://tudorstudio.com)
 85 | 
 86 | *January 2002 - Present*
 87 | 
 88 | Providing professional web consulting and development services, from
 89 | individuals and small businesses to Fortune 500 companies. Designing and
 90 | developing hosted web applications with open source frameworks like Ruby on
 91 | Rails. Integrating CMS and eCommerce applications.
 92 | 
 93 | 
 94 | Skills & Expertise
 95 | ------------------
 96 | 
 97 | These are languages, tools, and practices to which I have had exposure over the
 98 | past 6 years or so. Those things which enjoy routine usage in my daily work are
 99 | denoted with a ^†^ symbol.
100 | 
101 | ### Programming Languages
102 | 
103 | - [JavaScript](http://developer.mozilla.org/en/JavaScript)^†^
104 | - [PHP](http://php.net)
105 | - [Ruby](http://ruby-lang.org)^†^
106 | 
107 | ### Markup/Templating Languages & Preprocessors
108 | 
109 | - [CoffeeScript](http://coffeescript.org)
110 | - [CSS](http://www.w3.org/Style/CSS/Overview.en.html)^†^
111 | - [Dust.js](http://linkedin.github.io/dustjs)
112 | - [ERB/eRuby](http://en.wikipedia.org/wiki/ERuby)
113 | - [Haml](http://haml.info)
114 | - [Handlebars.js](http://handlebarsjs.com)
115 | - [HTML](http://developers.whatwg.org)^†^
116 | - [Jade](http://jade-lang.com)
117 | - [JSP](http://www.oracle.com/technetwork/java/javaee/jsp)
118 | - [JSTL](http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html)
119 | - [LESS](http://lesscss.org)^†^
120 | - [Liquid](http://liquidmarkup.org)
121 | - [Markdown](http://daringfireball.net/projects/markdown)^†^
122 | - [Mustache](http://mustache.github.io)
123 | - [Sass](http://sass-lang.com)^†^
124 | - [Smarty](http://smarty.net)
125 | - [Swig](http://paularmstrong.github.io/swig)
126 | - [Stylus](http://learnboost.github.io/stylus)
127 | 
128 | ### Frameworks & APIs
129 | 
130 | - [Backbone.js](http://backbonejs.org)^†^
131 | - [Bower](http://bower.io)
132 | - [Browserify](http://browserify.org)^†^
133 | - [Compass](http://compass-style.org)^†^
134 | - [Django](http://www.djangoproject.com)
135 | - [Express](http://expressjs.com)^†^
136 | - [Jasmine](http://jasmine.github.io)
137 | - [jQuery](http://jquery.com)^†^
138 | - [krakenjs](http://krakenjs.com)
139 | - [Lodash](http://lodash.com)^†^
140 | - [Meteor](http://meteor.com)
141 | - [Middleman](http://middlemanapp.com)
142 | - [Node.js](http://nodejs.org)^†^
143 | - [Prototype.js](http://prototypejs.org)
144 | - [React](http://facebook.github.io/react)
145 | - [Require.js](http://requirejs.org)^†^
146 | - [Ruby on Rails](http://rubyonrails.org)
147 | - [Sinatra](http://sinatrarb.com)
148 | - [Twitter API](http://dev.twitter.com)
149 | - [Underscore.js](http://underscorejs.org)^†^
150 | - [Wordpress](http://wordpress.org)
151 | - [YUI](http://developer.yahoo.com/yui)
152 | 
153 | ### Software & Tools
154 | 
155 | - [Adobe Creative Suite](http://www.adobe.com/products/creativesuite.html)^†^
156 | - [Amazon Web Services](http://aws.amazon.com)
157 | - [Apache](http://apache.org)^†^
158 | - [Apple XCode](http://developer.apple.com)
159 | - [Demandware](http://demandware.com)
160 | - [Git](http://git-scm.com)^†^
161 | - [Grunt](http://gruntjs.com)^†^
162 | - [Gulp](http://gulpjs.com)^†^
163 | - [JBoss](http://jboss.org)
164 | - [JIRA](http://atlassian.com/software/jira)^†^
165 | - [Mac OS X](http://apple.com/macosx)^†^
166 | - [Magento](http://magento.com)^†^
167 | - [MongoDB](http://mongodb.org)^†^
168 | - [MySQL](http://mysql.com)
169 | - [Nginx](http://wiki.nginx.org)
170 | - [Oracle ATG](http://www.oracle.com/us/products/applications/web-commerce/atg)
171 | - [Pandoc](http://johnmacfarlane.net/pandoc)
172 | - [PostgreSQL](http://postgresql.org)
173 | - [rvm](http://rvm.beginrescueend.com)^†^
174 | - [Sublime Text](http://www.sublimetext.com)
175 | - [Subversion](http://svn.apache.org)
176 | - [tmux](http://tmux.sourceforge.net)^†^
177 | - [Tomcat](http://tomcat.apache.com)
178 | - [Ubuntu Linux](http://ubuntu.com)
179 | - [Vagrant](http://vagrantup.com)
180 | - [Vim](http://www.vim.org)^†^
181 | - [VirtualBox](http://virtualbox.org)^†^
182 | - [WebStorm](http://jetbrains.com/webstorm)
183 | - [Yeoman](http://yeoman.io)
184 | - [zsh](http://www.zsh.org)^†^
185 | 
186 | Education
187 | ---------
188 | 
189 | [Saint Joseph's University](http://sju.edu), Erivan K. Haub School of Business    
190 | BS, Information Systems, 1996 - 2000
191 | 
192 | Honors and Awards
193 | -----------------
194 | 
195 | *Unsung Hero*, Empathy Lab, May 2011    
196 | A peer-awarded honor which I'll always be terribly proud to have won.
197 | 
198 | Interests
199 | ---------
200 | 
201 | - Being a dad and spending time with my family
202 | - Playing [board and card games](http://boardgamegeek.com/user/smtudor) (and video games, too)
203 | - Making and listening to [music](http://www.rdio.com/people/smtudor)
204 | - Watching and contributing to Open Source Software
205 | 
206 | ©2014 [Stephen Tudor](http://s17r.com/resume). All rights reserved. Direct contact only desired (no&nbsp;recruiters&nbsp;please).
207 | 


--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
  1 | require "rake"
  2 | 
  3 | namespace :rst do
  4 |   desc "Generate reStructuredText file"
  5 |   task :generate do
  6 |     puts "Generating reStructuredText file from Markdown"
  7 |     system("pandoc -s -w rst resume.markdown -o resume.rst")
  8 |     puts "Done"
  9 |   end
 10 | end
 11 | 
 12 | namespace :html do
 13 |   desc "Compile stylesheet"
 14 |   task :styles do
 15 |     puts "Compiling CSS file"
 16 |     system("compass compile")
 17 |   end
 18 | 
 19 |   desc "Generate standalone HTML file"
 20 |   task :generate => [:styles] do
 21 |     puts "Generating standalone HTML file from Markdown"
 22 |     system("pandoc -s -S resume.markdown -o resume.html -t html5 --self-contained --section-divs --template=resume-template.html -T \"Stephen Tudor's Resume\" -c css/main.css")
 23 |     system("cp resume.html index.html")
 24 |     puts "Done"
 25 |   end
 26 | end
 27 | 
 28 | namespace :tex do
 29 |   desc "Generate LaTeX file"
 30 |   task :generate do
 31 |     puts "Generating LaTeX file from Markdown"
 32 |     system("pandoc -s -w context resume.markdown -o resume.tex")
 33 |     puts "Done"
 34 |   end
 35 | end
 36 | 
 37 | namespace :pdf do
 38 |   desc "Generate PDF file"
 39 |   task :generate => ["tex:generate"] do
 40 |     puts "Generating PDF file from LaTeX"
 41 |     system("texexec --pdf resume.tex")
 42 |     puts "Done"
 43 |   end
 44 | end
 45 | 
 46 | namespace :rtf do
 47 |   desc "Generate RTF file"
 48 |   task :generate do
 49 |     puts "Generating RTF file from Markdown"
 50 |     system("pandoc -s -S resume.markdown -o resume.rtf")
 51 |     puts "Done"
 52 |   end
 53 | end
 54 | 
 55 | namespace :word do
 56 |   desc "Generate docx file"
 57 |   task :generate do
 58 |     puts "Generating docx file from Markdown"
 59 |     system("pandoc -s -S resume.markdown -o resume.docx --reference-docx=resume-reference.docx")
 60 |     puts "Done"
 61 |   end
 62 | end
 63 | 
 64 | namespace :odt do
 65 |   desc "Generate ODT file"
 66 |   task :generate do
 67 |     puts "Generating ODT file from Markdown"
 68 |     system("pandoc -s -S resume.markdown -o resume.odt")
 69 |     puts "Done"
 70 |   end
 71 | end
 72 | 
 73 | namespace :epub do
 74 |   desc "Generate EPUB file"
 75 |   task :generate do
 76 |     puts "Generating EPUB file from Markdown"
 77 |     system("pandoc -s -S resume.markdown -o resume.epub")
 78 |     puts "Done"
 79 |   end
 80 | end
 81 | 
 82 | namespace :asciidoc do
 83 |   desc "Generate AsciiDoc file"
 84 |   task :generate do
 85 |     puts "Generating AsciiDoc file from Markdown"
 86 |     system("pandoc -s -S resume.markdown -t asciidoc -o resume.txt")
 87 |     puts "Done"
 88 |   end
 89 | end
 90 | 
 91 | namespace :docbook do
 92 |   desc "Generate DocBook file"
 93 |   task :generate do
 94 |     puts "Generating DocBook file from Markdown"
 95 |     system("pandoc -s -S -w docbook resume.markdown -o resume.db")
 96 |     puts "Done"
 97 |   end
 98 | end
 99 | 
100 | desc "Copy resume to README"
101 | task :readme do
102 |   puts "Copying README"
103 |   system("cp resume.markdown README.markdown")
104 |   puts "Done"
105 | end
106 | 
107 | desc "Generate all formats"
108 | task :all => [
109 |   "rst:generate",
110 |   "html:generate",
111 |   "pdf:generate",
112 |   "rtf:generate",
113 |   "word:generate",
114 |   "odt:generate",
115 |   "epub:generate",
116 |   "asciidoc:generate",
117 |   "docbook:generate",
118 |   "readme"
119 | ]
120 | 
121 | desc "Transfer resume files to web"
122 | task :web do
123 |   puts "Transferring files to web..."
124 |   path = "smt@s17r.com:s17r.com/public"
125 |   system("scp resume.* index.html #{path}/resume")
126 |   system("scp index.html #{path}")
127 |   puts "Done"
128 | end
129 | 
130 | desc "Commit change"
131 | task :ci do
132 |   puts "Done"
133 |   system("git checkout master")
134 |   system("git add resume.db resume.docx resume.epub resume.html resume.markdown resume.odt resume.pdf resume.rst resume.rtf resume.tex resume.txt README.markdown index.html")
135 |   system("git commit -m 'Update resume files'")
136 |   puts "Done"
137 | end
138 | 
139 | desc "Push to GitHub"
140 | task :push => [:ci] do
141 |   system("git checkout gh-pages")
142 |   system("git checkout -f master index.html")
143 |   system("git add index.html")
144 |   system("git commit -m 'Update resume on GitHub Pages'")
145 |   system("git push -f")
146 |   system("git checkout master")
147 | end
148 | 
149 | task :default => ["html:generate"]
150 | 


--------------------------------------------------------------------------------
/config.rb:
--------------------------------------------------------------------------------
 1 | # Require any additional compass plugins here.
 2 | 
 3 | # Set this to the root of your project when deployed:
 4 | http_path = "/"
 5 | css_dir = "css"
 6 | sass_dir = "sass"
 7 | images_dir = "images"
 8 | javascripts_dir = "js"
 9 | 
10 | # You can select your preferred output style here (can be overridden via the command line):
11 | output_style = :expanded
12 | 
13 | # To enable relative paths to assets via compass helper functions. Uncomment:
14 | relative_assets = true
15 | 
16 | # To disable debugging comments that display the original location of your selectors. Uncomment:
17 | line_comments = false
18 | 
19 | # If you prefer the indented syntax, you might want to regenerate this
20 | # project again passing --syntax sass, or you can uncomment this:
21 | preferred_syntax = :sass
22 | # and then run:
23 | # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
24 | 


--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
  1 | html {
  2 |   background: url(../images/clean_textile.png);
  3 |   margin: 0;
  4 |   padding: 0 1em 1em;
  5 | }
  6 | 
  7 | body {
  8 |   -webkit-font-smoothing: antialiased;
  9 |   font: 16px helvetica, arial, freesans, clean, sans-serif;
 10 |   line-height: 1.4em;
 11 |   color: #333333;
 12 |   border: none;
 13 |   line-height: 1.5;
 14 |   margin: 0 auto;
 15 |   max-width: 900px;
 16 |   text-align: left;
 17 |   color: black;
 18 | }
 19 | 
 20 | img {
 21 |   max-width: 100%;
 22 | }
 23 | 
 24 | @media screen {
 25 |   #wrapper {
 26 |     padding: 9px;
 27 |     background: #f8f8f8;
 28 |     border: 1px solid #e9e9e9;
 29 |   }
 30 | }
 31 | h1 {
 32 |   font-size: 280%;
 33 |   margin: 0;
 34 |   padding: 0.25em 0 0.92em;
 35 |   border-top: none;
 36 |   -webkit-transform-origin: 100% 100% 50%;
 37 |   -moz-transform-origin: 100% 100% 50%;
 38 |   -ms-transform-origin: 100% 100% 50%;
 39 |   -o-transform-origin: 100% 100% 50%;
 40 |   transform-origin: 100% 100% 50%;
 41 |   -webkit-transition: all 400ms ease-in-out;
 42 |   -moz-transition: all 400ms ease-in-out;
 43 |   -o-transition: all 400ms ease-in-out;
 44 |   transition: all 400ms ease-in-out;
 45 | }
 46 | h1.active {
 47 |   -webkit-transform: rotate(-5deg);
 48 |   -moz-transform: rotate(-5deg);
 49 |   -ms-transform: rotate(-5deg);
 50 |   -o-transform: rotate(-5deg);
 51 |   transform: rotate(-5deg);
 52 |   text-shadow: 1px 1px 0px white, 2px 2px 0px #bada55, 3px 3px 0px #bada55, 4px 4px 0px #bada55, 5px 5px 0px #97ba28;
 53 | }
 54 | @media only screen and (min-width: 640px) {
 55 |   h1 {
 56 |     padding-bottom: 0;
 57 |     font-size: 425%;
 58 |   }
 59 |   h1.active {
 60 |     text-shadow: 1px 1px 0px white, 2px 2px 0px #bada55, 3px 3px 0px #bada55, 4px 4px 0px #bada55, 5px 5px 0px #bada55, 6px 6px 0px #bada55, 7px 7px 0px #97ba28;
 61 |   }
 62 | }
 63 | @media only screen and (min-width: 900px) {
 64 |   h1 {
 65 |     float: left;
 66 |     width: 57%;
 67 |   }
 68 | }
 69 | 
 70 | h2 {
 71 |   font-size: 200%;
 72 |   margin-top: 1.5em;
 73 | }
 74 | 
 75 | h3 {
 76 |   font-size: 150%;
 77 |   margin-top: 1.5em;
 78 |   border-top: 4px solid rgba(0, 0, 0, 0.07);
 79 |   padding-top: 0.5em;
 80 | }
 81 | 
 82 | p {
 83 |   margin: 1em 0;
 84 |   line-height: 1.5em;
 85 | }
 86 | 
 87 | pre, code {
 88 |   font: 12px "Bitstream Vera Sans Mono", "Courier", monospace;
 89 | }
 90 | 
 91 | pre {
 92 |   -webkit-box-shadow: rgba(0, 0, 0, 0.066) 0px 1px 2px 0px inset;
 93 |   background-color: #eeeeee;
 94 |   border: #dddddd 1px solid;
 95 |   color: #444444;
 96 |   display: block;
 97 |   margin: 12px 0;
 98 |   overflow: auto;
 99 |   padding: 5px;
100 |   white-space: pre;
101 |   max-width: 100%;
102 |   overflow: auto;
103 | }
104 | 
105 | code {
106 |   background-color: ghostwhite;
107 |   color: #444444;
108 |   padding: 0 0.2em;
109 |   border: 1px solid #dedede;
110 | }
111 | 
112 | pre code {
113 |   padding: 0;
114 |   font-size: 12px;
115 |   background-color: #eeeeee;
116 |   border: none;
117 |   overflow: visible;
118 | }
119 | 
120 | a {
121 |   border-bottom: 1px solid transparent;
122 |   color: #86a524;
123 |   text-decoration: none;
124 |   -webkit-transition: background-color 500ms, border-bottom-color 500ms, color 500ms;
125 |   -moz-transition: background-color 500ms, border-bottom-color 500ms, color 500ms;
126 |   -o-transition: background-color 500ms, border-bottom-color 500ms, color 500ms;
127 |   transition: background-color 500ms, border-bottom-color 500ms, color 500ms;
128 | }
129 | a:hover {
130 |   background-color: #dceca9;
131 |   border-bottom-color: #bada55;
132 |   color: #647b1b;
133 | }
134 | a code {
135 |   color: #bada55;
136 |   text-decoration: none;
137 | }
138 | 
139 | table td {
140 |   border-bottom: 1px solid #dddddd;
141 |   padding: 0.2em 1em;
142 | }
143 | 
144 | .shadow {
145 |   -webkit-box-shadow: 0 5px 15px black;
146 |   -moz-box-shadow: 0 5px 15px black;
147 |   box-shadow: 0 5px 15px black;
148 | }
149 | 
150 | .c {
151 |   color: #999988;
152 |   font-style: italic;
153 | }
154 | 
155 | .err {
156 |   color: #a61717;
157 |   background-color: #e3d2d2;
158 | }
159 | 
160 | .k, .o {
161 |   font-weight: bold;
162 | }
163 | 
164 | .cm {
165 |   color: #999988;
166 |   font-style: italic;
167 | }
168 | 
169 | .cp {
170 |   color: #999999;
171 |   font-weight: bold;
172 | }
173 | 
174 | .c1 {
175 |   color: #999988;
176 |   font-style: italic;
177 | }
178 | 
179 | .cs {
180 |   color: #999999;
181 |   font-weight: bold;
182 |   font-style: italic;
183 | }
184 | 
185 | .gd {
186 |   color: black;
187 |   background-color: #ffdddd;
188 | }
189 | .gd .x {
190 |   color: black;
191 |   background-color: #ffaaaa;
192 | }
193 | 
194 | .ge {
195 |   font-style: italic;
196 | }
197 | 
198 | .gr {
199 |   color: #aa0000;
200 | }
201 | 
202 | .gh {
203 |   color: #999999;
204 | }
205 | 
206 | .gi {
207 |   color: black;
208 |   background-color: #ddffdd;
209 | }
210 | .gi .x {
211 |   color: black;
212 |   background-color: #aaffaa;
213 | }
214 | 
215 | .go {
216 |   color: #888888;
217 | }
218 | 
219 | .gp {
220 |   color: #555555;
221 | }
222 | 
223 | .gs {
224 |   font-weight: bold;
225 | }
226 | 
227 | .gu {
228 |   color: purple;
229 |   font-weight: bold;
230 | }
231 | 
232 | .gt {
233 |   color: #aa0000;
234 | }
235 | 
236 | .kc, .kd, .kn, .kp, .kr {
237 |   font-weight: bold;
238 | }
239 | 
240 | .kt {
241 |   color: #445588;
242 |   font-weight: bold;
243 | }
244 | 
245 | .m {
246 |   color: #009999;
247 | }
248 | 
249 | .s {
250 |   color: #dd1144;
251 | }
252 | 
253 | .na {
254 |   color: teal;
255 | }
256 | 
257 | .nb {
258 |   color: #0086b3;
259 | }
260 | 
261 | .nc {
262 |   color: #445588;
263 |   font-weight: bold;
264 | }
265 | 
266 | .no {
267 |   color: teal;
268 | }
269 | 
270 | .ni {
271 |   color: purple;
272 | }
273 | 
274 | .ne, .nf {
275 |   color: #990000;
276 |   font-weight: bold;
277 | }
278 | 
279 | .nn {
280 |   color: #555555;
281 | }
282 | 
283 | .nt {
284 |   color: navy;
285 | }
286 | 
287 | .nv {
288 |   color: teal;
289 | }
290 | 
291 | .ow {
292 |   font-weight: bold;
293 | }
294 | 
295 | .w {
296 |   color: #bbbbbb;
297 | }
298 | 
299 | .mf, .mh, .mi, .mo {
300 |   color: #009999;
301 | }
302 | 
303 | .sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
304 |   color: #dd1144;
305 | }
306 | 
307 | .sr {
308 |   color: #009926;
309 | }
310 | 
311 | .s1 {
312 |   color: #dd1144;
313 | }
314 | 
315 | .ss {
316 |   color: #990073;
317 | }
318 | 
319 | .bp {
320 |   color: #999999;
321 | }
322 | 
323 | .vc, .vg, .vi {
324 |   color: teal;
325 | }
326 | 
327 | .il {
328 |   color: #009999;
329 | }
330 | 
331 | .poetry pre {
332 |   font-family: Georgia, Garamond, serif;
333 |   font-style: italic;
334 |   font-size: 110%;
335 |   line-height: 1.6em;
336 |   display: block;
337 |   margin-left: 1em;
338 | }
339 | .poetry pre code {
340 |   font-family: Georgia, Garamond, serif;
341 | }
342 | 
343 | sup, sub, a.footnote {
344 |   font-size: 1.4ex;
345 |   height: 0;
346 |   line-height: 1;
347 |   vertical-align: super;
348 |   position: relative;
349 | }
350 | 
351 | sub {
352 |   vertical-align: sub;
353 |   top: -1px;
354 | }
355 | 
356 | @media print {
357 |   body {
358 |     background: white;
359 |   }
360 | 
361 |   img, pre, blockquote, table, figure {
362 |     page-break-inside: avoid;
363 |   }
364 | 
365 |   .footnotes {
366 |     page-break-before: always;
367 |   }
368 | 
369 |   #wrapper {
370 |     background: white;
371 |     border: none;
372 |   }
373 | 
374 |   code {
375 |     background-color: white;
376 |     color: #444444 !important;
377 |     padding: 0 0.2em;
378 |     border: 1px solid #dedede;
379 |   }
380 | 
381 |   pre {
382 |     background: white;
383 |   }
384 |   pre code {
385 |     background-color: white !important;
386 |     overflow: visible;
387 |   }
388 | }
389 | @media only screen and (min-width: 900px) {
390 |   .level2 {
391 |     margin-bottom: 4em;
392 |   }
393 | }
394 | 
395 | @media only screen and (min-width: 900px) {
396 |   .level3 ul {
397 |     -webkit-columns: 17em 3;
398 |     -moz-columns: 17em 3;
399 |     -ms-columns: 17em 3;
400 |     -o-columns: 17em 3;
401 |     columns: 17em 3;
402 |   }
403 |   .level3 ul li {
404 |     display: block;
405 |   }
406 |   .level3 ul strong {
407 |     display: block;
408 |     position: relative;
409 |   }
410 |   .level3 ul strong:before {
411 |     content: ">";
412 |     display: block;
413 |     height: 1em;
414 |     width: 1em;
415 |     position: absolute;
416 |     top: 0;
417 |     left: -2em;
418 |     overflow: hidden;
419 |   }
420 | }
421 | 
422 | .footnotes {
423 |   border-top: 4px solid rgba(0, 0, 0, 0.07);
424 | }
425 | .footnotes hr {
426 |   display: none;
427 | }
428 | 
429 | #front-end-web-developer {
430 |   background: rgba(255, 255, 255, 0.8);
431 |   border: 4px solid rgba(0, 0, 0, 0.07);
432 |   -webkit-border-radius: 16px;
433 |   -moz-border-radius: 16px;
434 |   -ms-border-radius: 16px;
435 |   -o-border-radius: 16px;
436 |   border-radius: 16px;
437 |   -webkit-box-sizing: border-box;
438 |   -moz-box-sizing: border-box;
439 |   box-sizing: border-box;
440 |   margin-left: 0;
441 |   padding: 1em 0 0.5em 1em;
442 |   width: 19em;
443 | }
444 | @media only screen and (min-width: 900px) {
445 |   #front-end-web-developer {
446 |     border-top: none;
447 |     -moz-border-radius-topleft: 0;
448 |     -webkit-border-top-left-radius: 0;
449 |     border-top-left-radius: 0;
450 |     -moz-border-radius-topright: 0;
451 |     -webkit-border-top-right-radius: 0;
452 |     border-top-right-radius: 0;
453 |     float: right;
454 |     margin-bottom: 0;
455 |   }
456 | }
457 | #front-end-web-developer h2 {
458 |   font-size: 110%;
459 |   margin: 0.2em 0;
460 | }
461 | #front-end-web-developer ul {
462 |   margin-top: 0.2em;
463 |   padding-left: 1.3em;
464 | }
465 | #front-end-web-developer li {
466 |   display: block;
467 |   font-size: 75%;
468 |   text-transform: uppercase;
469 | }
470 | #front-end-web-developer li a {
471 |   font-size: 133.3333%;
472 |   font-weight: bold;
473 |   margin-left: 0.5em;
474 |   text-transform: none;
475 | }
476 | 
477 | @media only screen and (min-width: 900px) {
478 |   #summary {
479 |     clear: both;
480 |   }
481 | }
482 | 
483 | #experience h3 {
484 |   margin-bottom: 0;
485 | }
486 | #experience .level3 p {
487 |   margin-top: 0;
488 | }
489 | 


--------------------------------------------------------------------------------
/images/clean_textile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smt/resume/469f0b7443a5bb916bce281d9c938599bb90e65e/images/clean_textile.png


--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
 1 | (function (d) {
 2 |   var metas = d.getElementsByTagName('meta');
 3 |   var i;
 4 |   function gestureStart() {
 5 |     for (i=0; i<metas.length; i++) {
 6 |       if (metas[i].name === "viewport") {
 7 |         metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
 8 |       }
 9 |     }
10 |   }
11 |   if (navigator.userAgent.match(/iPhone/i)) {
12 |     for (i=0; i<metas.length; i++) {
13 |       if (metas[i].name === "viewport") {
14 |         metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
15 |       }
16 |     }
17 |     d.addEventListener("gesturestart", gestureStart, false);
18 |   }
19 | }(document));
20 | 
21 | (function (w, d) {
22 |   w.addEventListener('load', function () {
23 |     var t = d.getElementById('front-end-web-developer');
24 |     var h = d.querySelectorAll('#stephen-tudor > h1')[0];
25 |     t.addEventListener('mouseover', function (e) {
26 |       if (!h.classList) return;
27 |       h.classList.add('active');
28 |       return false;
29 |     }, false);
30 |     t.addEventListener('mouseout', function (e) {
31 |       if (!h.classList) return;
32 |       h.classList.remove('active');
33 |       return false;
34 |     }, false);
35 |   }, false);
36 | }(window, document, undefined));
37 | 


--------------------------------------------------------------------------------
/resume-reference.docx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smt/resume/469f0b7443a5bb916bce281d9c938599bb90e65e/resume-reference.docx


--------------------------------------------------------------------------------
/resume-template.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html$if(lang)$ lang="$lang$"$endif$>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <meta name="generator" content="pandoc">
 6 | $for(author-meta)$
 7 |   <meta name="author" content="$author-meta$">
 8 | $endfor$
 9 | $if(date-meta)$
10 |   <meta name="dcterms.date" content="$date-meta$">
11 | $endif$
12 |   <title>$if(title-prefix)$$title-prefix$ - $endif$$if(pagetitle)$$pagetitle$$endif$</title>
13 |   <!--[if lt IE 9]>
14 |     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
15 |   <![endif]-->
16 | $if(highlighting-css)$
17 |   <style type="text/css">
18 | $highlighting-css$
19 |   </style>
20 | $endif$
21 | $for(css)$
22 |   <link rel="stylesheet" href="$css$">
23 | $endfor$
24 | $if(math)$
25 |   $math$
26 | $endif$
27 | $for(header-includes)$
28 | $header-includes$
29 | $endfor$
30 | <script src="js/main.js"></script>
31 | </head>
32 | <body>
33 | $for(include-before)$
34 | $include-before$
35 | $endfor$
36 | $if(title)$
37 | <header>
38 | <h1 class="title">$title$</h1>
39 | $for(author)$
40 | <h2 class="author">$author$</h2>
41 | $endfor$
42 | $if(date)$
43 | <h3 class="date">$date$</h3>
44 | $endif$
45 | </header>
46 | $endif$
47 | $if(toc)$
48 | <nav id="$idprefix$TOC">
49 | $toc$
50 | </nav>
51 | $endif$
52 | $body$
53 | $for(include-after)$
54 | $include-after$
55 | $endfor$
56 | </body>
57 | </html>
58 | 


--------------------------------------------------------------------------------
/resume.db:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8" ?>
  2 | <!DOCTYPE article PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN"
  3 |                   "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd">
  4 | <article>
  5 |   <articleinfo>
  6 |     <title></title>
  7 |   </articleinfo>
  8 | <sect1 id="stephen-tudor">
  9 |   <title>Stephen Tudor</title>
 10 |   <sect2 id="front-end-web-developer">
 11 |     <title>Front-end Web Developer</title>
 12 |     <itemizedlist>
 13 |       <listitem>
 14 |         <para>
 15 |           Phone: <ulink url="tel://610-590-4484">610-590-4484</ulink>
 16 |         </para>
 17 |       </listitem>
 18 |       <listitem>
 19 |         <para>
 20 |           Email: <email>smt@stephentudor.com</email>
 21 |         </para>
 22 |       </listitem>
 23 |       <listitem>
 24 |         <para>
 25 |           Blog:
 26 |           <ulink url="http://stephentudor.com">stephentudor.com</ulink>
 27 |         </para>
 28 |       </listitem>
 29 |       <listitem>
 30 |         <para>
 31 |           Github: <ulink url="http://github.com/smt">smt</ulink>
 32 |         </para>
 33 |       </listitem>
 34 |       <listitem>
 35 |         <para>
 36 |           Twitter:
 37 |           <ulink url="http://twitter.com/tagsoup">@tagsoup</ulink>
 38 |         </para>
 39 |       </listitem>
 40 |     </itemizedlist>
 41 |   </sect2>
 42 |   <sect2 id="summary">
 43 |     <title>Summary</title>
 44 |     <para>
 45 |       I am an experienced front-end developer who has led development
 46 |       for multiple successful $1MM+ projects. I am passionate about
 47 |       building high quality apps and user interfaces with modern web
 48 |       technologies. Through being conversant in server-side engineering,
 49 |       visual/UX design, and project management practices, I am able to
 50 |       execute end-to-end on a product or project.
 51 |     </para>
 52 |   </sect2>
 53 |   <sect2 id="specialties">
 54 |     <title>Specialties</title>
 55 |     <para>
 56 |       Authoring great user experiences with JavaScript, HTML, and CSS.
 57 |       Advocating for the open web. Managing and mentoring dev teams.
 58 |       Performing code reviews. Writing white papers and API
 59 |       documentation. Particating in the black art of software
 60 |       estimation. Drawing from a strong background in many diverse web
 61 |       technologies and frameworks.
 62 |     </para>
 63 |   </sect2>
 64 |   <sect2 id="experience">
 65 |     <title>Experience</title>
 66 |     <sect3 id="ux-developer-at-ebay-enterprise">
 67 |       <title><emphasis role="strong">UX Developer</emphasis> at
 68 |       <ulink url="http://ebayenterprise.com">eBay
 69 |       Enterprise</ulink></title>
 70 |       <para>
 71 |         <emphasis>November 2013 - Present</emphasis>
 72 |       </para>
 73 |       <para>
 74 |         As a member of the Solution Innovations team, I am creating a
 75 |         RWD pattern library as the system of record and living style
 76 |         guide for the next version of the Magento reference store. I
 77 |         also support sales activities by building and deploying various
 78 |         tools and services, such as a third-party JavaScript app that
 79 |         enables users to annotate any website with content authored in a
 80 |         WordPress blog.
 81 |       </para>
 82 |     </sect3>
 83 |     <sect3 id="senior-software-engineer-at-epam-empathy-lab">
 84 |       <title><emphasis role="strong">Senior Software Engineer</emphasis>
 85 |       at <ulink url="http://epam.com/empathylab">EPAM Empathy
 86 |       Lab</ulink></title>
 87 |       <para>
 88 |         <emphasis>December 2012 - November 2013</emphasis> (1 year)
 89 |       </para>
 90 |       <para>
 91 |         Championed a more collaborative process for responsive web
 92 |         design between the UX and development disciplines. Curated an
 93 |         internal static web framework and responsive pattern library to
 94 |         be used on multiple projects. Lead development on responsive
 95 |         prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the
 96 |         USA Network.
 97 |       </para>
 98 |     </sect3>
 99 |     <sect3 id="senior-web-developer-at-empathy-lab">
100 |       <title><emphasis role="strong">Senior Web Developer</emphasis> at
101 |       <ulink url="http://empathylab.com">Empathy Lab</ulink></title>
102 |       <para>
103 |         <emphasis>April 2010 - December 2012</emphasis> (2 years 9
104 |         months)
105 |       </para>
106 |       <para>
107 |         Created front-end web applications on tight deadlines for
108 |         marquee clientele. Responsible for estimating work, vetting UX
109 |         designs prior to development, developing key features, assisting
110 |         team members on challenging sections of code, performing code
111 |         reviews, and coordinating releases.
112 |       </para>
113 |     </sect3>
114 |     <sect3 id="web-developer-at-empathy-lab">
115 |       <title><emphasis role="strong">Web Developer</emphasis> at
116 |       <ulink url="http://empathylab.com">Empathy Lab</ulink></title>
117 |       <para>
118 |         <emphasis>April 2009 - April 2010</emphasis> (1 year 1 month)
119 |       </para>
120 |       <para>
121 |         Authored standards-based HTML, CSS, and JavaScript for websites
122 |         representing a broad range of internationally recognized brands:
123 |         Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon,
124 |         Comcast, 21st Century Insurance, Liberty Global, American Red
125 |         Cross.
126 |       </para>
127 |     </sect3>
128 |     <sect3 id="it-director-at-artisan-custom-doorworks">
129 |       <title><emphasis role="strong">IT Director</emphasis> at
130 |       <ulink url="http://artisandoorworks.com">Artisan Custom
131 |       Doorworks</ulink></title>
132 |       <para>
133 |         <emphasis>December 2005 - April 2009</emphasis> (3 years 5
134 |         months)
135 |       </para>
136 |       <para>
137 |         Designed the corporate website with a library of over 8,000
138 |         searchable PDF docemunts. Developed in-house sales and
139 |         management application in Rails, while supporting and
140 |         customizing business systems and applications.
141 |       </para>
142 |     </sect3>
143 |     <sect3 id="president-at-tudor-studio">
144 |       <title><emphasis role="strong">President</emphasis> at
145 |       <ulink url="http://tudorstudio.com">Tudor Studio</ulink></title>
146 |       <para>
147 |         <emphasis>January 2002 - Present</emphasis>
148 |       </para>
149 |       <para>
150 |         Providing professional web consulting and development services,
151 |         from individuals and small businesses to Fortune 500 companies.
152 |         Designing and developing hosted web applications with open
153 |         source frameworks like Ruby on Rails. Integrating CMS and
154 |         eCommerce applications.
155 |       </para>
156 |     </sect3>
157 |   </sect2>
158 |   <sect2 id="skills-expertise">
159 |     <title>Skills &amp; Expertise</title>
160 |     <para>
161 |       These are languages, tools, and practices to which I have had
162 |       exposure over the past 6 years or so. Those things which enjoy
163 |       routine usage in my daily work are denoted with a
164 |       <superscript>†</superscript> symbol.
165 |     </para>
166 |     <sect3 id="programming-languages">
167 |       <title>Programming Languages</title>
168 |       <itemizedlist>
169 |         <listitem>
170 |           <para>
171 |             <ulink url="http://developer.mozilla.org/en/JavaScript">JavaScript</ulink><superscript>†</superscript>
172 |           </para>
173 |         </listitem>
174 |         <listitem>
175 |           <para>
176 |             <ulink url="http://php.net">PHP</ulink>
177 |           </para>
178 |         </listitem>
179 |         <listitem>
180 |           <para>
181 |             <ulink url="http://ruby-lang.org">Ruby</ulink><superscript>†</superscript>
182 |           </para>
183 |         </listitem>
184 |       </itemizedlist>
185 |     </sect3>
186 |     <sect3 id="markuptemplating-languages-preprocessors">
187 |       <title>Markup/Templating Languages &amp; Preprocessors</title>
188 |       <itemizedlist>
189 |         <listitem>
190 |           <para>
191 |             <ulink url="http://coffeescript.org">CoffeeScript</ulink>
192 |           </para>
193 |         </listitem>
194 |         <listitem>
195 |           <para>
196 |             <ulink url="http://www.w3.org/Style/CSS/Overview.en.html">CSS</ulink><superscript>†</superscript>
197 |           </para>
198 |         </listitem>
199 |         <listitem>
200 |           <para>
201 |             <ulink url="http://linkedin.github.io/dustjs">Dust.js</ulink>
202 |           </para>
203 |         </listitem>
204 |         <listitem>
205 |           <para>
206 |             <ulink url="http://en.wikipedia.org/wiki/ERuby">ERB/eRuby</ulink>
207 |           </para>
208 |         </listitem>
209 |         <listitem>
210 |           <para>
211 |             <ulink url="http://haml.info">Haml</ulink>
212 |           </para>
213 |         </listitem>
214 |         <listitem>
215 |           <para>
216 |             <ulink url="http://handlebarsjs.com">Handlebars.js</ulink>
217 |           </para>
218 |         </listitem>
219 |         <listitem>
220 |           <para>
221 |             <ulink url="http://developers.whatwg.org">HTML</ulink><superscript>†</superscript>
222 |           </para>
223 |         </listitem>
224 |         <listitem>
225 |           <para>
226 |             <ulink url="http://jade-lang.com">Jade</ulink>
227 |           </para>
228 |         </listitem>
229 |         <listitem>
230 |           <para>
231 |             <ulink url="http://www.oracle.com/technetwork/java/javaee/jsp">JSP</ulink>
232 |           </para>
233 |         </listitem>
234 |         <listitem>
235 |           <para>
236 |             <ulink url="http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html">JSTL</ulink>
237 |           </para>
238 |         </listitem>
239 |         <listitem>
240 |           <para>
241 |             <ulink url="http://lesscss.org">LESS</ulink><superscript>†</superscript>
242 |           </para>
243 |         </listitem>
244 |         <listitem>
245 |           <para>
246 |             <ulink url="http://liquidmarkup.org">Liquid</ulink>
247 |           </para>
248 |         </listitem>
249 |         <listitem>
250 |           <para>
251 |             <ulink url="http://daringfireball.net/projects/markdown">Markdown</ulink><superscript>†</superscript>
252 |           </para>
253 |         </listitem>
254 |         <listitem>
255 |           <para>
256 |             <ulink url="http://mustache.github.io">Mustache</ulink>
257 |           </para>
258 |         </listitem>
259 |         <listitem>
260 |           <para>
261 |             <ulink url="http://sass-lang.com">Sass</ulink><superscript>†</superscript>
262 |           </para>
263 |         </listitem>
264 |         <listitem>
265 |           <para>
266 |             <ulink url="http://smarty.net">Smarty</ulink>
267 |           </para>
268 |         </listitem>
269 |         <listitem>
270 |           <para>
271 |             <ulink url="http://paularmstrong.github.io/swig">Swig</ulink>
272 |           </para>
273 |         </listitem>
274 |         <listitem>
275 |           <para>
276 |             <ulink url="http://learnboost.github.io/stylus">Stylus</ulink>
277 |           </para>
278 |         </listitem>
279 |       </itemizedlist>
280 |     </sect3>
281 |     <sect3 id="frameworks-apis">
282 |       <title>Frameworks &amp; APIs</title>
283 |       <itemizedlist>
284 |         <listitem>
285 |           <para>
286 |             <ulink url="http://backbonejs.org">Backbone.js</ulink><superscript>†</superscript>
287 |           </para>
288 |         </listitem>
289 |         <listitem>
290 |           <para>
291 |             <ulink url="http://bower.io">Bower</ulink>
292 |           </para>
293 |         </listitem>
294 |         <listitem>
295 |           <para>
296 |             <ulink url="http://browserify.org">Browserify</ulink><superscript>†</superscript>
297 |           </para>
298 |         </listitem>
299 |         <listitem>
300 |           <para>
301 |             <ulink url="http://compass-style.org">Compass</ulink><superscript>†</superscript>
302 |           </para>
303 |         </listitem>
304 |         <listitem>
305 |           <para>
306 |             <ulink url="http://www.djangoproject.com">Django</ulink>
307 |           </para>
308 |         </listitem>
309 |         <listitem>
310 |           <para>
311 |             <ulink url="http://expressjs.com">Express</ulink><superscript>†</superscript>
312 |           </para>
313 |         </listitem>
314 |         <listitem>
315 |           <para>
316 |             <ulink url="http://jasmine.github.io">Jasmine</ulink>
317 |           </para>
318 |         </listitem>
319 |         <listitem>
320 |           <para>
321 |             <ulink url="http://jquery.com">jQuery</ulink><superscript>†</superscript>
322 |           </para>
323 |         </listitem>
324 |         <listitem>
325 |           <para>
326 |             <ulink url="http://krakenjs.com">krakenjs</ulink>
327 |           </para>
328 |         </listitem>
329 |         <listitem>
330 |           <para>
331 |             <ulink url="http://lodash.com">Lodash</ulink><superscript>†</superscript>
332 |           </para>
333 |         </listitem>
334 |         <listitem>
335 |           <para>
336 |             <ulink url="http://meteor.com">Meteor</ulink>
337 |           </para>
338 |         </listitem>
339 |         <listitem>
340 |           <para>
341 |             <ulink url="http://middlemanapp.com">Middleman</ulink>
342 |           </para>
343 |         </listitem>
344 |         <listitem>
345 |           <para>
346 |             <ulink url="http://nodejs.org">Node.js</ulink><superscript>†</superscript>
347 |           </para>
348 |         </listitem>
349 |         <listitem>
350 |           <para>
351 |             <ulink url="http://prototypejs.org">Prototype.js</ulink>
352 |           </para>
353 |         </listitem>
354 |         <listitem>
355 |           <para>
356 |             <ulink url="http://facebook.github.io/react">React</ulink>
357 |           </para>
358 |         </listitem>
359 |         <listitem>
360 |           <para>
361 |             <ulink url="http://requirejs.org">Require.js</ulink><superscript>†</superscript>
362 |           </para>
363 |         </listitem>
364 |         <listitem>
365 |           <para>
366 |             <ulink url="http://rubyonrails.org">Ruby on Rails</ulink>
367 |           </para>
368 |         </listitem>
369 |         <listitem>
370 |           <para>
371 |             <ulink url="http://sinatrarb.com">Sinatra</ulink>
372 |           </para>
373 |         </listitem>
374 |         <listitem>
375 |           <para>
376 |             <ulink url="http://dev.twitter.com">Twitter API</ulink>
377 |           </para>
378 |         </listitem>
379 |         <listitem>
380 |           <para>
381 |             <ulink url="http://underscorejs.org">Underscore.js</ulink><superscript>†</superscript>
382 |           </para>
383 |         </listitem>
384 |         <listitem>
385 |           <para>
386 |             <ulink url="http://wordpress.org">Wordpress</ulink>
387 |           </para>
388 |         </listitem>
389 |         <listitem>
390 |           <para>
391 |             <ulink url="http://developer.yahoo.com/yui">YUI</ulink>
392 |           </para>
393 |         </listitem>
394 |       </itemizedlist>
395 |     </sect3>
396 |     <sect3 id="software-tools">
397 |       <title>Software &amp; Tools</title>
398 |       <itemizedlist>
399 |         <listitem>
400 |           <para>
401 |             <ulink url="http://www.adobe.com/products/creativesuite.html">Adobe
402 |             Creative Suite</ulink><superscript>†</superscript>
403 |           </para>
404 |         </listitem>
405 |         <listitem>
406 |           <para>
407 |             <ulink url="http://aws.amazon.com">Amazon Web
408 |             Services</ulink>
409 |           </para>
410 |         </listitem>
411 |         <listitem>
412 |           <para>
413 |             <ulink url="http://apache.org">Apache</ulink><superscript>†</superscript>
414 |           </para>
415 |         </listitem>
416 |         <listitem>
417 |           <para>
418 |             <ulink url="http://developer.apple.com">Apple XCode</ulink>
419 |           </para>
420 |         </listitem>
421 |         <listitem>
422 |           <para>
423 |             <ulink url="http://demandware.com">Demandware</ulink>
424 |           </para>
425 |         </listitem>
426 |         <listitem>
427 |           <para>
428 |             <ulink url="http://git-scm.com">Git</ulink><superscript>†</superscript>
429 |           </para>
430 |         </listitem>
431 |         <listitem>
432 |           <para>
433 |             <ulink url="http://gruntjs.com">Grunt</ulink><superscript>†</superscript>
434 |           </para>
435 |         </listitem>
436 |         <listitem>
437 |           <para>
438 |             <ulink url="http://gulpjs.com">Gulp</ulink><superscript>†</superscript>
439 |           </para>
440 |         </listitem>
441 |         <listitem>
442 |           <para>
443 |             <ulink url="http://jboss.org">JBoss</ulink>
444 |           </para>
445 |         </listitem>
446 |         <listitem>
447 |           <para>
448 |             <ulink url="http://atlassian.com/software/jira">JIRA</ulink><superscript>†</superscript>
449 |           </para>
450 |         </listitem>
451 |         <listitem>
452 |           <para>
453 |             <ulink url="http://apple.com/macosx">Mac OS
454 |             X</ulink><superscript>†</superscript>
455 |           </para>
456 |         </listitem>
457 |         <listitem>
458 |           <para>
459 |             <ulink url="http://magento.com">Magento</ulink><superscript>†</superscript>
460 |           </para>
461 |         </listitem>
462 |         <listitem>
463 |           <para>
464 |             <ulink url="http://mongodb.org">MongoDB</ulink><superscript>†</superscript>
465 |           </para>
466 |         </listitem>
467 |         <listitem>
468 |           <para>
469 |             <ulink url="http://mysql.com">MySQL</ulink>
470 |           </para>
471 |         </listitem>
472 |         <listitem>
473 |           <para>
474 |             <ulink url="http://wiki.nginx.org">Nginx</ulink>
475 |           </para>
476 |         </listitem>
477 |         <listitem>
478 |           <para>
479 |             <ulink url="http://www.oracle.com/us/products/applications/web-commerce/atg">Oracle
480 |             ATG</ulink>
481 |           </para>
482 |         </listitem>
483 |         <listitem>
484 |           <para>
485 |             <ulink url="http://johnmacfarlane.net/pandoc">Pandoc</ulink>
486 |           </para>
487 |         </listitem>
488 |         <listitem>
489 |           <para>
490 |             <ulink url="http://postgresql.org">PostgreSQL</ulink>
491 |           </para>
492 |         </listitem>
493 |         <listitem>
494 |           <para>
495 |             <ulink url="http://rvm.beginrescueend.com">rvm</ulink><superscript>†</superscript>
496 |           </para>
497 |         </listitem>
498 |         <listitem>
499 |           <para>
500 |             <ulink url="http://www.sublimetext.com">Sublime Text</ulink>
501 |           </para>
502 |         </listitem>
503 |         <listitem>
504 |           <para>
505 |             <ulink url="http://svn.apache.org">Subversion</ulink>
506 |           </para>
507 |         </listitem>
508 |         <listitem>
509 |           <para>
510 |             <ulink url="http://tmux.sourceforge.net">tmux</ulink><superscript>†</superscript>
511 |           </para>
512 |         </listitem>
513 |         <listitem>
514 |           <para>
515 |             <ulink url="http://tomcat.apache.com">Tomcat</ulink>
516 |           </para>
517 |         </listitem>
518 |         <listitem>
519 |           <para>
520 |             <ulink url="http://ubuntu.com">Ubuntu Linux</ulink>
521 |           </para>
522 |         </listitem>
523 |         <listitem>
524 |           <para>
525 |             <ulink url="http://vagrantup.com">Vagrant</ulink>
526 |           </para>
527 |         </listitem>
528 |         <listitem>
529 |           <para>
530 |             <ulink url="http://www.vim.org">Vim</ulink><superscript>†</superscript>
531 |           </para>
532 |         </listitem>
533 |         <listitem>
534 |           <para>
535 |             <ulink url="http://virtualbox.org">VirtualBox</ulink><superscript>†</superscript>
536 |           </para>
537 |         </listitem>
538 |         <listitem>
539 |           <para>
540 |             <ulink url="http://jetbrains.com/webstorm">WebStorm</ulink>
541 |           </para>
542 |         </listitem>
543 |         <listitem>
544 |           <para>
545 |             <ulink url="http://yeoman.io">Yeoman</ulink>
546 |           </para>
547 |         </listitem>
548 |         <listitem>
549 |           <para>
550 |             <ulink url="http://www.zsh.org">zsh</ulink><superscript>†</superscript>
551 |           </para>
552 |         </listitem>
553 |       </itemizedlist>
554 |     </sect3>
555 |   </sect2>
556 |   <sect2 id="education">
557 |     <title>Education</title>
558 |     <para>
559 |       <ulink url="http://sju.edu">Saint Joseph’s University</ulink>,
560 |       Erivan K. Haub School of Business<literallayout>
561 | </literallayout>BS, Information Systems, 1996 - 2000
562 |     </para>
563 |   </sect2>
564 |   <sect2 id="honors-and-awards">
565 |     <title>Honors and Awards</title>
566 |     <para>
567 |       <emphasis>Unsung Hero</emphasis>, Empathy Lab, May 2011<literallayout>
568 | </literallayout>A peer-awarded honor which I’ll always be terribly proud
569 |       to have won.
570 |     </para>
571 |   </sect2>
572 |   <sect2 id="interests">
573 |     <title>Interests</title>
574 |     <itemizedlist>
575 |       <listitem>
576 |         <para>
577 |           Being a dad and spending time with my family
578 |         </para>
579 |       </listitem>
580 |       <listitem>
581 |         <para>
582 |           Playing
583 |           <ulink url="http://boardgamegeek.com/user/smtudor">board and
584 |           card games</ulink> (and video games, too)
585 |         </para>
586 |       </listitem>
587 |       <listitem>
588 |         <para>
589 |           Making and listening to
590 |           <ulink url="http://www.rdio.com/people/smtudor">music</ulink>
591 |         </para>
592 |       </listitem>
593 |       <listitem>
594 |         <para>
595 |           Watching and contributing to Open Source Software
596 |         </para>
597 |       </listitem>
598 |     </itemizedlist>
599 |     <para>
600 |       ©2014 <ulink url="http://s17r.com/resume">Stephen Tudor</ulink>.
601 |       All rights reserved. Direct contact only desired
602 |       (no recruiters please).
603 |     </para>
604 |   </sect2>
605 | </sect1>
606 | </article>
607 | 


--------------------------------------------------------------------------------
/resume.docx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smt/resume/469f0b7443a5bb916bce281d9c938599bb90e65e/resume.docx


--------------------------------------------------------------------------------
/resume.epub:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smt/resume/469f0b7443a5bb916bce281d9c938599bb90e65e/resume.epub


--------------------------------------------------------------------------------
/resume.markdown:
--------------------------------------------------------------------------------
  1 | Stephen Tudor
  2 | =============
  3 | 
  4 | Front-end Web Developer
  5 | -----------------------
  6 | 
  7 | - Phone: [610-590-4484](tel://610-590-4484)
  8 | - Email: <smt@stephentudor.com>
  9 | - Blog: [stephentudor.com](http://stephentudor.com)
 10 | - Github: [smt](http://github.com/smt)
 11 | - Twitter: [\@tagsoup](http://twitter.com/tagsoup)
 12 | 
 13 | 
 14 | Summary
 15 | -------
 16 | 
 17 | I am an experienced front-end developer who has led development for multiple
 18 | successful $1MM+ projects. I am passionate about building high quality apps and
 19 | user interfaces with modern web technologies. Through being conversant in
 20 | server-side engineering, visual/UX design, and project management practices,
 21 | I am able to execute end-to-end on a product or project.
 22 | 
 23 | 
 24 | Specialties
 25 | -----------
 26 | 
 27 | Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for
 28 | the open web. Managing and mentoring dev teams. Performing code reviews.
 29 | Writing white papers and API documentation. Particating in the black art of
 30 | software estimation. Drawing from a strong background in many diverse web
 31 | technologies and frameworks.
 32 | 
 33 | 
 34 | Experience
 35 | ----------
 36 | 
 37 | ### **UX Developer** at [eBay Enterprise](http://ebayenterprise.com)
 38 | 
 39 | *November 2013 - Present*
 40 | 
 41 | As a member of the Solution Innovations team, I am creating a RWD pattern
 42 | library as the system of record and living style guide for the next version of
 43 | the Magento reference store. I also support sales activities by building and
 44 | deploying various tools and services, such as a third-party JavaScript app that
 45 | enables users to annotate any website with content authored in a WordPress
 46 | blog.
 47 | 
 48 | ### **Senior Software Engineer** at [EPAM Empathy Lab](http://epam.com/empathylab)
 49 | 
 50 | *December 2012 - November 2013* (1 year)
 51 | 
 52 | Championed a more collaborative process for responsive web design between the
 53 | UX and development disciplines. Curated an internal static web framework and
 54 | responsive pattern library to be used on multiple projects. Lead development
 55 | on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the
 56 | USA Network.
 57 | 
 58 | ### **Senior Web Developer** at [Empathy Lab](http://empathylab.com)
 59 | 
 60 | *April 2010 - December 2012* (2 years 9 months)
 61 | 
 62 | Created front-end web applications on tight deadlines for marquee clientele.
 63 | Responsible for estimating work, vetting UX designs prior to development,
 64 | developing key features, assisting team members on challenging sections of
 65 | code, performing code reviews, and coordinating releases.
 66 | 
 67 | ### **Web Developer** at [Empathy Lab](http://empathylab.com)
 68 | 
 69 | *April 2009 - April 2010* (1 year 1 month)
 70 | 
 71 | Authored standards-based HTML, CSS, and JavaScript for websites representing
 72 | a broad range of internationally recognized brands: Sesame Street, Sprout,
 73 | Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance,
 74 | Liberty Global, American Red Cross.
 75 | 
 76 | ### **IT Director** at [Artisan Custom Doorworks](http://artisandoorworks.com)
 77 | 
 78 | *December 2005 - April 2009* (3 years 5 months)
 79 | 
 80 | Designed the corporate website with a library of over 8,000 searchable PDF
 81 | docemunts. Developed in-house sales and management application in Rails, while
 82 | supporting and customizing business systems and applications.
 83 | 
 84 | ### **President** at [Tudor Studio](http://tudorstudio.com)
 85 | 
 86 | *January 2002 - Present*
 87 | 
 88 | Providing professional web consulting and development services, from
 89 | individuals and small businesses to Fortune 500 companies. Designing and
 90 | developing hosted web applications with open source frameworks like Ruby on
 91 | Rails. Integrating CMS and eCommerce applications.
 92 | 
 93 | 
 94 | Skills & Expertise
 95 | ------------------
 96 | 
 97 | These are languages, tools, and practices to which I have had exposure over the
 98 | past 6 years or so. Those things which enjoy routine usage in my daily work are
 99 | denoted with a ^†^ symbol.
100 | 
101 | ### Programming Languages
102 | 
103 | - [JavaScript](http://developer.mozilla.org/en/JavaScript)^†^
104 | - [PHP](http://php.net)
105 | - [Ruby](http://ruby-lang.org)^†^
106 | 
107 | ### Markup/Templating Languages & Preprocessors
108 | 
109 | - [CoffeeScript](http://coffeescript.org)
110 | - [CSS](http://www.w3.org/Style/CSS/Overview.en.html)^†^
111 | - [Dust.js](http://linkedin.github.io/dustjs)
112 | - [ERB/eRuby](http://en.wikipedia.org/wiki/ERuby)
113 | - [Haml](http://haml.info)
114 | - [Handlebars.js](http://handlebarsjs.com)
115 | - [HTML](http://developers.whatwg.org)^†^
116 | - [Jade](http://jade-lang.com)
117 | - [JSP](http://www.oracle.com/technetwork/java/javaee/jsp)
118 | - [JSTL](http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html)
119 | - [LESS](http://lesscss.org)^†^
120 | - [Liquid](http://liquidmarkup.org)
121 | - [Markdown](http://daringfireball.net/projects/markdown)^†^
122 | - [Mustache](http://mustache.github.io)
123 | - [Sass](http://sass-lang.com)^†^
124 | - [Smarty](http://smarty.net)
125 | - [Swig](http://paularmstrong.github.io/swig)
126 | - [Stylus](http://learnboost.github.io/stylus)
127 | 
128 | ### Frameworks & APIs
129 | 
130 | - [Backbone.js](http://backbonejs.org)^†^
131 | - [Bower](http://bower.io)
132 | - [Browserify](http://browserify.org)^†^
133 | - [Compass](http://compass-style.org)^†^
134 | - [Django](http://www.djangoproject.com)
135 | - [Express](http://expressjs.com)^†^
136 | - [Jasmine](http://jasmine.github.io)
137 | - [jQuery](http://jquery.com)^†^
138 | - [krakenjs](http://krakenjs.com)
139 | - [Lodash](http://lodash.com)^†^
140 | - [Meteor](http://meteor.com)
141 | - [Middleman](http://middlemanapp.com)
142 | - [Node.js](http://nodejs.org)^†^
143 | - [Prototype.js](http://prototypejs.org)
144 | - [React](http://facebook.github.io/react)
145 | - [Require.js](http://requirejs.org)^†^
146 | - [Ruby on Rails](http://rubyonrails.org)
147 | - [Sinatra](http://sinatrarb.com)
148 | - [Twitter API](http://dev.twitter.com)
149 | - [Underscore.js](http://underscorejs.org)^†^
150 | - [Wordpress](http://wordpress.org)
151 | - [YUI](http://developer.yahoo.com/yui)
152 | 
153 | ### Software & Tools
154 | 
155 | - [Adobe Creative Suite](http://www.adobe.com/products/creativesuite.html)^†^
156 | - [Amazon Web Services](http://aws.amazon.com)
157 | - [Apache](http://apache.org)^†^
158 | - [Apple XCode](http://developer.apple.com)
159 | - [Demandware](http://demandware.com)
160 | - [Git](http://git-scm.com)^†^
161 | - [Grunt](http://gruntjs.com)^†^
162 | - [Gulp](http://gulpjs.com)^†^
163 | - [JBoss](http://jboss.org)
164 | - [JIRA](http://atlassian.com/software/jira)^†^
165 | - [Mac OS X](http://apple.com/macosx)^†^
166 | - [Magento](http://magento.com)^†^
167 | - [MongoDB](http://mongodb.org)^†^
168 | - [MySQL](http://mysql.com)
169 | - [Nginx](http://wiki.nginx.org)
170 | - [Oracle ATG](http://www.oracle.com/us/products/applications/web-commerce/atg)
171 | - [Pandoc](http://johnmacfarlane.net/pandoc)
172 | - [PostgreSQL](http://postgresql.org)
173 | - [rvm](http://rvm.beginrescueend.com)^†^
174 | - [Sublime Text](http://www.sublimetext.com)
175 | - [Subversion](http://svn.apache.org)
176 | - [tmux](http://tmux.sourceforge.net)^†^
177 | - [Tomcat](http://tomcat.apache.com)
178 | - [Ubuntu Linux](http://ubuntu.com)
179 | - [Vagrant](http://vagrantup.com)
180 | - [Vim](http://www.vim.org)^†^
181 | - [VirtualBox](http://virtualbox.org)^†^
182 | - [WebStorm](http://jetbrains.com/webstorm)
183 | - [Yeoman](http://yeoman.io)
184 | - [zsh](http://www.zsh.org)^†^
185 | 
186 | Education
187 | ---------
188 | 
189 | [Saint Joseph's University](http://sju.edu), Erivan K. Haub School of Business    
190 | BS, Information Systems, 1996 - 2000
191 | 
192 | Honors and Awards
193 | -----------------
194 | 
195 | *Unsung Hero*, Empathy Lab, May 2011    
196 | A peer-awarded honor which I'll always be terribly proud to have won.
197 | 
198 | Interests
199 | ---------
200 | 
201 | - Being a dad and spending time with my family
202 | - Playing [board and card games](http://boardgamegeek.com/user/smtudor) (and video games, too)
203 | - Making and listening to [music](http://www.rdio.com/people/smtudor)
204 | - Watching and contributing to Open Source Software
205 | 
206 | ©2014 [Stephen Tudor](http://s17r.com/resume). All rights reserved. Direct contact only desired (no&nbsp;recruiters&nbsp;please).
207 | 


--------------------------------------------------------------------------------
/resume.odt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smt/resume/469f0b7443a5bb916bce281d9c938599bb90e65e/resume.odt


--------------------------------------------------------------------------------
/resume.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smt/resume/469f0b7443a5bb916bce281d9c938599bb90e65e/resume.pdf


--------------------------------------------------------------------------------
/resume.rst:
--------------------------------------------------------------------------------
  1 | Stephen Tudor
  2 | =============
  3 | 
  4 | Front-end Web Developer
  5 | -----------------------
  6 | 
  7 | -  Phone: `610-590-4484 <tel://610-590-4484>`__
  8 | -  Email: smt@stephentudor.com
  9 | -  Blog: `stephentudor.com <http://stephentudor.com>`__
 10 | -  Github: `smt <http://github.com/smt>`__
 11 | -  Twitter: `@tagsoup <http://twitter.com/tagsoup>`__
 12 | 
 13 | Summary
 14 | -------
 15 | 
 16 | I am an experienced front-end developer who has led development for
 17 | multiple successful $1MM+ projects. I am passionate about building high
 18 | quality apps and user interfaces with modern web technologies. Through
 19 | being conversant in server-side engineering, visual/UX design, and
 20 | project management practices, I am able to execute end-to-end on a
 21 | product or project.
 22 | 
 23 | Specialties
 24 | -----------
 25 | 
 26 | Authoring great user experiences with JavaScript, HTML, and CSS.
 27 | Advocating for the open web. Managing and mentoring dev teams.
 28 | Performing code reviews. Writing white papers and API documentation.
 29 | Particating in the black art of software estimation. Drawing from a
 30 | strong background in many diverse web technologies and frameworks.
 31 | 
 32 | Experience
 33 | ----------
 34 | 
 35 | **UX Developer** at `eBay Enterprise <http://ebayenterprise.com>`__
 36 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 37 | 
 38 | *November 2013 - Present*
 39 | 
 40 | As a member of the Solution Innovations team, I am creating a RWD
 41 | pattern library as the system of record and living style guide for the
 42 | next version of the Magento reference store. I also support sales
 43 | activities by building and deploying various tools and services, such as
 44 | a third-party JavaScript app that enables users to annotate any website
 45 | with content authored in a WordPress blog.
 46 | 
 47 | **Senior Software Engineer** at `EPAM Empathy Lab <http://epam.com/empathylab>`__
 48 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 49 | 
 50 | *December 2012 - November 2013* (1 year)
 51 | 
 52 | Championed a more collaborative process for responsive web design
 53 | between the UX and development disciplines. Curated an internal static
 54 | web framework and responsive pattern library to be used on multiple
 55 | projects. Lead development on responsive prototypes for NBC Universal,
 56 | DIRECTV, AIG, Lionsgate, and the USA Network.
 57 | 
 58 | **Senior Web Developer** at `Empathy Lab <http://empathylab.com>`__
 59 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 60 | 
 61 | *April 2010 - December 2012* (2 years 9 months)
 62 | 
 63 | Created front-end web applications on tight deadlines for marquee
 64 | clientele. Responsible for estimating work, vetting UX designs prior to
 65 | development, developing key features, assisting team members on
 66 | challenging sections of code, performing code reviews, and coordinating
 67 | releases.
 68 | 
 69 | **Web Developer** at `Empathy Lab <http://empathylab.com>`__
 70 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 71 | 
 72 | *April 2009 - April 2010* (1 year 1 month)
 73 | 
 74 | Authored standards-based HTML, CSS, and JavaScript for websites
 75 | representing a broad range of internationally recognized brands: Sesame
 76 | Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st
 77 | Century Insurance, Liberty Global, American Red Cross.
 78 | 
 79 | **IT Director** at `Artisan Custom Doorworks <http://artisandoorworks.com>`__
 80 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 81 | 
 82 | *December 2005 - April 2009* (3 years 5 months)
 83 | 
 84 | Designed the corporate website with a library of over 8,000 searchable
 85 | PDF docemunts. Developed in-house sales and management application in
 86 | Rails, while supporting and customizing business systems and
 87 | applications.
 88 | 
 89 | **President** at `Tudor Studio <http://tudorstudio.com>`__
 90 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 91 | 
 92 | *January 2002 - Present*
 93 | 
 94 | Providing professional web consulting and development services, from
 95 | individuals and small businesses to Fortune 500 companies. Designing and
 96 | developing hosted web applications with open source frameworks like Ruby
 97 | on Rails. Integrating CMS and eCommerce applications.
 98 | 
 99 | Skills & Expertise
100 | ------------------
101 | 
102 | These are languages, tools, and practices to which I have had exposure
103 | over the past 6 years or so. Those things which enjoy routine usage in
104 | my daily work are denoted with a :sup:`†` symbol.
105 | 
106 | Programming Languages
107 | ~~~~~~~~~~~~~~~~~~~~~
108 | 
109 | -  `JavaScript <http://developer.mozilla.org/en/JavaScript>`__\ :sup:`†`
110 | -  `PHP <http://php.net>`__
111 | -  `Ruby <http://ruby-lang.org>`__\ :sup:`†`
112 | 
113 | Markup/Templating Languages & Preprocessors
114 | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
115 | 
116 | -  `CoffeeScript <http://coffeescript.org>`__
117 | -  `CSS <http://www.w3.org/Style/CSS/Overview.en.html>`__\ :sup:`†`
118 | -  `Dust.js <http://linkedin.github.io/dustjs>`__
119 | -  `ERB/eRuby <http://en.wikipedia.org/wiki/ERuby>`__
120 | -  `Haml <http://haml.info>`__
121 | -  `Handlebars.js <http://handlebarsjs.com>`__
122 | -  `HTML <http://developers.whatwg.org>`__\ :sup:`†`
123 | -  `Jade <http://jade-lang.com>`__
124 | -  `JSP <http://www.oracle.com/technetwork/java/javaee/jsp>`__
125 | -  `JSTL <http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html>`__
126 | -  `LESS <http://lesscss.org>`__\ :sup:`†`
127 | -  `Liquid <http://liquidmarkup.org>`__
128 | -  `Markdown <http://daringfireball.net/projects/markdown>`__\ :sup:`†`
129 | -  `Mustache <http://mustache.github.io>`__
130 | -  `Sass <http://sass-lang.com>`__\ :sup:`†`
131 | -  `Smarty <http://smarty.net>`__
132 | -  `Swig <http://paularmstrong.github.io/swig>`__
133 | -  `Stylus <http://learnboost.github.io/stylus>`__
134 | 
135 | Frameworks & APIs
136 | ~~~~~~~~~~~~~~~~~
137 | 
138 | -  `Backbone.js <http://backbonejs.org>`__\ :sup:`†`
139 | -  `Bower <http://bower.io>`__
140 | -  `Browserify <http://browserify.org>`__\ :sup:`†`
141 | -  `Compass <http://compass-style.org>`__\ :sup:`†`
142 | -  `Django <http://www.djangoproject.com>`__
143 | -  `Express <http://expressjs.com>`__\ :sup:`†`
144 | -  `Jasmine <http://jasmine.github.io>`__
145 | -  `jQuery <http://jquery.com>`__\ :sup:`†`
146 | -  `krakenjs <http://krakenjs.com>`__
147 | -  `Lodash <http://lodash.com>`__\ :sup:`†`
148 | -  `Meteor <http://meteor.com>`__
149 | -  `Middleman <http://middlemanapp.com>`__
150 | -  `Node.js <http://nodejs.org>`__\ :sup:`†`
151 | -  `Prototype.js <http://prototypejs.org>`__
152 | -  `React <http://facebook.github.io/react>`__
153 | -  `Require.js <http://requirejs.org>`__\ :sup:`†`
154 | -  `Ruby on Rails <http://rubyonrails.org>`__
155 | -  `Sinatra <http://sinatrarb.com>`__
156 | -  `Twitter API <http://dev.twitter.com>`__
157 | -  `Underscore.js <http://underscorejs.org>`__\ :sup:`†`
158 | -  `Wordpress <http://wordpress.org>`__
159 | -  `YUI <http://developer.yahoo.com/yui>`__
160 | 
161 | Software & Tools
162 | ~~~~~~~~~~~~~~~~
163 | 
164 | -  `Adobe Creative
165 |    Suite <http://www.adobe.com/products/creativesuite.html>`__\ :sup:`†`
166 | -  `Amazon Web Services <http://aws.amazon.com>`__
167 | -  `Apache <http://apache.org>`__\ :sup:`†`
168 | -  `Apple XCode <http://developer.apple.com>`__
169 | -  `Demandware <http://demandware.com>`__
170 | -  `Git <http://git-scm.com>`__\ :sup:`†`
171 | -  `Grunt <http://gruntjs.com>`__\ :sup:`†`
172 | -  `Gulp <http://gulpjs.com>`__\ :sup:`†`
173 | -  `JBoss <http://jboss.org>`__
174 | -  `JIRA <http://atlassian.com/software/jira>`__\ :sup:`†`
175 | -  `Mac OS X <http://apple.com/macosx>`__\ :sup:`†`
176 | -  `Magento <http://magento.com>`__\ :sup:`†`
177 | -  `MongoDB <http://mongodb.org>`__\ :sup:`†`
178 | -  `MySQL <http://mysql.com>`__
179 | -  `Nginx <http://wiki.nginx.org>`__
180 | -  `Oracle
181 |    ATG <http://www.oracle.com/us/products/applications/web-commerce/atg>`__
182 | -  `Pandoc <http://johnmacfarlane.net/pandoc>`__
183 | -  `PostgreSQL <http://postgresql.org>`__
184 | -  `rvm <http://rvm.beginrescueend.com>`__\ :sup:`†`
185 | -  `Sublime Text <http://www.sublimetext.com>`__
186 | -  `Subversion <http://svn.apache.org>`__
187 | -  `tmux <http://tmux.sourceforge.net>`__\ :sup:`†`
188 | -  `Tomcat <http://tomcat.apache.com>`__
189 | -  `Ubuntu Linux <http://ubuntu.com>`__
190 | -  `Vagrant <http://vagrantup.com>`__
191 | -  `Vim <http://www.vim.org>`__\ :sup:`†`
192 | -  `VirtualBox <http://virtualbox.org>`__\ :sup:`†`
193 | -  `WebStorm <http://jetbrains.com/webstorm>`__
194 | -  `Yeoman <http://yeoman.io>`__
195 | -  `zsh <http://www.zsh.org>`__\ :sup:`†`
196 | 
197 | Education
198 | ---------
199 | 
200 | | `Saint Joseph's University <http://sju.edu>`__, Erivan K. Haub School
201 | of Business
202 | | BS, Information Systems, 1996 - 2000
203 | 
204 | Honors and Awards
205 | -----------------
206 | 
207 | | *Unsung Hero*, Empathy Lab, May 2011
208 | | A peer-awarded honor which I'll always be terribly proud to have won.
209 | 
210 | Interests
211 | ---------
212 | 
213 | -  Being a dad and spending time with my family
214 | -  Playing `board and card
215 |    games <http://boardgamegeek.com/user/smtudor>`__ (and video games,
216 |    too)
217 | -  Making and listening to
218 |    `music <http://www.rdio.com/people/smtudor>`__
219 | -  Watching and contributing to Open Source Software
220 | 
221 | ©2014 `Stephen Tudor <http://s17r.com/resume>`__. All rights reserved.
222 | Direct contact only desired (no recruiters please).
223 | 


--------------------------------------------------------------------------------
/resume.rtf:
--------------------------------------------------------------------------------
  1 | {\rtf1\ansi\deff0{\fonttbl{\f0 \fswiss Helvetica;}{\f1 Courier;}}
  2 | {\colortbl;\red255\green0\blue0;\red0\green0\blue255;}
  3 | \widowctrl\hyphauto
  4 | 
  5 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs36 Stephen Tudor\par}
  6 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Front-end Web Developer\par}
  7 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Phone: {\field{\*\fldinst{HYPERLINK "tel://610-590-4484"}}{\fldrslt{\ul
  8 | 610-590-4484
  9 | }}}
 10 | \par}
 11 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Email: {\field{\*\fldinst{HYPERLINK "mailto:smt@stephentudor.com"}}{\fldrslt{\ul
 12 | smt@stephentudor.com
 13 | }}}
 14 | \par}
 15 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Blog: {\field{\*\fldinst{HYPERLINK "http://stephentudor.com"}}{\fldrslt{\ul
 16 | stephentudor.com
 17 | }}}
 18 | \par}
 19 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Github: {\field{\*\fldinst{HYPERLINK "http://github.com/smt"}}{\fldrslt{\ul
 20 | smt
 21 | }}}
 22 | \par}
 23 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Twitter: {\field{\*\fldinst{HYPERLINK "http://twitter.com/tagsoup"}}{\fldrslt{\ul
 24 | @tagsoup
 25 | }}}
 26 | \sa180\par}
 27 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Summary\par}
 28 | {\pard \ql \f0 \sa180 \li0 \fi0 I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project.\par}
 29 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Specialties\par}
 30 | {\pard \ql \f0 \sa180 \li0 \fi0 Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks.\par}
 31 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Experience\par}
 32 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b UX Developer} at {\field{\*\fldinst{HYPERLINK "http://ebayenterprise.com"}}{\fldrslt{\ul
 33 | eBay Enterprise
 34 | }}}
 35 | \par}
 36 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i November 2013 - Present}\par}
 37 | {\pard \ql \f0 \sa180 \li0 \fi0 As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog.\par}
 38 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b Senior Software Engineer} at {\field{\*\fldinst{HYPERLINK "http://epam.com/empathylab"}}{\fldrslt{\ul
 39 | EPAM Empathy Lab
 40 | }}}
 41 | \par}
 42 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i December 2012 - November 2013} (1 year)\par}
 43 | {\pard \ql \f0 \sa180 \li0 \fi0 Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network.\par}
 44 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b Senior Web Developer} at {\field{\*\fldinst{HYPERLINK "http://empathylab.com"}}{\fldrslt{\ul
 45 | Empathy Lab
 46 | }}}
 47 | \par}
 48 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i April 2010 - December 2012} (2 years 9 months)\par}
 49 | {\pard \ql \f0 \sa180 \li0 \fi0 Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases.\par}
 50 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b Web Developer} at {\field{\*\fldinst{HYPERLINK "http://empathylab.com"}}{\fldrslt{\ul
 51 | Empathy Lab
 52 | }}}
 53 | \par}
 54 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i April 2009 - April 2010} (1 year 1 month)\par}
 55 | {\pard \ql \f0 \sa180 \li0 \fi0 Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross.\par}
 56 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b IT Director} at {\field{\*\fldinst{HYPERLINK "http://artisandoorworks.com"}}{\fldrslt{\ul
 57 | Artisan Custom Doorworks
 58 | }}}
 59 | \par}
 60 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i December 2005 - April 2009} (3 years 5 months)\par}
 61 | {\pard \ql \f0 \sa180 \li0 \fi0 Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications.\par}
 62 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b President} at {\field{\*\fldinst{HYPERLINK "http://tudorstudio.com"}}{\fldrslt{\ul
 63 | Tudor Studio
 64 | }}}
 65 | \par}
 66 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i January 2002 - Present}\par}
 67 | {\pard \ql \f0 \sa180 \li0 \fi0 Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications.\par}
 68 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Skills & Expertise\par}
 69 | {\pard \ql \f0 \sa180 \li0 \fi0 These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a {\super \u8224?} symbol.\par}
 70 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Programming Languages\par}
 71 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developer.mozilla.org/en/JavaScript"}}{\fldrslt{\ul
 72 | JavaScript
 73 | }}}
 74 | {\super \u8224?}\par}
 75 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://php.net"}}{\fldrslt{\ul
 76 | PHP
 77 | }}}
 78 | \par}
 79 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://ruby-lang.org"}}{\fldrslt{\ul
 80 | Ruby
 81 | }}}
 82 | {\super \u8224?}\sa180\par}
 83 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Markup/Templating Languages & Preprocessors\par}
 84 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://coffeescript.org"}}{\fldrslt{\ul
 85 | CoffeeScript
 86 | }}}
 87 | \par}
 88 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.w3.org/Style/CSS/Overview.en.html"}}{\fldrslt{\ul
 89 | CSS
 90 | }}}
 91 | {\super \u8224?}\par}
 92 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://linkedin.github.io/dustjs"}}{\fldrslt{\ul
 93 | Dust.js
 94 | }}}
 95 | \par}
 96 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://en.wikipedia.org/wiki/ERuby"}}{\fldrslt{\ul
 97 | ERB/eRuby
 98 | }}}
 99 | \par}
100 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://haml.info"}}{\fldrslt{\ul
101 | Haml
102 | }}}
103 | \par}
104 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://handlebarsjs.com"}}{\fldrslt{\ul
105 | Handlebars.js
106 | }}}
107 | \par}
108 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developers.whatwg.org"}}{\fldrslt{\ul
109 | HTML
110 | }}}
111 | {\super \u8224?}\par}
112 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jade-lang.com"}}{\fldrslt{\ul
113 | Jade
114 | }}}
115 | \par}
116 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.oracle.com/technetwork/java/javaee/jsp"}}{\fldrslt{\ul
117 | JSP
118 | }}}
119 | \par}
120 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html"}}{\fldrslt{\ul
121 | JSTL
122 | }}}
123 | \par}
124 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://lesscss.org"}}{\fldrslt{\ul
125 | LESS
126 | }}}
127 | {\super \u8224?}\par}
128 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://liquidmarkup.org"}}{\fldrslt{\ul
129 | Liquid
130 | }}}
131 | \par}
132 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://daringfireball.net/projects/markdown"}}{\fldrslt{\ul
133 | Markdown
134 | }}}
135 | {\super \u8224?}\par}
136 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://mustache.github.io"}}{\fldrslt{\ul
137 | Mustache
138 | }}}
139 | \par}
140 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://sass-lang.com"}}{\fldrslt{\ul
141 | Sass
142 | }}}
143 | {\super \u8224?}\par}
144 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://smarty.net"}}{\fldrslt{\ul
145 | Smarty
146 | }}}
147 | \par}
148 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://paularmstrong.github.io/swig"}}{\fldrslt{\ul
149 | Swig
150 | }}}
151 | \par}
152 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://learnboost.github.io/stylus"}}{\fldrslt{\ul
153 | Stylus
154 | }}}
155 | \sa180\par}
156 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Frameworks & APIs\par}
157 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://backbonejs.org"}}{\fldrslt{\ul
158 | Backbone.js
159 | }}}
160 | {\super \u8224?}\par}
161 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://bower.io"}}{\fldrslt{\ul
162 | Bower
163 | }}}
164 | \par}
165 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://browserify.org"}}{\fldrslt{\ul
166 | Browserify
167 | }}}
168 | {\super \u8224?}\par}
169 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://compass-style.org"}}{\fldrslt{\ul
170 | Compass
171 | }}}
172 | {\super \u8224?}\par}
173 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.djangoproject.com"}}{\fldrslt{\ul
174 | Django
175 | }}}
176 | \par}
177 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://expressjs.com"}}{\fldrslt{\ul
178 | Express
179 | }}}
180 | {\super \u8224?}\par}
181 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jasmine.github.io"}}{\fldrslt{\ul
182 | Jasmine
183 | }}}
184 | \par}
185 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jquery.com"}}{\fldrslt{\ul
186 | jQuery
187 | }}}
188 | {\super \u8224?}\par}
189 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://krakenjs.com"}}{\fldrslt{\ul
190 | krakenjs
191 | }}}
192 | \par}
193 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://lodash.com"}}{\fldrslt{\ul
194 | Lodash
195 | }}}
196 | {\super \u8224?}\par}
197 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://meteor.com"}}{\fldrslt{\ul
198 | Meteor
199 | }}}
200 | \par}
201 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://middlemanapp.com"}}{\fldrslt{\ul
202 | Middleman
203 | }}}
204 | \par}
205 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://nodejs.org"}}{\fldrslt{\ul
206 | Node.js
207 | }}}
208 | {\super \u8224?}\par}
209 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://prototypejs.org"}}{\fldrslt{\ul
210 | Prototype.js
211 | }}}
212 | \par}
213 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://facebook.github.io/react"}}{\fldrslt{\ul
214 | React
215 | }}}
216 | \par}
217 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://requirejs.org"}}{\fldrslt{\ul
218 | Require.js
219 | }}}
220 | {\super \u8224?}\par}
221 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://rubyonrails.org"}}{\fldrslt{\ul
222 | Ruby on Rails
223 | }}}
224 | \par}
225 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://sinatrarb.com"}}{\fldrslt{\ul
226 | Sinatra
227 | }}}
228 | \par}
229 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://dev.twitter.com"}}{\fldrslt{\ul
230 | Twitter API
231 | }}}
232 | \par}
233 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://underscorejs.org"}}{\fldrslt{\ul
234 | Underscore.js
235 | }}}
236 | {\super \u8224?}\par}
237 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://wordpress.org"}}{\fldrslt{\ul
238 | Wordpress
239 | }}}
240 | \par}
241 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developer.yahoo.com/yui"}}{\fldrslt{\ul
242 | YUI
243 | }}}
244 | \sa180\par}
245 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Software & Tools\par}
246 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.adobe.com/products/creativesuite.html"}}{\fldrslt{\ul
247 | Adobe Creative Suite
248 | }}}
249 | {\super \u8224?}\par}
250 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://aws.amazon.com"}}{\fldrslt{\ul
251 | Amazon Web Services
252 | }}}
253 | \par}
254 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://apache.org"}}{\fldrslt{\ul
255 | Apache
256 | }}}
257 | {\super \u8224?}\par}
258 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developer.apple.com"}}{\fldrslt{\ul
259 | Apple XCode
260 | }}}
261 | \par}
262 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://demandware.com"}}{\fldrslt{\ul
263 | Demandware
264 | }}}
265 | \par}
266 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://git-scm.com"}}{\fldrslt{\ul
267 | Git
268 | }}}
269 | {\super \u8224?}\par}
270 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://gruntjs.com"}}{\fldrslt{\ul
271 | Grunt
272 | }}}
273 | {\super \u8224?}\par}
274 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://gulpjs.com"}}{\fldrslt{\ul
275 | Gulp
276 | }}}
277 | {\super \u8224?}\par}
278 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jboss.org"}}{\fldrslt{\ul
279 | JBoss
280 | }}}
281 | \par}
282 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://atlassian.com/software/jira"}}{\fldrslt{\ul
283 | JIRA
284 | }}}
285 | {\super \u8224?}\par}
286 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://apple.com/macosx"}}{\fldrslt{\ul
287 | Mac OS X
288 | }}}
289 | {\super \u8224?}\par}
290 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://magento.com"}}{\fldrslt{\ul
291 | Magento
292 | }}}
293 | {\super \u8224?}\par}
294 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://mongodb.org"}}{\fldrslt{\ul
295 | MongoDB
296 | }}}
297 | {\super \u8224?}\par}
298 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://mysql.com"}}{\fldrslt{\ul
299 | MySQL
300 | }}}
301 | \par}
302 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://wiki.nginx.org"}}{\fldrslt{\ul
303 | Nginx
304 | }}}
305 | \par}
306 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.oracle.com/us/products/applications/web-commerce/atg"}}{\fldrslt{\ul
307 | Oracle ATG
308 | }}}
309 | \par}
310 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://johnmacfarlane.net/pandoc"}}{\fldrslt{\ul
311 | Pandoc
312 | }}}
313 | \par}
314 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://postgresql.org"}}{\fldrslt{\ul
315 | PostgreSQL
316 | }}}
317 | \par}
318 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://rvm.beginrescueend.com"}}{\fldrslt{\ul
319 | rvm
320 | }}}
321 | {\super \u8224?}\par}
322 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.sublimetext.com"}}{\fldrslt{\ul
323 | Sublime Text
324 | }}}
325 | \par}
326 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://svn.apache.org"}}{\fldrslt{\ul
327 | Subversion
328 | }}}
329 | \par}
330 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://tmux.sourceforge.net"}}{\fldrslt{\ul
331 | tmux
332 | }}}
333 | {\super \u8224?}\par}
334 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://tomcat.apache.com"}}{\fldrslt{\ul
335 | Tomcat
336 | }}}
337 | \par}
338 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://ubuntu.com"}}{\fldrslt{\ul
339 | Ubuntu Linux
340 | }}}
341 | \par}
342 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://vagrantup.com"}}{\fldrslt{\ul
343 | Vagrant
344 | }}}
345 | \par}
346 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.vim.org"}}{\fldrslt{\ul
347 | Vim
348 | }}}
349 | {\super \u8224?}\par}
350 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://virtualbox.org"}}{\fldrslt{\ul
351 | VirtualBox
352 | }}}
353 | {\super \u8224?}\par}
354 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jetbrains.com/webstorm"}}{\fldrslt{\ul
355 | WebStorm
356 | }}}
357 | \par}
358 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://yeoman.io"}}{\fldrslt{\ul
359 | Yeoman
360 | }}}
361 | \par}
362 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.zsh.org"}}{\fldrslt{\ul
363 | zsh
364 | }}}
365 | {\super \u8224?}\sa180\par}
366 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Education\par}
367 | {\pard \ql \f0 \sa180 \li0 \fi0 {\field{\*\fldinst{HYPERLINK "http://sju.edu"}}{\fldrslt{\ul
368 | Saint Joseph\u8217's University
369 | }}}
370 | , Erivan K. Haub School of Business\line BS, Information Systems, 1996 - 2000\par}
371 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Honors and Awards\par}
372 | {\pard \ql \f0 \sa180 \li0 \fi0 {\i Unsung Hero}, Empathy Lab, May 2011\line A peer-awarded honor which I\u8217'll always be terribly proud to have won.\par}
373 | {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Interests\par}
374 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Being a dad and spending time with my family\par}
375 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Playing {\field{\*\fldinst{HYPERLINK "http://boardgamegeek.com/user/smtudor"}}{\fldrslt{\ul
376 | board and card games
377 | }}}
378 |  (and video games, too)\par}
379 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Making and listening to {\field{\*\fldinst{HYPERLINK "http://www.rdio.com/people/smtudor"}}{\fldrslt{\ul
380 | music
381 | }}}
382 | \par}
383 | {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Watching and contributing to Open Source Software\sa180\par}
384 | {\pard \ql \f0 \sa180 \li0 \fi0 \u169?2014 {\field{\*\fldinst{HYPERLINK "http://s17r.com/resume"}}{\fldrslt{\ul
385 | Stephen Tudor
386 | }}}
387 | . All rights reserved. Direct contact only desired (no\u160?recruiters\u160?please).\par}
388 | }
389 | 


--------------------------------------------------------------------------------
/resume.tex:
--------------------------------------------------------------------------------
  1 | \startmode[*mkii]
  2 |   \enableregime[utf-8]  
  3 |   \setupcolors[state=start]
  4 | \stopmode
  5 | 
  6 | % Enable hyperlinks
  7 | \setupinteraction[state=start, color=middleblue]
  8 | 
  9 | \setuppapersize [letter][letter]
 10 | \setuplayout    [width=middle,  backspace=1.5in, cutspace=1.5in,
 11 |                  height=middle, topspace=0.75in, bottomspace=0.75in]
 12 | 
 13 | \setuppagenumbering[location={footer,center}]
 14 | 
 15 | \setupbodyfont[11pt]
 16 | 
 17 | \setupwhitespace[medium]
 18 | 
 19 | \setuphead[chapter]      [style=\tfd]
 20 | \setuphead[section]      [style=\tfc]
 21 | \setuphead[subsection]   [style=\tfb]
 22 | \setuphead[subsubsection][style=\bf]
 23 | 
 24 | \setuphead[chapter, section, subsection, subsubsection][number=no]
 25 | 
 26 | \definedescription
 27 |   [description]
 28 |   [headstyle=bold, style=normal, location=hanging, width=broad, margin=1cm]
 29 | 
 30 | \setupitemize[autointro]    % prevent orphan list intro
 31 | \setupitemize[indentnext=no]
 32 | 
 33 | \setupfloat[figure][default={here,nonumber}]
 34 | \setupfloat[table][default={here,nonumber}]
 35 | 
 36 | \setupthinrules[width=15em] % width of horizontal rules
 37 | 
 38 | \setupdelimitedtext
 39 |   [blockquote]
 40 |   [before={\blank[medium]},
 41 |    after={\blank[medium]},
 42 |    indentnext=no,
 43 |   ]
 44 | 
 45 | 
 46 | \starttext
 47 | 
 48 | \section[stephen-tudor]{Stephen Tudor}
 49 | 
 50 | \subsection[front-end-web-developer]{Front-end Web Developer}
 51 | 
 52 | \startitemize[packed]
 53 | \item
 54 |   Phone: \useURL[url1][tel://610-590-4484][][610-590-4484]\from[url1]
 55 | \item
 56 |   Email:
 57 |   \useURL[url2][mailto:smt@stephentudor.com][][\hyphenatedurl{smt@stephentudor.com}]\from[url2]
 58 | \item
 59 |   Blog:
 60 |   \useURL[url3][http://stephentudor.com][][stephentudor.com]\from[url3]
 61 | \item
 62 |   Github: \useURL[url4][http://github.com/smt][][smt]\from[url4]
 63 | \item
 64 |   Twitter:
 65 |   \useURL[url5][http://twitter.com/tagsoup][][@tagsoup]\from[url5]
 66 | \stopitemize
 67 | 
 68 | \subsection[summary]{Summary}
 69 | 
 70 | I am an experienced front-end developer who has led development for
 71 | multiple successful \$1MM+ projects. I am passionate about building high
 72 | quality apps and user interfaces with modern web technologies. Through
 73 | being conversant in server-side engineering, visual/UX design, and
 74 | project management practices, I am able to execute end-to-end on a
 75 | product or project.
 76 | 
 77 | \subsection[specialties]{Specialties}
 78 | 
 79 | Authoring great user experiences with JavaScript, HTML, and CSS.
 80 | Advocating for the open web. Managing and mentoring dev teams.
 81 | Performing code reviews. Writing white papers and API documentation.
 82 | Particating in the black art of software estimation. Drawing from a
 83 | strong background in many diverse web technologies and frameworks.
 84 | 
 85 | \subsection[experience]{Experience}
 86 | 
 87 | \subsubsection[ux-developer-at-ebay-enterprise]{{\bf UX Developer} at
 88 | \useURL[url6][http://ebayenterprise.com][][eBay Enterprise]\from[url6]}
 89 | 
 90 | {\em November 2013 - Present}
 91 | 
 92 | As a member of the Solution Innovations team, I am creating a RWD
 93 | pattern library as the system of record and living style guide for the
 94 | next version of the Magento reference store. I also support sales
 95 | activities by building and deploying various tools and services, such as
 96 | a third-party JavaScript app that enables users to annotate any website
 97 | with content authored in a WordPress blog.
 98 | 
 99 | \subsubsection[senior-software-engineer-at-epam-empathy-lab]{{\bf Senior
100 | Software Engineer} at \useURL[url7][http://epam.com/empathylab][][EPAM
101 | Empathy Lab]\from[url7]}
102 | 
103 | {\em December 2012 - November 2013} (1 year)
104 | 
105 | Championed a more collaborative process for responsive web design
106 | between the UX and development disciplines. Curated an internal static
107 | web framework and responsive pattern library to be used on multiple
108 | projects. Lead development on responsive prototypes for NBC Universal,
109 | DIRECTV, AIG, Lionsgate, and the USA Network.
110 | 
111 | \subsubsection[senior-web-developer-at-empathy-lab]{{\bf Senior Web
112 | Developer} at \useURL[url8][http://empathylab.com][][Empathy
113 | Lab]\from[url8]}
114 | 
115 | {\em April 2010 - December 2012} (2 years 9 months)
116 | 
117 | Created front-end web applications on tight deadlines for marquee
118 | clientele. Responsible for estimating work, vetting UX designs prior to
119 | development, developing key features, assisting team members on
120 | challenging sections of code, performing code reviews, and coordinating
121 | releases.
122 | 
123 | \subsubsection[web-developer-at-empathy-lab]{{\bf Web Developer} at
124 | \useURL[url9][http://empathylab.com][][Empathy Lab]\from[url9]}
125 | 
126 | {\em April 2009 - April 2010} (1 year 1 month)
127 | 
128 | Authored standards-based HTML, CSS, and JavaScript for websites
129 | representing a broad range of internationally recognized brands: Sesame
130 | Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st
131 | Century Insurance, Liberty Global, American Red Cross.
132 | 
133 | \subsubsection[it-director-at-artisan-custom-doorworks]{{\bf IT
134 | Director} at \useURL[url10][http://artisandoorworks.com][][Artisan
135 | Custom Doorworks]\from[url10]}
136 | 
137 | {\em December 2005 - April 2009} (3 years 5 months)
138 | 
139 | Designed the corporate website with a library of over 8,000 searchable
140 | PDF docemunts. Developed in-house sales and management application in
141 | Rails, while supporting and customizing business systems and
142 | applications.
143 | 
144 | \subsubsection[president-at-tudor-studio]{{\bf President} at
145 | \useURL[url11][http://tudorstudio.com][][Tudor Studio]\from[url11]}
146 | 
147 | {\em January 2002 - Present}
148 | 
149 | Providing professional web consulting and development services, from
150 | individuals and small businesses to Fortune 500 companies. Designing and
151 | developing hosted web applications with open source frameworks like Ruby
152 | on Rails. Integrating CMS and eCommerce applications.
153 | 
154 | \subsection[skills-expertise]{Skills & Expertise}
155 | 
156 | These are languages, tools, and practices to which I have had exposure
157 | over the past 6 years or so. Those things which enjoy routine usage in
158 | my daily work are denoted with a \high{†} symbol.
159 | 
160 | \subsubsection[programming-languages]{Programming Languages}
161 | 
162 | \startitemize[packed]
163 | \item
164 |   \useURL[url12][http://developer.mozilla.org/en/JavaScript][][JavaScript]\from[url12]\high{†}
165 | \item
166 |   \useURL[url13][http://php.net][][PHP]\from[url13]
167 | \item
168 |   \useURL[url14][http://ruby-lang.org][][Ruby]\from[url14]\high{†}
169 | \stopitemize
170 | 
171 | \subsubsection[markuptemplating-languages-preprocessors]{Markup/Templating
172 | Languages & Preprocessors}
173 | 
174 | \startitemize[packed]
175 | \item
176 |   \useURL[url15][http://coffeescript.org][][CoffeeScript]\from[url15]
177 | \item
178 |   \useURL[url16][http://www.w3.org/Style/CSS/Overview.en.html][][CSS]\from[url16]\high{†}
179 | \item
180 |   \useURL[url17][http://linkedin.github.io/dustjs][][Dust.js]\from[url17]
181 | \item
182 |   \useURL[url18][http://en.wikipedia.org/wiki/ERuby][][ERB/eRuby]\from[url18]
183 | \item
184 |   \useURL[url19][http://haml.info][][Haml]\from[url19]
185 | \item
186 |   \useURL[url20][http://handlebarsjs.com][][Handlebars.js]\from[url20]
187 | \item
188 |   \useURL[url21][http://developers.whatwg.org][][HTML]\from[url21]\high{†}
189 | \item
190 |   \useURL[url22][http://jade-lang.com][][Jade]\from[url22]
191 | \item
192 |   \useURL[url23][http://www.oracle.com/technetwork/java/javaee/jsp][][JSP]\from[url23]
193 | \item
194 |   \useURL[url24][http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html][][JSTL]\from[url24]
195 | \item
196 |   \useURL[url25][http://lesscss.org][][LESS]\from[url25]\high{†}
197 | \item
198 |   \useURL[url26][http://liquidmarkup.org][][Liquid]\from[url26]
199 | \item
200 |   \useURL[url27][http://daringfireball.net/projects/markdown][][Markdown]\from[url27]\high{†}
201 | \item
202 |   \useURL[url28][http://mustache.github.io][][Mustache]\from[url28]
203 | \item
204 |   \useURL[url29][http://sass-lang.com][][Sass]\from[url29]\high{†}
205 | \item
206 |   \useURL[url30][http://smarty.net][][Smarty]\from[url30]
207 | \item
208 |   \useURL[url31][http://paularmstrong.github.io/swig][][Swig]\from[url31]
209 | \item
210 |   \useURL[url32][http://learnboost.github.io/stylus][][Stylus]\from[url32]
211 | \stopitemize
212 | 
213 | \subsubsection[frameworks-apis]{Frameworks & APIs}
214 | 
215 | \startitemize[packed]
216 | \item
217 |   \useURL[url33][http://backbonejs.org][][Backbone.js]\from[url33]\high{†}
218 | \item
219 |   \useURL[url34][http://bower.io][][Bower]\from[url34]
220 | \item
221 |   \useURL[url35][http://browserify.org][][Browserify]\from[url35]\high{†}
222 | \item
223 |   \useURL[url36][http://compass-style.org][][Compass]\from[url36]\high{†}
224 | \item
225 |   \useURL[url37][http://www.djangoproject.com][][Django]\from[url37]
226 | \item
227 |   \useURL[url38][http://expressjs.com][][Express]\from[url38]\high{†}
228 | \item
229 |   \useURL[url39][http://jasmine.github.io][][Jasmine]\from[url39]
230 | \item
231 |   \useURL[url40][http://jquery.com][][jQuery]\from[url40]\high{†}
232 | \item
233 |   \useURL[url41][http://krakenjs.com][][krakenjs]\from[url41]
234 | \item
235 |   \useURL[url42][http://lodash.com][][Lodash]\from[url42]\high{†}
236 | \item
237 |   \useURL[url43][http://meteor.com][][Meteor]\from[url43]
238 | \item
239 |   \useURL[url44][http://middlemanapp.com][][Middleman]\from[url44]
240 | \item
241 |   \useURL[url45][http://nodejs.org][][Node.js]\from[url45]\high{†}
242 | \item
243 |   \useURL[url46][http://prototypejs.org][][Prototype.js]\from[url46]
244 | \item
245 |   \useURL[url47][http://facebook.github.io/react][][React]\from[url47]
246 | \item
247 |   \useURL[url48][http://requirejs.org][][Require.js]\from[url48]\high{†}
248 | \item
249 |   \useURL[url49][http://rubyonrails.org][][Ruby on Rails]\from[url49]
250 | \item
251 |   \useURL[url50][http://sinatrarb.com][][Sinatra]\from[url50]
252 | \item
253 |   \useURL[url51][http://dev.twitter.com][][Twitter API]\from[url51]
254 | \item
255 |   \useURL[url52][http://underscorejs.org][][Underscore.js]\from[url52]\high{†}
256 | \item
257 |   \useURL[url53][http://wordpress.org][][Wordpress]\from[url53]
258 | \item
259 |   \useURL[url54][http://developer.yahoo.com/yui][][YUI]\from[url54]
260 | \stopitemize
261 | 
262 | \subsubsection[software-tools]{Software & Tools}
263 | 
264 | \startitemize[packed]
265 | \item
266 |   \useURL[url55][http://www.adobe.com/products/creativesuite.html][][Adobe
267 |   Creative Suite]\from[url55]\high{†}
268 | \item
269 |   \useURL[url56][http://aws.amazon.com][][Amazon Web
270 |   Services]\from[url56]
271 | \item
272 |   \useURL[url57][http://apache.org][][Apache]\from[url57]\high{†}
273 | \item
274 |   \useURL[url58][http://developer.apple.com][][Apple XCode]\from[url58]
275 | \item
276 |   \useURL[url59][http://demandware.com][][Demandware]\from[url59]
277 | \item
278 |   \useURL[url60][http://git-scm.com][][Git]\from[url60]\high{†}
279 | \item
280 |   \useURL[url61][http://gruntjs.com][][Grunt]\from[url61]\high{†}
281 | \item
282 |   \useURL[url62][http://gulpjs.com][][Gulp]\from[url62]\high{†}
283 | \item
284 |   \useURL[url63][http://jboss.org][][JBoss]\from[url63]
285 | \item
286 |   \useURL[url64][http://atlassian.com/software/jira][][JIRA]\from[url64]\high{†}
287 | \item
288 |   \useURL[url65][http://apple.com/macosx][][Mac OS
289 |   X]\from[url65]\high{†}
290 | \item
291 |   \useURL[url66][http://magento.com][][Magento]\from[url66]\high{†}
292 | \item
293 |   \useURL[url67][http://mongodb.org][][MongoDB]\from[url67]\high{†}
294 | \item
295 |   \useURL[url68][http://mysql.com][][MySQL]\from[url68]
296 | \item
297 |   \useURL[url69][http://wiki.nginx.org][][Nginx]\from[url69]
298 | \item
299 |   \useURL[url70][http://www.oracle.com/us/products/applications/web-commerce/atg][][Oracle
300 |   ATG]\from[url70]
301 | \item
302 |   \useURL[url71][http://johnmacfarlane.net/pandoc][][Pandoc]\from[url71]
303 | \item
304 |   \useURL[url72][http://postgresql.org][][PostgreSQL]\from[url72]
305 | \item
306 |   \useURL[url73][http://rvm.beginrescueend.com][][rvm]\from[url73]\high{†}
307 | \item
308 |   \useURL[url74][http://www.sublimetext.com][][Sublime Text]\from[url74]
309 | \item
310 |   \useURL[url75][http://svn.apache.org][][Subversion]\from[url75]
311 | \item
312 |   \useURL[url76][http://tmux.sourceforge.net][][tmux]\from[url76]\high{†}
313 | \item
314 |   \useURL[url77][http://tomcat.apache.com][][Tomcat]\from[url77]
315 | \item
316 |   \useURL[url78][http://ubuntu.com][][Ubuntu Linux]\from[url78]
317 | \item
318 |   \useURL[url79][http://vagrantup.com][][Vagrant]\from[url79]
319 | \item
320 |   \useURL[url80][http://www.vim.org][][Vim]\from[url80]\high{†}
321 | \item
322 |   \useURL[url81][http://virtualbox.org][][VirtualBox]\from[url81]\high{†}
323 | \item
324 |   \useURL[url82][http://jetbrains.com/webstorm][][WebStorm]\from[url82]
325 | \item
326 |   \useURL[url83][http://yeoman.io][][Yeoman]\from[url83]
327 | \item
328 |   \useURL[url84][http://www.zsh.org][][zsh]\from[url84]\high{†}
329 | \stopitemize
330 | 
331 | \subsection[education]{Education}
332 | 
333 | \useURL[url85][http://sju.edu][][Saint Joseph's University]\from[url85],
334 | Erivan K. Haub School of Business\crlf
335 | BS, Information Systems, 1996 - 2000
336 | 
337 | \subsection[honors-and-awards]{Honors and Awards}
338 | 
339 | {\em Unsung Hero}, Empathy Lab, May 2011\crlf
340 | A peer-awarded honor which I'll always be terribly proud to have won.
341 | 
342 | \subsection[interests]{Interests}
343 | 
344 | \startitemize[packed]
345 | \item
346 |   Being a dad and spending time with my family
347 | \item
348 |   Playing \useURL[url86][http://boardgamegeek.com/user/smtudor][][board
349 |   and card games]\from[url86] (and video games, too)
350 | \item
351 |   Making and listening to
352 |   \useURL[url87][http://www.rdio.com/people/smtudor][][music]\from[url87]
353 | \item
354 |   Watching and contributing to Open Source Software
355 | \stopitemize
356 | 
357 | ©2014 \useURL[url88][http://s17r.com/resume][][Stephen
358 | Tudor]\from[url88]. All rights reserved. Direct contact only desired
359 | (no~recruiters~please).
360 | 
361 | \stoptext
362 | 


--------------------------------------------------------------------------------
/resume.txt:
--------------------------------------------------------------------------------
  1 | [[stephen-tudor]]
  2 | Stephen Tudor
  3 | -------------
  4 | 
  5 | [[front-end-web-developer]]
  6 | Front-end Web Developer
  7 | ~~~~~~~~~~~~~~~~~~~~~~~
  8 | 
  9 | * Phone: tel://610-590-4484[610-590-4484]
 10 | * Email: smt@stephentudor.com
 11 | * Blog: http://stephentudor.com[stephentudor.com]
 12 | * Github: http://github.com/smt[smt]
 13 | * Twitter: http://twitter.com/tagsoup[@tagsoup]
 14 | 
 15 | [[summary]]
 16 | Summary
 17 | ~~~~~~~
 18 | 
 19 | I am an experienced front-end developer who has led development for
 20 | multiple successful $1MM+ projects. I am passionate about building high
 21 | quality apps and user interfaces with modern web technologies. Through
 22 | being conversant in server-side engineering, visual/UX design, and
 23 | project management practices, I am able to execute end-to-end on a
 24 | product or project.
 25 | 
 26 | [[specialties]]
 27 | Specialties
 28 | ~~~~~~~~~~~
 29 | 
 30 | Authoring great user experiences with JavaScript, HTML, and CSS.
 31 | Advocating for the open web. Managing and mentoring dev teams.
 32 | Performing code reviews. Writing white papers and API documentation.
 33 | Particating in the black art of software estimation. Drawing from a
 34 | strong background in many diverse web technologies and frameworks.
 35 | 
 36 | [[experience]]
 37 | Experience
 38 | ~~~~~~~~~~
 39 | 
 40 | [[ux-developer-at-ebay-enterprise]]
 41 | *UX Developer* at http://ebayenterprise.com[eBay Enterprise]
 42 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 43 | 
 44 | _November 2013 - Present_
 45 | 
 46 | As a member of the Solution Innovations team, I am creating a RWD
 47 | pattern library as the system of record and living style guide for the
 48 | next version of the Magento reference store. I also support sales
 49 | activities by building and deploying various tools and services, such as
 50 | a third-party JavaScript app that enables users to annotate any website
 51 | with content authored in a WordPress blog.
 52 | 
 53 | [[senior-software-engineer-at-epam-empathy-lab]]
 54 | *Senior Software Engineer* at http://epam.com/empathylab[EPAM Empathy
 55 | Lab]
 56 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 57 | 
 58 | _December 2012 - November 2013_ (1 year)
 59 | 
 60 | Championed a more collaborative process for responsive web design
 61 | between the UX and development disciplines. Curated an internal static
 62 | web framework and responsive pattern library to be used on multiple
 63 | projects. Lead development on responsive prototypes for NBC Universal,
 64 | DIRECTV, AIG, Lionsgate, and the USA Network.
 65 | 
 66 | [[senior-web-developer-at-empathy-lab]]
 67 | *Senior Web Developer* at http://empathylab.com[Empathy Lab]
 68 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 69 | 
 70 | _April 2010 - December 2012_ (2 years 9 months)
 71 | 
 72 | Created front-end web applications on tight deadlines for marquee
 73 | clientele. Responsible for estimating work, vetting UX designs prior to
 74 | development, developing key features, assisting team members on
 75 | challenging sections of code, performing code reviews, and coordinating
 76 | releases.
 77 | 
 78 | [[web-developer-at-empathy-lab]]
 79 | *Web Developer* at http://empathylab.com[Empathy Lab]
 80 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 81 | 
 82 | _April 2009 - April 2010_ (1 year 1 month)
 83 | 
 84 | Authored standards-based HTML, CSS, and JavaScript for websites
 85 | representing a broad range of internationally recognized brands: Sesame
 86 | Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st
 87 | Century Insurance, Liberty Global, American Red Cross.
 88 | 
 89 | [[it-director-at-artisan-custom-doorworks]]
 90 | *IT Director* at http://artisandoorworks.com[Artisan Custom Doorworks]
 91 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 92 | 
 93 | _December 2005 - April 2009_ (3 years 5 months)
 94 | 
 95 | Designed the corporate website with a library of over 8,000 searchable
 96 | PDF docemunts. Developed in-house sales and management application in
 97 | Rails, while supporting and customizing business systems and
 98 | applications.
 99 | 
100 | [[president-at-tudor-studio]]
101 | *President* at http://tudorstudio.com[Tudor Studio]
102 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
103 | 
104 | _January 2002 - Present_
105 | 
106 | Providing professional web consulting and development services, from
107 | individuals and small businesses to Fortune 500 companies. Designing and
108 | developing hosted web applications with open source frameworks like Ruby
109 | on Rails. Integrating CMS and eCommerce applications.
110 | 
111 | [[skills-expertise]]
112 | Skills & Expertise
113 | ~~~~~~~~~~~~~~~~~~
114 | 
115 | These are languages, tools, and practices to which I have had exposure
116 | over the past 6 years or so. Those things which enjoy routine usage in
117 | my daily work are denoted with a ^†^ symbol.
118 | 
119 | [[programming-languages]]
120 | Programming Languages
121 | ^^^^^^^^^^^^^^^^^^^^^
122 | 
123 | * http://developer.mozilla.org/en/JavaScript[JavaScript]^†^
124 | * http://php.net[PHP]
125 | * http://ruby-lang.org[Ruby]^†^
126 | 
127 | [[markuptemplating-languages-preprocessors]]
128 | Markup/Templating Languages & Preprocessors
129 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
130 | 
131 | * http://coffeescript.org[CoffeeScript]
132 | * http://www.w3.org/Style/CSS/Overview.en.html[CSS]^†^
133 | * http://linkedin.github.io/dustjs[Dust.js]
134 | * http://en.wikipedia.org/wiki/ERuby[ERB/eRuby]
135 | * http://haml.info[Haml]
136 | * http://handlebarsjs.com[Handlebars.js]
137 | * http://developers.whatwg.org[HTML]^†^
138 | * http://jade-lang.com[Jade]
139 | * http://www.oracle.com/technetwork/java/javaee/jsp[JSP]
140 | * http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html[JSTL]
141 | * http://lesscss.org[LESS]^†^
142 | * http://liquidmarkup.org[Liquid]
143 | * http://daringfireball.net/projects/markdown[Markdown]^†^
144 | * http://mustache.github.io[Mustache]
145 | * http://sass-lang.com[Sass]^†^
146 | * http://smarty.net[Smarty]
147 | * http://paularmstrong.github.io/swig[Swig]
148 | * http://learnboost.github.io/stylus[Stylus]
149 | 
150 | [[frameworks-apis]]
151 | Frameworks & APIs
152 | ^^^^^^^^^^^^^^^^^
153 | 
154 | * http://backbonejs.org[Backbone.js]^†^
155 | * http://bower.io[Bower]
156 | * http://browserify.org[Browserify]^†^
157 | * http://compass-style.org[Compass]^†^
158 | * http://www.djangoproject.com[Django]
159 | * http://expressjs.com[Express]^†^
160 | * http://jasmine.github.io[Jasmine]
161 | * http://jquery.com[jQuery]^†^
162 | * http://krakenjs.com[krakenjs]
163 | * http://lodash.com[Lodash]^†^
164 | * http://meteor.com[Meteor]
165 | * http://middlemanapp.com[Middleman]
166 | * http://nodejs.org[Node.js]^†^
167 | * http://prototypejs.org[Prototype.js]
168 | * http://facebook.github.io/react[React]
169 | * http://requirejs.org[Require.js]^†^
170 | * http://rubyonrails.org[Ruby on Rails]
171 | * http://sinatrarb.com[Sinatra]
172 | * http://dev.twitter.com[Twitter API]
173 | * http://underscorejs.org[Underscore.js]^†^
174 | * http://wordpress.org[Wordpress]
175 | * http://developer.yahoo.com/yui[YUI]
176 | 
177 | [[software-tools]]
178 | Software & Tools
179 | ^^^^^^^^^^^^^^^^
180 | 
181 | * http://www.adobe.com/products/creativesuite.html[Adobe Creative
182 | Suite]^†^
183 | * http://aws.amazon.com[Amazon Web Services]
184 | * http://apache.org[Apache]^†^
185 | * http://developer.apple.com[Apple XCode]
186 | * http://demandware.com[Demandware]
187 | * http://git-scm.com[Git]^†^
188 | * http://gruntjs.com[Grunt]^†^
189 | * http://gulpjs.com[Gulp]^†^
190 | * http://jboss.org[JBoss]
191 | * http://atlassian.com/software/jira[JIRA]^†^
192 | * http://apple.com/macosx[Mac OS X]^†^
193 | * http://magento.com[Magento]^†^
194 | * http://mongodb.org[MongoDB]^†^
195 | * http://mysql.com[MySQL]
196 | * http://wiki.nginx.org[Nginx]
197 | * http://www.oracle.com/us/products/applications/web-commerce/atg[Oracle
198 | ATG]
199 | * http://johnmacfarlane.net/pandoc[Pandoc]
200 | * http://postgresql.org[PostgreSQL]
201 | * http://rvm.beginrescueend.com[rvm]^†^
202 | * http://www.sublimetext.com[Sublime Text]
203 | * http://svn.apache.org[Subversion]
204 | * http://tmux.sourceforge.net[tmux]^†^
205 | * http://tomcat.apache.com[Tomcat]
206 | * http://ubuntu.com[Ubuntu Linux]
207 | * http://vagrantup.com[Vagrant]
208 | * http://www.vim.org[Vim]^†^
209 | * http://virtualbox.org[VirtualBox]^†^
210 | * http://jetbrains.com/webstorm[WebStorm]
211 | * http://yeoman.io[Yeoman]
212 | * http://www.zsh.org[zsh]^†^
213 | 
214 | [[education]]
215 | Education
216 | ~~~~~~~~~
217 | 
218 | http://sju.edu[Saint Joseph’s University], Erivan K. Haub School of
219 | Business +
220 | BS, Information Systems, 1996 - 2000
221 | 
222 | [[honors-and-awards]]
223 | Honors and Awards
224 | ~~~~~~~~~~~~~~~~~
225 | 
226 | _Unsung Hero_, Empathy Lab, May 2011 +
227 | A peer-awarded honor which I’ll always be terribly proud to have won.
228 | 
229 | [[interests]]
230 | Interests
231 | ~~~~~~~~~
232 | 
233 | * Being a dad and spending time with my family
234 | * Playing http://boardgamegeek.com/user/smtudor[board and card games]
235 | (and video games, too)
236 | * Making and listening to http://www.rdio.com/people/smtudor[music]
237 | * Watching and contributing to Open Source Software
238 | 
239 | ©2014 http://s17r.com/resume[Stephen Tudor]. All rights reserved. Direct
240 | contact only desired (no recruiters please).
241 | 


--------------------------------------------------------------------------------
/sass/_base.sass:
--------------------------------------------------------------------------------
  1 | html
  2 |   background: url(../images/clean_textile.png)
  3 |   margin: 0
  4 |   padding: 0 1em 1em
  5 | 
  6 | body
  7 |   -webkit-font-smoothing: antialiased
  8 |   font: 16px helvetica,arial,freesans,clean,sans-serif
  9 |   line-height: 1.4em
 10 |   color: #333
 11 |   border: none
 12 |   line-height: 1.5
 13 |   margin: 0 auto
 14 |   max-width: 900px
 15 |   text-align: left
 16 |   color: black
 17 | 
 18 | img
 19 |   max-width: 100%
 20 | 
 21 | @media screen
 22 |   #wrapper
 23 |     padding: 9px
 24 |     background: #F8F8F8
 25 |     border: 1px solid #E9E9E9
 26 | 
 27 | h1
 28 |   font-size: 280%
 29 |   margin: 0
 30 |   padding: 0.25em 0 0.92em
 31 |   border-top: none
 32 |   +transform-origin(100% 100%)
 33 |   +transition(all 400ms ease-in-out)
 34 |   &.active
 35 |     +rotateZ(-5deg)
 36 |     +text-shadow(1px 1px 0px white, 2px 2px 0px $link-color, 3px 3px 0px $link-color, 4px 4px 0px $link-color, 5px 5px 0px darken($link-color, 15%))
 37 |   +respond-to(medium-screen)
 38 |     padding-bottom: 0
 39 |     font-size: 425%
 40 |     &.active
 41 |       +text-shadow(1px 1px 0px white, 2px 2px 0px $link-color, 3px 3px 0px $link-color, 4px 4px 0px $link-color, 5px 5px 0px $link-color, 6px 6px 0px $link-color, 7px 7px 0px darken($link-color, 15%))
 42 |   +respond-to(large-screen)
 43 |     float: left
 44 |     width: 57%
 45 | 
 46 | h2
 47 |   font-size: 200%
 48 |   margin-top: 1.5em
 49 | 
 50 | h3
 51 |   font-size: 150%
 52 |   margin-top: 1.5em
 53 |   border-top: 4px solid rgba(0,0,0,0.07)
 54 |   padding-top: .5em
 55 | 
 56 | p
 57 |   margin: 1em 0
 58 |   line-height: 1.5em
 59 | 
 60 | pre, code
 61 |   font: 12px 'Bitstream Vera Sans Mono','Courier',monospace
 62 | 
 63 | pre
 64 |   -webkit-box-shadow: rgba(0, 0, 0, 0.066) 0px 1px 2px 0px inset
 65 |   background-color: #EEE
 66 |   border: #ddd 1px solid
 67 |   color: #444
 68 |   display: block
 69 |   margin: 12px 0
 70 |   overflow: auto
 71 |   padding: 5px
 72 |   white-space: pre
 73 |   max-width: 100%
 74 |   overflow: auto
 75 | 
 76 | code
 77 |   background-color: ghostWhite
 78 |   color: #444
 79 |   padding: 0 .2em
 80 |   border: 1px solid #DEDEDE
 81 | 
 82 | pre code
 83 |   padding: 0
 84 |   font-size: 12px
 85 |   background-color: #EEE
 86 |   border: none
 87 |   overflow: visible
 88 | 
 89 | a
 90 |   border-bottom: 1px solid transparent
 91 |   color: darken($link-color, 20%)
 92 |   text-decoration: none
 93 |   +transition(background-color 500ms, border-bottom-color 500ms, color 500ms)
 94 |   &:hover
 95 |     background-color: lighten($link-color, 20%)
 96 |     border-bottom-color: $link-color
 97 |     color: darken($link-color, 30%)
 98 |   code
 99 |     color: $link-color
100 |     text-decoration: none
101 | 
102 | table td
103 |   border-bottom: 1px solid #DDD
104 |   padding: .2em 1em
105 | 
106 | .shadow
107 |   -webkit-box-shadow: 0 5px 15px #000
108 |   -moz-box-shadow: 0 5px 15px #000
109 |   box-shadow: 0 5px 15px #000
110 | 
111 | @import "pygments"
112 | 
113 | .poetry pre
114 |   font-family: Georgia, Garamond, serif
115 |   font-style: italic
116 |   font-size: 110%
117 |   line-height: 1.6em
118 |   display: block
119 |   margin-left: 1em
120 |   code
121 |     font-family: Georgia, Garamond, serif
122 | 
123 | sup, sub, a.footnote
124 |   font-size: 1.4ex
125 |   height: 0
126 |   line-height: 1
127 |   vertical-align: super
128 |   position: relative
129 | 
130 | sub
131 |   vertical-align: sub
132 |   top: -1px
133 | 
134 | @media print
135 |   body
136 |     background: #fff
137 |   img, pre, blockquote, table, figure
138 |     page-break-inside: avoid
139 |   .footnotes
140 |     page-break-before: always
141 |   #wrapper
142 |     background: #fff
143 |     border: none
144 |   code
145 |     background-color: #fff
146 |     color: #444!important
147 |     padding: 0 .2em
148 |     border: 1px solid #DEDEDE
149 |   pre
150 |     background: #fff
151 |     code
152 |       background-color: #fff!important
153 |       overflow: visible
154 | 
155 | 


--------------------------------------------------------------------------------
/sass/_colors.sass:
--------------------------------------------------------------------------------
1 | // $link-color: #4183C4
2 | $link-color: #bada55
3 | 
4 | 


--------------------------------------------------------------------------------
/sass/_mixins.sass:
--------------------------------------------------------------------------------
 1 | // Requires SASS 3.2+
 2 | =respond-to($name)
 3 |   @if $name == small-screen
 4 |     @media only screen and (min-width: 320px)
 5 |       @content
 6 |   @if $name == medium-screen
 7 |     @media only screen and (min-width: 640px)
 8 |       @content
 9 |   @if $name == large-screen
10 |     @media only screen and (min-width: 900px)
11 |       @content
12 | 
13 | 


--------------------------------------------------------------------------------
/sass/_pygments.sass:
--------------------------------------------------------------------------------
  1 | // Pygments colors
  2 | .c
  3 |   color: #998
  4 |   font-style: italic
  5 | 
  6 | .err
  7 |   color: #a61717
  8 |   background-color: #e3d2d2
  9 | 
 10 | .k, .o
 11 |   font-weight: bold
 12 | 
 13 | .cm
 14 |   color: #998
 15 |   font-style: italic
 16 | 
 17 | .cp
 18 |   color: #999
 19 |   font-weight: bold
 20 | 
 21 | .c1
 22 |   color: #998
 23 |   font-style: italic
 24 | 
 25 | .cs
 26 |   color: #999
 27 |   font-weight: bold
 28 |   font-style: italic
 29 | 
 30 | .gd
 31 |   color: #000
 32 |   background-color: #fdd
 33 |   .x
 34 |     color: #000
 35 |     background-color: #faa
 36 | 
 37 | .ge
 38 |   font-style: italic
 39 | 
 40 | .gr
 41 |   color: #a00
 42 | 
 43 | .gh
 44 |   color: #999
 45 | 
 46 | .gi
 47 |   color: #000
 48 |   background-color: #dfd
 49 |   .x
 50 |     color: #000
 51 |     background-color: #afa
 52 | 
 53 | .go
 54 |   color: #888
 55 | 
 56 | .gp
 57 |   color: #555
 58 | 
 59 | .gs
 60 |   font-weight: bold
 61 | 
 62 | .gu
 63 |   color: #800080
 64 |   font-weight: bold
 65 | 
 66 | .gt
 67 |   color: #a00
 68 | 
 69 | .kc, .kd, .kn, .kp, .kr
 70 |   font-weight: bold
 71 | 
 72 | .kt
 73 |   color: #458
 74 |   font-weight: bold
 75 | 
 76 | .m
 77 |   color: #099
 78 | 
 79 | .s
 80 |   color: #d14
 81 | 
 82 | .na
 83 |   color: #008080
 84 | 
 85 | .nb
 86 |   color: #0086B3
 87 | 
 88 | .nc
 89 |   color: #458
 90 |   font-weight: bold
 91 | 
 92 | .no
 93 |   color: #008080
 94 | 
 95 | .ni
 96 |   color: #800080
 97 | 
 98 | .ne, .nf
 99 |   color: #900
100 |   font-weight: bold
101 | 
102 | .nn
103 |   color: #555
104 | 
105 | .nt
106 |   color: #000080
107 | 
108 | .nv
109 |   color: #008080
110 | 
111 | .ow
112 |   font-weight: bold
113 | 
114 | .w
115 |   color: #bbb
116 | 
117 | .mf, .mh, .mi, .mo
118 |   color: #099
119 | 
120 | .sb, .sc, .sd, .s2, .se, .sh, .si, .sx
121 |   color: #d14
122 | 
123 | .sr
124 |   color: #009926
125 | 
126 | .s1
127 |   color: #d14
128 | 
129 | .ss
130 |   color: #990073
131 | 
132 | .bp
133 |   color: #999
134 | 
135 | .vc, .vg, .vi
136 |   color: #008080
137 | 
138 | .il
139 |   color: #099
140 | 
141 | 
142 | 


--------------------------------------------------------------------------------
/sass/_resume.sass:
--------------------------------------------------------------------------------
 1 | .level2
 2 |   +respond-to(large-screen)
 3 |     margin-bottom: 4em
 4 | 
 5 | .level3
 6 |   +respond-to(large-screen)
 7 |     ul
 8 |       +columns(17em 3)
 9 |       li
10 |         display: block
11 |       strong
12 |         display: block
13 |         position: relative
14 |         &:before
15 |           content: '>'
16 |           display: block
17 |           height: 1em
18 |           width: 1em
19 |           position: absolute
20 |           top: 0
21 |           left: -2em
22 |           overflow: hidden
23 | 
24 | .footnotes
25 |   border-top: 4px solid rgba(0,0,0,0.07)
26 |   hr
27 |     display: none
28 | 
29 | #front-end-web-developer
30 |   background: rgba(255,255,255,0.8)
31 |   border: 4px solid rgba(0,0,0,0.07)
32 |   +border-radius(16px)
33 |   +box-sizing(border-box)
34 |   margin-left: 0
35 |   padding: 1em 0 0.5em 1em
36 |   width: 19em
37 |   +respond-to(large-screen)
38 |     border-top: none
39 |     +border-top-radius(0)
40 |     float: right
41 |     margin-bottom: 0
42 |   h2
43 |     font-size: 110%
44 |     margin: 0.2em 0
45 |   ul
46 |     margin-top: 0.2em
47 |     padding-left: 1.3em
48 |   li
49 |     display: block
50 |     font-size: 75%
51 |     text-transform: uppercase
52 |     a
53 |       font-size: 133.3333%
54 |       font-weight: bold
55 |       margin-left: 0.5em
56 |       text-transform: none
57 | 
58 | #summary
59 |   +respond-to(large-screen)
60 |     clear: both
61 | 
62 | #experience
63 |   h3
64 |     margin-bottom: 0
65 |   .level3
66 |     p
67 |       margin-top: 0
68 | 
69 | 


--------------------------------------------------------------------------------
/sass/main.sass:
--------------------------------------------------------------------------------
1 | @import "compass"
2 | @import "mixins"
3 | @import "colors"
4 | @import "base"
5 | @import "resume"
6 | 
7 | 


--------------------------------------------------------------------------------