jyonah.github.io/index.html at master · jyonah/jyonah.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Jonah Price | WebResume</title>
  <meta name="author" content="Jonah S. Price">
  <meta name="description" content="The interactive web-resume of Jonah Price, Developer.">
  <meta name="keywords" content="Jonah, Price, Jonah Price, Web Developer, Resume, html, css, html5, javascript, jquery, react San Francisco, Dev Bootcamp, DevBootcamp">

  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="resources/favicon/apple-touch-icon-57x57.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="resources/favicon/apple-touch-icon-114x114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="resources/favicon/apple-touch-icon-72x72.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="resources/favicon/apple-touch-icon-144x144.png" />
  <link rel="apple-touch-icon-precomposed" sizes="60x60" href="resources/favicon/apple-touch-icon-60x60.png" />
  <link rel="apple-touch-icon-precomposed" sizes="120x120" href="resources/favicon/apple-touch-icon-120x120.png" />
  <link rel="apple-touch-icon-precomposed" sizes="76x76" href="resources/favicon/apple-touch-icon-76x76.png" />
  <link rel="apple-touch-icon-precomposed" sizes="152x152" href="resources/favicon/apple-touch-icon-152x152.png" />
  <link rel="icon" type="image/png" href="resources/favicon/favicon-196x196.png" sizes="196x196" />
  <link rel="icon" type="image/png" href="resources/favicon/favicon-96x96.png" sizes="96x96" />
  <link rel="icon" type="image/png" href="resources/favicon/favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="resources/favicon/favicon-16x16.png" sizes="16x16" />
  <link rel="icon" type="image/png" href="resources/favicon/favicon-128.png" sizes="128x128" />
  <meta name="application-name" content="Jonah Price | Web Resume"/>
  <meta name="msapplication-TileColor" content="#FFFFFF" />
  <meta name="msapplication-TileImage" content="resources/favicon/mstile-144x144.png" />
  <meta name="msapplication-square70x70logo" content="resources/favicon/mstile-70x70.png" />
  <meta name="msapplication-square150x150logo" content="resources/favicon/mstile-150x150.png" />
  <meta name="msapplication-wide310x150logo" content="resources/favicon/mstile-310x150.png" />
  <meta name="msapplication-square310x310logo" content="resources/favicon/mstile-310x310.png" />


  <link rel="stylesheet" href="styles.css" type="text/css">
  <link rel="stylesheet" href="resources/font-awesome/css/font-awesome.min.css">
  </head>
  <body>
    <div class="document">
      <header>
        <div class="save-links">
          <a href="jonah-price-resume.pdf" class="hidden-button"><i class="fa accent-color fa-cloud-download"></i> Save PDF</a>
        </div>
        <h1><span class="the-big-j accent-color">J</span><span class="onah accent-color">ONAH</span><span class="price">PRICE</span></h1>
        <ul class="undecorated contact-list">
          <li class="contact-item"><i class="fa accent-color fa-envelope-square"></i>jyoonah at gmail dot com</li>
          <li class="contact-item"><a class="hidden-button" href="https://www.twitter.com/jyonah"><i class="fa accent-color fa-twitter-square"></i>@jyonah</a></li>
          <li class="contact-item"><a class="hidden-button" href="https://www.linkedin.com/in/JonahPrice"><i class="fa accent-color fa-linkedin-square"></i>/in/JonahPrice</a></li>
          <li class="contact-item"><a class="hidden-button" href="https://www.github.com/jyonah"><i class="fa accent-color fa-github-square"></i>/jyonah</a></li>
          <li class="wide"><div class="text-center accent-color line"></div></li>
        </ul>
      </header>

      <main>
        <ul class="undecorated">

          <li><h2>SKILLS</h2></li>
          <ul class="undecorated skills">
            <li><span class="section-title accent-color">Programming Languages, Frameworks, Libraries</span></li>
            <ul class="undecorated">
              <li>Javascript ES6, Ruby, Python, jQuerry, HTML5, CSS 3, RSPec, Jasmine, React.js, Rails, Sinatra, ActiveRecord, PostreSQL, Semantic UI, Bootstrap</li>
            </ul>
            <li><span class="section-title accent-color">Working Practices and Technical Skills</span></li>
            <ul class="undecorated">
              <li>REST, TDD, Pair Programing, Extreme Programming, Agile Methodology, Git, Command Line</li>
            </ul>
          </ul>

          <li><h2>PROJECTS</h2></li>
          <ul class="undecorated">
            <li><span class="section-title accent-color">Front End Web Developer</span>, HOM <span class="section-meta"> <a href="https://real-estate-tinder.herokuapp.com/">Live Development</a> | <a href="https://github.com/jyonah/real-estate-tinder">Github Source</a></span></li>
            <ul>
              <li class="undecorated project-description">A polygot web-app providing a ‘Tinder-esque’ browsing experience for rentals, tracking interest and disinterest.</li>
              <li>Integrated React/ERB frontend with a RESTful Rails backend using ReactOnRails gem.</li>
              <li>Impemented responsive front-end design with Javascript, jQuery, and CSS.</li>
              <li>Styled Google Maps API integration to match site design standards.</li>
            </ul>
            <li><span class="section-title accent-color">Full Stack Web Developer</span>, Mikey's Fancy Restaurant <span class="section-meta"> <a href="http://mikeys-fancy-restaurant.herokuapp.com/">Live Development</a> | <a href="https://github.com/jyonah/mikeys-fancy-restaurantmi">Github Source</a></span></li>
            <ul>
              <li class="undecorated project-description">Tool for adding and rating recipies, generating a menu of the most popular from four food categories.</li>
              <li>Ruby on Rails app, controllers, models, migrations, and views written without generators.</li>
              <li>Styled components with the Semantic UI CSS/Javascript libraries.</li>
              <li>Wrote dynamic handling for adding as many ingredients a user would like to add.</li>
              <li>Created home-page that automatically creates a weekly menu from the most popular dishes in 4 dish categories.</li>
            </ul>
          </ul>

          <li><h2>EXPERIENCE</h2></li>
          <ul class="undecorated">
            <li><span class="section-title accent-color">Web Designer / Community Consultant</span>, Contractor <span class="section-meta">February 2009 - January 2016</span></li>
            <ul>
              <li>Build and deployed client websited with low cost and easy to understand maintenance tools.</li>
              <li>Implemented successful and efficient social media plans, educating professionals on how to interface with their community and maintain relationships with clients, customers, and leads,</li>
              <li>Mentored professionals in effective personal and professional uses of digital communication platforms.</li>
              <li>Created and assembled media for strategic distribution on web and in print.</li>
              <li>Distibuted client business information across place data platforms such as Google Places, Foursquare, Yelp, etc.</li>
            </ul>
            <li><span class="section-title accent-color">Community Manager</span>, Social Fluency <span class="section-meta">June 2013 - February 2014</span></li>
            <ul>
              <li>Updated and maintained the socialfluency.com worpress website using HTML and CSS.</li>
              <li>Booked location, arraged food and drink specials, secured door prizes from affiliates, and independently designed and executed social and print marketing campaign for "Fluency Friday: a Networking social and Happy Hour" with an attendance of between 150 and 200 people, all on zero budget.</li>
              <li>Created 80% of inbound leads with open events and content curation across Facebook, Twitter, and Linkedin.</li>
              <li>Redesigned business documents (brochures, forms, invoices) improving workflow speed and brand recognition.</li>
              <li>Improved company productivity by introducing new tools to productiona and project management.</li>
            </ul>
            <li><span class="section-title accent-color">Web Designer / Email Engagement</span>, Relay Rides <span class="section-meta">November 2012 - February 2013</span></li>
            <ul>
              <li>Produced 90% of client facing email in HTML and CSS.</li>
              <li>Built cohesive relationships with customers by curating compelling content for email newsletter.</li>
              <li>Increased speed of email newsletter production by 70% with new processes.</li>
            </ul>
          </ul>

          <li><h2>EDUCATION</h2></li>
          <ul class="undecorated">
            <li><span class="section-title accent-color">Full Stack Web Development Intensive</span>, Dev Bootcamp <span class="section-meta">San Francisco, CA 2016 - 2017</span></li>
            <li><span class="section-title accent-color">Graphic Design Program</span>, Lane Community College <span class="section-meta">Eugene, OR 2006 - 2010</span></li>
          </ul>

        </ul>
      </main>
    </div>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  </body>
</html>