-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
201 lines (196 loc) · 9.77 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
---
layout: home
title: Home
subtitle: This is my subtitle
---
<!-- About Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">What Motivates Me</h2>
<hr class="divider light my-4">
<p class="text-white text-justify mb-5">
My insatiable desire to learn new topics has generated a career path that might look like a backcountry trail.
Meandering in and out of sales, product, and consulting, but always coming back to engineering.
<br>
<br>
My unique background includes every phase of developing and delivering commercial software from talking to users,
defining requirements, and writing code to selling, designing, and implementing solutions. This broad background
enables me to help companies develop and deliver software positioned for market success, communicate effectively
with management, my peers, and prospective customers.
<br>
<br>
Outside of work, my passions extend to playing music, tinkering on projects, and brewing and enjoying a beer with good company.
</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#skills">What I Use</a>
</div>
</div>
</div>
</section>
<!-- Technologies Section -->
<section class="page-section" id="skills">
<div class="container">
<h2 class="text-center mt-0">Skills</h2>
<hr class="divider my-4">
<div class="row justify-content-center text-center">
<ul class="list-group list-group-horizontal-md dev-icons">
<li class="list-group-item borderless">
<i class="devicon-ruby-plain fa-4x"></i>
</li>
<li class="list-group-item borderless">
<i class="devicon-rails-plain fa-4x"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-html5"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-css3-alt"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-bootstrap"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-js-square"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-sass"></i>
</li>
<li class="list-group-item borderless">
<i class="devicon-nginx-plain fa-5x"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-digital-ocean"></i>
</li>
<li class="list-group-item borderless">
<i class="devicon-heroku-plain fa-5x"></i>
</li>
<li class="list-group-item borderless">
<i class="fab fa-5x fa-python"></i>
</li>
</ul>
</div>
</div>
</section>
<!-- Call to Action Section -->
<section class="page-section bg-dark text-white">
<div class="container text-center">
<h2 class="mb-4">Download My Current Resume!</h2>
<a class="btn btn-light btn-xl" href="/assets/download/Ryan-Mohrman-Resume.pdf">Download Now!</a>
</div>
</section>
<!-- Projects Section -->
<section class="page-section" id="projects">
<div class="container">
<h2 class="text-center mt-0">Current Projects</h2>
<hr class="divider my-4">
<div class="row">
<div class="col-lg-6 mb-4">
<div class="card h-100">
<a href="https://github.com/rhyn0bytes/ryanmohrman.com"><img class="card-img-top" src="/assets/img/personal-website.jpg" alt="Personal wbsite preview"></a>
<div class="card-body">
<h4 class="card-title">
<a href="https://github.com/rhyn0bytes/ryanmohrman.com">Personal Website</a>
</h4>
<p class="card-text">The redesign of my personal website (this site). Based on a bootstrap theme from startbootstrap, I used Jekyll and
githubpages to build and host this website. More projects, a blog, and additional content will be added as time allows, but this project
has been a fun way to brush up on my design skills.
</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100">
<a href="https://github.com/rhyn0bytes/gifting-powerup"><img class="card-img-top" src="/assets/img/powerup-gifting.jpg" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="https://github.com/rhyn0bytes/gifting-powerup">Powerup Gifting</a>
</h4>
<p class="card-text"> Ruby on Rails web app that will allow family and friends to share their gift registries for any event.
This project started when my family dispersed across the country, and we wanted to maintain our tradition of gifting at Christmas.
With a distributed and growing family, it became increasingly difficult to keep up with our changing interests. PowerUp Gifting is a
central place that enables the family to create, share, and manage their gift registries.</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100">
<a href="#projects"><img class="card-img-top" src="/assets/img/soundstyles.jpg" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="#projects">Sound Styles</a>
</h4>
<p class="card-text">A Python and Flask web application that uses Spotify’s web API to gather and show user data about their playlists.
Working with a remote data scientist to provide him with backend and hosting support for his analytics. No previous experience working with Python,
Flask, or Spotify’s API. This project has sparked my interest in learning more Python and Flask.</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100">
<a href="https://github.com/rhyn0bytes/family-recipe-manager"><img class="card-img-top" src="/assets/img/family-recipe.jpg" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="https://github.com/rhyn0bytes/family-recipe-manager">Better Recipes</a>
</h4>
<p class="card-text">A headless API to allow for better a recipe experience. Nearly all recipes online today follow a similar
structure that screams for reorganization. This recipe manager breaks out all recipes into “stages” that reference a master ingredient list.
Display all required ingredients in a simple shopping list format, keep track of time and amount of ingredients remaining, and even scale recipes and
adjust for altitude.</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100">
<a href="/map"><img class="card-img-top" src="/assets/img/personal-website.jpg" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="/map">Visitation Map</a>
</h4>
<p class="card-text">A very simple visualization of the roadtrips I take with my dogs to see all 48 contiguous states before we die.
My two dogs travel with me and must poop in each state to earn their "visitation badge" while I must contribute to the economy of the
state to earn my visitation badge. Not sure which requirement is more impressive...
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="page-section bg-dark" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Let's Get In Touch!</h2>
<hr class="divider my-4">
<p class="text-white mb-5">Want to follow me around the web? Send me an email, follow me, or dm me and I will get back to you as soon as possible!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<a class="d-block text-white" href="tel:1-720-468-0234"><i class="fas fa-phone fa-3x mb-3 text-white"></i></a>
<a class="d-block text-white" href="tel:1-720-468-0234">+1 (720) 468-0234</a>
</div>
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<h4 class="text-uppercase text-white mb-4">Around the Web</h4>
<a class="btn btn-outline-light btn-social mx-1" href="https://github.com/rhyn0bytes">
<i class="fab fa-fw fa-2x fa-github"></i>
</a>
<a class="btn btn-outline-light btn-social mx-1" href="https://twitter.com/rhyn0bytes">
<i class="fab fa-fw fa-2x fa-twitter"></i>
</a>
<a class="btn btn-outline-light btn-social mx-1" href="https://linkedin.com/in/ryanmohrman">
<i class="fab fa-fw fa-2x fa-linkedin-in"></i>
</a>
<a class="btn btn-outline-light btn-social mx-1" href="https://dev.to/rhyn0bytes">
<i class="fab fa-fw fa-2x fa-dev"></i>
</a>
</div>
<div class="col-lg-4 mr-auto text-center">
<a class="d-block text-white" href="mailto:[email protected]?subject=Howdy%20from%20the%20web!"><i class="fas fa-envelope fa-3x mb-3 text-white"></i></a>
<a class="d-block text-white" href="mailto:[email protected]?subject=Howdy%20from%20the%20web!">[email protected]</a>
</div>
</div>
</div>
</section>