-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
308 lines (290 loc) · 17.5 KB
/
index.html
File metadata and controls
308 lines (290 loc) · 17.5 KB
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="main.css">
<title>Jacob Dorhauer's Portfolio</title>
</head>
<body>
<!-- Nav Bar -->
<div class="navigation">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Welcome!
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#header">Welcome</a>
<a class="dropdown-item" href="#about">About</a>
<a class="dropdown-item" href="#familiarTech">Familiar Technologies</a>
<a class="dropdown-item" href="#projects">Projects</a>
<a class="dropdown-item" href="#contact">Contact Me</a>
</div>
</div>
</div>
<!-- Header -->
<a id="header">
<div class="header">
<div class="heading">
<div class="head">
<h1>Jacob Dorhauer</h1>
<br>
<h4>.NET Developer</h4>
<div class="links">
<a href="https://github.com/jdorhauer" target="blank"><img src="assets/github.png"
alt="github"></a>
<a href="https://www.linkedin.com/in/JacobDorhauer/" target="blank"><img
src="assets/linkedin.png" alt="linkedIn"></a>
</div>
</div>
</div>
</div>
</a>
<!-- About -->
<div class="centerThis">
<div class="about">
<a id="about">
<div class="navPadding"></div>
<div class="aboutMe">
<h3>A little bit about me</h3>
<p>From the moment I built my first "Hello World" application, I was hooked on the thought of
becoming a developer. I fell into a lot of familiar routines in my work life. Software
Development was a refreshing challenge that broke me out of those ruts.<br /><br />
After studying on my own for about a year, I decided it was time to make a leap. That is when I
started an accelerated program at Eleven Fifty Academy. That program was a 3 month bootcamp,
which taught me .NET, C#, HTML, CSS, Angular, and more.<br /><br />
I am currently working full time for Eleven Fifty as a Learning Data Specialist. A fancy title
that means that I collect and manage student data, run analytics, and look for trends. Other
than my day job, I am often working on personal projects and doing freelance work.<br /><br />
When I leave the computer, I am with my wife and two daughters or else either watching or
playing hockey. We spend a lot of time in state parks both in Indiana and in the St. Louis area,
where I grew up. The image at the top is a common destination for the family,
Castlewood!<br /><br />
As far as career goals, I am excited for the chance to learn and grow as an individual and a
developer. There is always more to learn. In addition, there are always people to learn tips and
tricks from. It is a lot of fun and is a challenge that I have been craving for a long time in
my professional life.</p>
</div>
</a>
<a id="familiarTech">
<div class="techPadding"></div>
<div class="familiarTech">
<h3>Familiar Technologies</h3>
<br>
<img src="assets/dotNetCore.png" alt="DotNetCore" title=".NET Core">
<img src="assets/DotNet.png" alt="DotNet" title=".NET Framework">
<img src="assets/CSharp.jpg" alt="CSharp" title="C#">
<img src="assets/sql.png" alt="SQL" title="SQL">
<img src="assets/htmlIcon.png" alt="HTML 5" title="HTML">
<img src="assets/cssIcon.png" alt="CSS 3" title="CSS">
<img src="assets/swift.png" alt="Swift" title="Swift Programming Language">
<img src="assets/bootstrap.jpg" alt="Bootstrap" title="Bootstrap">
<img src="assets/angular.png" alt="Angular" title="Angular 8">
<img src="assets/restAPI.png" alt="Rest API's" title="RESTful API's">
<img src="assets/oop.png" alt="Object Oriented Programming" title="Object Oriented Programming">
</div>
</a>
</div>
<div class="clearfix"></div>
<div class="resume">
<p>View a copy of my resume <a
href="https://docs.google.com/document/d/1eNO1feGvi9wH_LuBWrjZ3SE9Ni7_TFYvhaPDtUofwgg/edit?usp=sharing"
target="blank">here.</a></p>
</div>
</div>
<!-- Projects -->
<div class="myProjects">
<a id="projects">
<h3>Projects</h3>
<p>Links to most projects are available by clicking the images.</p>
<div class="main">
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<a href="https://jdorhauer.github.io/StaticStoreFront/" target="blank"><img
src="assets/storeFront.png" alt="Static HTML Page" title="Static HTML Page"
width="200px" height="150px"></a>
<h3>Static HTML Store Front</h3>
<button id="1" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>This was one of my first projects in HTML and CSS. The goal of the project is a static
HTML page built to gain more familiarity with HTML5 and CSS3. I created anchors that
lead to various parts of the page, a basic nav bar, filled the page with content, and
styled the layout. I have ideas to build upon this and possibly use it in the future.
</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<a href="https://github.com/jdorhauer/GoldBadgeChallenges" target="blank"><img
src="assets/consoleChallenges.png" alt="C# Console Apps" title="C# Console Apps"
width="200px" height="150px"></a>
<h3>C# Console Challenges</h3>
<button id="2" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>These challenges are responses to prompts included in the text file in each base
folder. These display a familiarity with C#. They are console applications that use
C# fundamentals to solve the problems given in the prompts.</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<a href="https://github.com/jdorhauer/StatTrackerApp" target="blank"><img
src="assets/MVC_Ex.png" alt="*Current* ASP.NET App"
title="*Current Project* ASP App" width="200px" height="150px"></a>
<h3>Stat Tracking Application</h3>
<button id="3" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>This application is a little more complicated. It is an application built with
ASP.NET using the MVC architectural pattern. The live version has been
temporarily taken down, however, the logic still works. This project was a lot
of fun to build and test. I am still quite proud of what I accomplished. I have a few ideas to add on in the future and will
continue to improve this in my spare time.</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<a href="http://tc-musicqeary.herokuapp.com/" target="blank"><img
src="assets/musicQeary.PNG" alt="*Current* Angular/WebAPI Application"
title="*Current Project* Angular/WebAPI Application" width="200px"
height="150px"></a>
<h3>MusicQeary</h3>
<button id="4" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>This was a group project that I helped to develop. We created an application that
uses a connection to Spotify's API to analyze songs and playlists for a logged
in user. For the front end, we used Angular to format our application. For the
backend, we used a WebAPI project. The backend currently needs to be run
locally, however, the front end is viewable by clicking the image above. This
was a lot of fun and everyone in the group grew in our skills.</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<a href="https://github.com/jdorhauer/SimpleCalculator" target="blank"><img
src="assets/CalculatorApp.png" alt="Simple Calculator" title="Simple Calculator"
width="200px" height="150px"></a>
<h3>Simple Calculator</h3>
<button id="5" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>This project is my first attempt to build a project using Windows Presentation
Foundation or WPF. It is a simple calculator with full functionality. The goal
of this project is to expand on my skills with C# and to discover other
applications of the language.</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<img src="assets/piggyback.jpeg" alt="Piggyback Finance App" title="Piggyback Finance App"
width="200px" height="150px">
<h3>Piggyback Finance App</h3>
<button id="6" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>This is a freelance project I have been developing with a startup team. I have
consulted and developed for this since October of 2019. It is being built in
.NET Core. I have learned a lot about the ins and outs of the framework from
this work. The opportunity has also provided a more intricate look at working
with outside API's. Unfortunately, I can not go into deep detail about this
project. If you have questions, or want to contact the project owner, feel free
to reach out!</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
<div class="flipCard">
<div class="flipCardInner">
<div class="flipCardFront">
<img src="assets/CampusCafe1.png" onclick="window.open('assets/CampusCafe1.png', '_blank');"
alt="Campus Cafe" title="Campus Cafe" width="200px" height="150px">
<h3>System Front End Work</h3>
<button id="7" class="btn btn-secondary flip-toggle" onclick="flipCard(this)">Description</button>
</div>
<div class="flipCardBack">
<p>As part of my job with Eleven Fifty Academy, I have performed updates to the
front end of one of the systems used by the school. On the reverse side of the card is an image of the
final product. You can click for a larger view. My focus when working on this
was to update the format of the page's design to be intuitive and easily usable
by staff and students. My main goal was to simplify the design of the page.</p>
<button class="btn btn-secondary" id="btnflip2">Back</button>
</div>
</div>
</div>
</div>
</a>
</div>
<!-- Contact me -->
<form class="clearfix" id="contact" action="//formspree.io/jdorhauer@yahoo.com" method="POST">
<div class="contactHead">
<h3>Contact me</h3>
</div>
<div class="form-group">
<input type="text" class="form-control" name="name" placeholder="Full Name">
</div>
<div class="form-group">
<input type="email" class="form-control" name="_replyto" placeholder="Your Email">
</div>
<div class="form-group">
<textarea class="form-control" name="message" placeholder="Message" rows="3"></textarea>
</div>
<div class="submit">
<input class="btn btn-secondary" type="submit" value="Send">
</div>
<input type="hidden" name="_subject" value="Website contact" />
</form>
<!-- Footer -->
<div class="footer">
<p id="p1"><i>© 2020 Dorhauer Tech LLC</i></p>
<p id="p2"><i>All work on this site is my own.</i></p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<!-- Script to flip the cards to expose the backs -->
<script>
// Target the button click
$('button').click(function (e) {
// toggle the flip class for only that card
$(this).parent('.flipCardFront').parent('.flipCardInner').parent('.flipCard').toggleClass('flipped')
});
</script>
<!-- Script to turn the cards back to the front -->
<script>
// Target the button click
$('button').click(function (e) {
// toggle the flip class for only that card
$(this).parent('.flipCardBack').parent('.flipCardInner').parent('.flipCard').toggleClass('flipped')
});
</script>
</body>
</html>