Resume for Joe Hudson

A full stack developer who gets things done

by Joe Hudson

HTML

<script src="http://fb.me/react-with-addons-0.12.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
<script src="http://facebook.github.io/react/js/jsfiddle-integration.js"></script>

CSS

body {
    background-color: #F9FAF5;
}

h3 {
    border-bottom: dashed 1px #ccc;
    padding: 5px 0;
}

.personal-info {
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
    color: #555;
    margin-bottom: 1.3em;
}

.contact-info {
    margin-bottom: 1.3em;
}

q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

section {
    padding: 6px;
    border-radius: 6px;
}

.work-history section:nth-child(even) {
    background-color: #fff;
}

.contact-element {
    text-align: center;
    font-size: 16px;
    margin: auto;
}

.glyphicon {
    font-size: 24px;
}

@media (max-width: 767px) {
    .github-contact {
        width: 100%;
        display: block;
        text-align: center;
    }
}

JavaScript 1.7

// origial resume web application author: Joe Hudson

var resume = {
    languages: {
        javascript: {
            Node: 'http://nodejs.org/',
            Backbone: 'http://backbonejs.org/',
            JQuery: 'http://jquery.com/',
            Prototype: 'http://prototypejs.org/',
            Thorax: 'http://thoraxjs.org/',
            React: 'http://facebook.github.io/react/',
            D3: 'http://d3js.org/',
            Handlebars: 'http://handlebarsjs.com/',
            Gulp: 'http://gulpjs.com/',
            Grunt: 'http://gruntjs.com/',
            Mocha: 'http://mochajs.org/',
            Jasmine: 'http://jasmine.github.io/',
            HAPI: 'http://hapijs.com/',
            'Socket.io': 'http://socket.io/'
        },
        HTML: {
            'Web Sockets': 'http://developer.mozilla.org/en-US/docs/WebSockets',
            'HTML 5': 'http://www.w3.org/TR/html5/',
            'Responsive Design': 'http://en.wikipedia.org/wiki/Responsive_web_design'
        },
        CSS: {
            Foundation: 'http://foundation.zurb.com/',
            Bootstrap: 'twitter.github.com/bootstrap/',
            'Semantic UI': 'http://semantic-ui.com/',
            SCSS: 'http://sass-lang.com/',
            Stylus: 'http://learnboost.github.io/stylus/'
        },
        Java: {
            J2EE: 'http://www.oracle.com/technetwork/java/javaee/overview/index.html',
            'Eclipse Plugins': 'http://www.eclipse.org/',
            Android: 'http://developer.android.com/sdk/index.html',
            Maven: 'http://maven.apache.org/',
            Gradle: 'http://gradle.org/',
            Spring: 'http://spring.io/',
            Struts2: 'http://en.wikipedia.org/wiki/Apache_Struts_2',
            'Google Web Toolkit': 'http://www.gwtproject.org/',
            JUnit: 'http://junit.org/',
            Hibernate: 'http://hibernate.org/',
            Tomcat: 'http://tomcat.apache.org/',
            JBoss: 'http://www.redhat.com/en/technologies/jboss-middleware',
       ...