-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
297 lines (282 loc) · 13.7 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
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
<!DOCTYPE html>
<html>
<head>
<title>Justin Reiser - Portfolio</title>
<link rel="stylesheet" href="./style.css"/>
<script src="./script.js"></script>
</head>
<body>
<!-- Navigation Bar -->
<div id="home">
<div class="profile_name">
Justin Reiser
<div class="contact_info">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1684174979/envelope_rtanmn.png" alt="https://icons8.com/icon/124377/circled-envelope"/>
</div>
<div style="clear:both;"></div>
<div class="contact_info">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1684174980/phone_yyq1kg.png" alt="https://icons8.com/icon/124377/circled-envelope"/>
+6317862315
</div><!-- end of contact information-->
</div> <!-- end of profile name-->
</div> <!-- end of home-->
<div id="navDiv">
<header id="navHeader">
<div class="topdiv">
<table id="navTable">
<tr>
<td><a class="topmenu" href="#about-me">About Me</a></td>
<td><a class="topmenu" href="#skills">Skills</a></td>
<td><a class="topmenu" href="#projects">Projects</a></td>
</tr>
<tr>
<td class="row2"><a class="topmenu" href="#certifications">Certifications</a></td>
<td class="row2"><a class="topmenu" href="#social">Social Responsibility</a></td>
<td class="row2"><a class="topmenu" href="#recommendations">Recommendations</a></td>
</tr>
</table>
</header>
</div>
<!-- About Me -->
<section id="about-me" class="about-container">
<div id="about-image">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683979645/profile_nn5wab.gif" class="profile_image"/>
</div>
<div id="about-text">
<h1>
Hi, I'm Justin Reiser
</h1>
<br/>
<p>
I am a back-end centric java developer with experience in Spring, Spring Boot, Spring MVC, Spring Data and hibernate. I am looking to leverage my skills to help people.
</p>
</div>
</section>
<!-- Skills -->
<section id="skills">
<h2>Skills</h2>
<div style="clear:both;"></div>
<div class="all_skills">
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683980803/duke_Wave_w5turk.png"/>
<h6>Java</h6>
<p>16 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683981591/sql_kzdxjx.png"/>
<h6>SQL</h6>
<p>16 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683982657/hibernate_tecilw.svg"/>
<h6>Hibernate</h6>
<p>10 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683982895/webservices_jug483.svg"/>
<h6>RESTful web services</h6>
<p>4 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683983166/microservices_lyok2k.png"/>
<h6>Microservices</h6>
<p>2 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683981296/spring_j1vinh.gif"/>
<h6>Spring</h6>
<p>5 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683981296/spring_j1vinh.gif"/>
<h6>Spring Boot</h6>
<p>2 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683981296/spring_j1vinh.gif"/>
<h6>Spring MVC</h6>
<p>2 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1683981296/spring_j1vinh.gif"/>
<h6>Spring Data</h6>
<p>2 years experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1684174979/html5_c48lq0.png"/>
<h6>HTML</h6>
<p>1 year experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1684174979/CSS3_uk2yqi.png"/>
<h6>CSS</h6>
<p>1 year experience</p>
</div>
<div class="skill">
<img src="https://res.cloudinary.com/da81thphx/image/upload/v1684174979/js_ihzwv0.jpg"/>
<h6>JavaScript</h6>
<p>1 year experience</p>
</div>
</div>
</section>
<!-- Projects -->
<section class="projects" id="projects">
<h2 id="projectHeader">
Projects
</h2>
<div style="clear:both;"></div>
<div id="projects-container" class="projects-container">
<div class="project-card">
<h3>Neural Network Visualizer</h3>
<ul>
<li>Created pair of programs that use NEURON to simulate large neural networks.</li>
<li>First program uses Java to generate a hoc program (NEURON's native language) using easy-to-understand input files that allow users not familiar with hoc to model neural networks.</li>
<li>Second program uses C++/OpenGL to visualize how the neurons modeled in the previously mentioned program fire.</li>
</ul>
</div>
<div class="project-card">
<h3>Web Search Optimizer</h3>
<ul>
<li>Created program that allows users to simultaneously search several websites.</li>
<li>Program concurrently visits individual websites and aggregates search results.</li>
<li>Results are filtered and prioritized according to user input, allowing users to more efficiently parse search results.</li>
</ul>
</div>
<div class="project-card">
<h3>Scrapbook Builder</h3>
<ul>
<li>Created a visual basic tool to upload images to a server</li>
<li>This tool also generated the scrapbook HTML and uploaded to the server as well</li>
</ul>
</div>
<div class="project-card">
<h3>Tetris Clone</h3>
<ul>
<li>Developed a Tetris Clone</li>
<li>This clone expanded the game play by allowing for additional move preview making the game more strategic</li>
</ul>
</div>
<div class="project-card">
<h3>Instant Messenger</h3>
<ul>
<li>Developed an application for message sending using C++</li>
</ul>
</div>
</div>
</section>
<section id="certifications">
<h2>Certifications</h2>
<div style="clear:both;"></div>
<div class="all_certifications">
<div class="certification">
<a href="https://coursera.org/share/1246bc4d29ce578c75109ad8633417a1"> Cloud Technical Essentials</a>
<ul>
<li>Security</li>
<li>Compute</li>
<li>Networking</li>
<li>Storage</li>
<li>Databases</li>
<li>Monitoring</li>
<li>Optimization</li>
</ul>
</div>
<div class="certification">
<a href="https://www.coursera.org/account/accomplishments/specialization/certificate/FZLJKQ9FTS4N">Spring Framework Specialization
(4 courses)</a>
<ul>
<li>Spring AOP</li>
<li>Spring Cloud</li>
<li>Spring Data</li>
<li>Transactions</li>
<li>Spring MVC</li>
<li>Spring Boot</li>
<li>Spring Core</li>
</ul>
</div>
</div>
</section>
<!-- Social Responsibility -->
<section class="social" id="social">
<h2>
Social Responsibility
</h2>
<div style="clear:both;"></div>
<div id="social-container" class="social-container">
<div class="social-card">
<h3>AmeriCorps/
Student Conservation Association Estuary Steward</h3>
</div>
<div class="social-card">
<h3> Boy Scouts (Eagle, Sr. Patrol Leader)</h3>
</div>
<div class="social-card">
<h3>Community Emergency Response Team (CERT)</h3>
</div>
<div class="social-card">
<h3>Red Cross Volunteer</h3>
</div>
</div>
</section>
<!-- Recommendations -->
<section id="recommendations">
<h2>Recommendations</h2>
<div style="clear:both;"></div>
<div class="all_recommendations" id="all_recommendations">
<div class="recommendation">
<span>“</span>
Justin and I worked together for a year and a half, and He is dedicated and hardworking. Justin has a good understanding of OOP principles and picks up new patterns, technologies and concepts quickly and well. Justin also dedicates himself to the success of those around him to become their personal best.
<span>”</span>
</div>
<div class="recommendation">
<span>“</span>
I worked on the same project with Justin for about a year. Justin completed his tasks and did them well. He was also willing to help out other team members in times of need. Justin took initiative to research new tools, and continue learning for his own development. Justin was able to bring concerns to the team in a productive way. I feel that he would be an asset to any team.
<span>”</span>
</div>
<div class="recommendation">
<span>“</span>
I had the pleasure of working with Justin for 5 years at the TCI, collaborating on several projects. Justin is a very detailed oriented Java developer and always thinks out of the box solutions to solve a problem. I find he can work either independently or as an integrated team member. Justin's knowledge about Credit Bureaus is incredible and he will be a great asset to any team.
<span>”</span>
</div>
<div class="recommendation">
<span>“</span>
I worked with Justin for about six years at TCI, the last year and a half as his manager. During that time he was one of the main developers for critical components in the product that allowed customers to write business rules for loan applications based on credit report attributes. He also spear-headed two new projects: a new testing framework with UI to allow customers and QA to more efficiently perform UAT, and an analysis tool that would detect and report on customer configuration errors. He has strong technical proficiency and a thoughtful and inquisitive nature which was a large plus for my team and the product. Finally he was always helpful and never hesitated in aiding more junior engineers when needed.
<span>”</span>
</div>
<div class="recommendation">
<span>“</span>
Justin is a great asset to the team, who have been working with in dev department for many years. He is very professional and always maintains a positive attitude. He responded to problems without getting angry or frustrated. His most outstanding “value” from what I have seen is the attitude towards continuous improvement. <span>”</span>
</div>
<div class="recommendation">
<span>“</span>
I have closely worked with Justin at TCI, where we developed and maintained the company's flagship Loan Origination SaaS offering: DecisionLender. He is highly proficient in Java and software engineering best practices. In addition he is really good at understanding business requirements and can express them in a techie friendly way. He was my to go person when I needed to understand domain specific topics. In addition he is a friendly person and can go above and beyond his responsibilities to do the right thing.
</div>
</div>
</section>
<!-- Recommendation Form -->
<section id="contact">
<div class="flex_center">
<fieldset>
<legend class="introduction">Leave a Recommendation</legend>
<input type="text" placeholder="Name (Optional)"> <br/>
<textarea id="new_recommendation" cols="500" rows="10" placeholder="Message"></textarea>
<div class="flex_center">
<button id="recommend_btn" onclick="addRecommendation()">Submit</button>
</div>
</fieldset>
</div>
</section>
<div class="iconbutton">
<a href="#home">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" width="63px">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</a>
</div>
<div class="popup" id="popup" class="flex_center">
<img src="html_finalprojimages/checkmark--outline.svg"/>
<h3>Thank you for the recommendation!</h3>
<button onclick="showPopup(false)">Ok</button>
</div>
</body>
</html>