-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
219 lines (178 loc) · 11.6 KB
/
index.html
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
---
layout: home
title: Hi, I'm Josh. A Developer with a passion for standards and beautiful code
subtitle: I am fueled by the challenge of conquering the latest advances in programming
and technology. My goal is to create code that is clean, functional, and always up to web standards.
---
<section class="Home Home-what-i-do">
<div class="Container">
<h2>What I Do</h2>
<p>I am a <mark title="I love researching, reading, programming, learning, teaching, and experiencing everything web">passionate developer</mark> who thrives on the challenge of keeping up with the ever changing web. My experience includes implementing <mark title="A mobile first strategy provides confidence that all devices will have a smooth experience">mobile first designs</mark> as well as converting existing websites into <mark title="I focus on multi-platform solutions by using an device agnostic approach to responsive design">responsive layouts</mark>. I have spent the last ten+ years coding in a variety of languages, completing server and database tasks, and working as part of a results-focused team. I take pride in making sure everything I develop is always up to <mark title="Ruby Community style guide, Stylelint, W3C, and linters all help me produce code consistently up to standard.">web standards.</mark></p>
<p>I am obsessed with mastering the newest programming techniques and skills. You can find me constantly pouring over the latest articles and tutorials. When I'm not reading up on web development, I usually am writing about it in my programming blog.</p>
</div>
</section>
<section class="Home Home-skillset">
<div class="Container">
<h2>My Skillset</h2>
<div class="Container-row">
<div class="TooltipContainer">
<i class="devicon-ruby-plain" alt="Ruby language icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Ruby Language</div>
</div>
<div class="TooltipContainer">
<i class="devicon-rails-plain" alt="Ruby on Rails framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Ruby on Rails Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-typescript-plain" alt="Typescript language icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Typescript</div>
</div>
<div class="TooltipContainer">
<i class="devicon-react-plain" alt="React JavaScript framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">React.js Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-postgresql-plain" alt="Postgresql RDBMS icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Postgresql RDBMS</div>
</div>
<div class="TooltipContainer">
<i class="devicon-prisma-original" alt="Prisma ORM icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Prisma ORM</div>
</div>
<div class="TooltipContainer">
<i class="devicon-tailwindcss-plain" alt="Tailwind CSS framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Tailwind CSS framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-docker-plain" alt="Docker icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Docker Containers</div>
</div>
<div class="TooltipContainer">
<i class="devicon-rspec-plain-wordmark" alt="RSpec testing framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">RSpec Testing Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-graphql-plain" alt="GraphQL icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">GraphQL Api Standard</div>
</div>
<div class="TooltipContainer">
<i class="devicon-git-plain" alt="Git version control icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Git Version Control</div>
</div>
<div class="TooltipContainer">
<i class="devicon-javascript-plain" alt="JavaScript icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">JavaScript Language</div>
</div>
<div class="TooltipContainer">
<i class="devicon-express-original" alt="Express.js Framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Express.js Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-heroku-plain" alt="Heroku icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Heroku Hosting</div>
</div>
<div class="TooltipContainer">
<i class="devicon-redux-plain" alt="Redux State Container Framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Redux State Container Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-html5-plain" alt="HTML5 icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">HTML5</div>
</div>
<div class="TooltipContainer">
<i class="devicon-css3-plain" alt="CSS3 icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">CSS3</div>
</div>
<div class="TooltipContainer">
<i class="devicon-vite-original-wordmark" alt="Vite icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Vite build tool</div>
</div>
<div class="TooltipContainer">
<i class="devicon-linux-plain" alt="Linux icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Linux Operating System</div>
</div>
<div class="TooltipContainer">
<i class="devicon-nodejs-plain" alt="Node.js Framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Node.js Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-nextjs-original-wordmark" alt="Next.js Framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Next.js Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-sass-plain" alt="Sass Framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Sass Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-webpack-plain" alt="Webpack Module Bundler icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Webpack Module Bundler</div>
</div>
<div class="TooltipContainer">
<i class="devicon-redis-plain" alt="Redis Data Store icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Redis Data Store</div>
</div>
<div class="TooltipContainer">
<i class="devicon-amazonwebservices-plain-wordmark" alt="Amazon Web Services icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Amazon Web Services</div>
</div>
<div class="TooltipContainer">
<i class="devicon-grafana-plain" alt="Grafana Observability and Monitoring icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Grafana Observability and Monitoring</div>
</div>
<div class="TooltipContainer">
<i class="devicon-reactrouter-plain" alt="React Router icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">React Router</div>
</div>
<div class="TooltipContainer">
<i class="devicon-figma-plain" alt="Figma icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Figma Interface Design</div>
</div>
<div class="TooltipContainer">
<i class="devicon-webflow-original" alt="Webflow icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Webflow Site Builder</div>
</div>
<div class="TooltipContainer">
<i class="devicon-photoshop-plain" alt="Adobe Photoshop icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Adobe Photoshop</div>
</div>
<div class="TooltipContainer">
<i class="devicon-wordpress-plain" alt="Wordpress CMS icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Wordpress CMS</div>
</div>
<div class="TooltipContainer">
<i class="devicon-bootstrap-plain" alt="Bootstrap Framework icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Bootstrap Framework</div>
</div>
<div class="TooltipContainer">
<i class="devicon-illustrator-line" alt="Adobe Illustrator icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Adobe Illustrator</div>
</div>
<div class="TooltipContainer">
<i class="devicon-premierepro-plain" alt="Adobe Premiere icon"></i>
<div class="TooltipContainer-text TooltipContainer-text--bottom">Adobe Premiere</div>
</div>
</div>
</div>
</section>
<section class="Home Home-open-source">
<div class="Container">
<h2>Open Source Contributions & Side Projects</h2>
<p>I love working on side project and initiatives. These give me the chance
to step into other languages and frameworks to learn their architecture. From writing gems to supporting
Sublime Text plugins, I enjoy giving back to the community.</p>
<div class="Grid Grid-two-columns">
<p class="Grid-item"><a href="https://github.com/marketplace/actions/simplecov-action" title="Github Action" target="_blank"><i class="fas fa-check-circle"></i>I built Simplecov+ Action for the Github marketplace</a></p>
<p class="Grid-item"><a href="https://github.com/joshmfrankel/simplecov-tdd" title="Ruby Gem" target="_blank"><i class="fas fa-gem"></i>I created the SimpleCov-tdd gem</a></p>
<p class="Grid-item"><a href="https://github.com/lessonly/cisco_webex_api" title="Ruby Gem" target="_blank"><i class="fas fa-gem"></i>I created the Cisco_webex_api gem</a></p>
<p class="Grid-item"><a href="https://github.com/SublimeLinter" title="Maintainer" target="_blank"><i class="fab fa-github"></i>I help maintain SublimeLinter</a></p>
</div>
<p>I've also contributed to <a href="https://github.com/activeadmin/activeadmin">ActiveAdmin</a>, <a href="https://github.com/dejan/rails_panel">RailsPanel</a>, <a href="https://github.com/andjosh/clubhouse-cli">Clubhouse-cli</a> and more.</p>
</div>
</section>
<section class="Home Home-about-me">
<div class="Container">
<h2>A little about me</h2>
<p>In 2010, I received my <mark title="Computer Graphics Technology exposed me to course work in both graphics and programming.">Bachelor of Science in Computer Graphics Technology</mark> from Purdue University. My education focused on Computer Science theory and Graphic Design techniques. My courses taught me the importance of utilizing web standards and security practices to provide the best possible web experience.</p>
<p>Outside of the office (and the Internet), <mark title="Habaneros, are my favorite pepper. Mmmm, spicy.">I am a spicy food addict <i class="fa fa-fire-alt" aria-hidden="true"></i></mark>, video game enthusiast, and board game nerd. My creative outlets include photography and playing the drums. I'm also a cinephile who loves hanging out with my awesome wife, sons, and dog, Ripley (<mark title="Yes, that would be Sigourney Weaver's renowed character from the Aliens franchise">Lt. Ellen Ripley</mark> to be exact).</p>
</div>
</section>