-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
423 lines (413 loc) · 20.8 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
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
<!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">
<title>Resume Site Martha Kalisz</title>
<link id="logo" rel="icon" type="image/png" href="images/mskLogo.png">
<!-- Load Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<!-- Load Styles -->
<link href="css/styles.css" rel="stylesheet">
<link href="css/experience_cards.css" rel="stylesheet">
<link href="css/projects.css" rel="stylesheet">
<link href="css/about_me.css" rel="stylesheet">
<link href="css/skills.css" rel="stylesheet">
</head>
<body>
<body style="overflow-x: hidden;"></body>
<!-- HTML Follows BEM naming conventions
IDs are only used for sections to connect menu achors to sections -->
<header class="page__header">
<nav id="navbar" class="navbar__menu">
<!-- Navigation starts as empty UL that will be populated with JS -->
<ul id="navbar__list"></ul>
</nav>
</header>
<main>
<header class="main__hero">
<section id="section1" data-nav="Section1" class="section">
<h1>Welcome! I'm <span>Martha Kalisz</span>.</h1>
<h2>Home</h2>
<h3>Software Engineer, Physical Therapist</h3>
<h4>Learn more below</h4>
<h5>Grab a <a href="images/kalisz_resume.pdf">PDF</a> of my Resume</h5>
</section>
</header>
<!-- Each Section has an ID (used for the anchor) and
a data attribute that will populate the li node.
Adding more sections will automatically populate nav.
The first section is set to active class by default -->
<section id="section2" data-nav="Section 2" class="active-section section">
<div class="landing__container">
<h2>Professional Experience</h2>
<p>When beginning my professional career, my highest priorities were finding a job that was fast-paced and intellectually demanding with high job security and moral fulfillment. Uncovering these values led me to pursue a career in physical therapy, earning a Bachelor’s of Science and a Doctorate of Physical Therapy. This was before I had held a full-time job and realized how highly I value other priorities, such as flexibility and opportunity for advancement. With each clinical role, I have re-assessed my values, and have come to realize that it is time for a career change to a role that will be a better fit. Software engineering requires a lifelong learner who is skilled in persistent observation, astute problem solving, open communication, and professional teamwork – all skills that I have honed in on during my career as a physical therapist and can translate to software engineering.</p>
<div class="experience_card">
<div class="experience_photo">
<img src="images/experience_launch_school.png" alt="Launch School Logo">
</div>
<div class="experience_content">
<h3>Launch School Core Curriculum</h3>
<p>Launch School</p>
<p><i>February 2021 - Present</i></p>
<p class="experience_discr">Self-guided study with heavy focus on computer science fundamentals. Courses completed include study of Object-Oriented Programming with Ruby, including debugging tools such as Rubocop, Git Fundamentals, and working with Regular Expressions. Focus on algorithm approach and problem solving. Courses in progress include study of JavaScript, HTML, CSS, HTTP, SQL, Web APIs, and Agile Planning. Designed, refactored, debugged small projects and games with basic coding design. </p>
</div>
</div>
<div class="experience_card">
<div class="experience_photo">
<img src="images/experience_pluralsight.png" alt="Pluralsight Logo">
</div>
<div class="experience_content">
<h3>Pluralsight Coursework</h3>
<p>Pluralsight</p>
<p><i>October 2021 - Present</i></p>
<p class="experience_discr">Self-guided study in Agile Fundamentals, Scaling Agile, Intro to XP and Scrum, Kanban Fundamentals.</p>
</div>
</div>
<div class="experience_card">
<div class="experience_photo">
<img src="images/experience_udacity.png" alt="Udacity Logo">
</div>
<div class="experience_content">
<h3>Front-End Nanodgree</h3>
<p>Udacity</p>
<p><i>November 2020 - February 2021</i></p>
<p class="experience_discr">Self-guided study focusing on front-end software engineering. Courses included study of HTML, CSS, Flexbox, CSS grid, the Document Object Model. Culminated in four web-based projects with responsive layouts. Basics of asynchronous JavaScript, handing HTTP requests, Web APIs, Node, Webpack, and Sass.</p>
</div>
</div>
<div class="experience_card">
<div class="experience_photo">
<img src="images/experience_exeter.jpg" alt="Exeter Logo">
</div>
<div class="experience_content">
<h3>Pediatric Physical Therapist</h3>
<p>Exeter Hospital, Exeter NH</p>
<p><i>October 2019 - Present</i></p>
<p class="experience_discr">Treating patients from birth to 23 years old is a challenging position,
requiring patience and flexibility. Managed patients with diverse diagnoses including developmental
conditions, neuromuscular and musculoskeletal disorders, post-op, and infants, while working closely with
MDs and PAs in order to coordinate patient care. Gained the trust of young patients and their families,
requiring clear communication. Maintained communication during a wordlwide pandemic. Supervised PT
assistants. Navigated Meditech systems. </p>
</div>
</div>
<div class="experience_card">
<div class="experience_photo">
<img src="images/experience_elliot.jpg" alt="Elliot Logo">
</div>
<div class="experience_content">
<h3>Staff Physical Therapist</h3>
<p>Elliot Hospital, Londonderry, NH</p>
<p><i>November 2018 - December 2019</i></p>
<p class="experience_discr">Managed patients with diverse diagnoses including post-op, deconditioning, and a
variety of musculoskeletal disorders while working closely with MDs and PAs in order to coordinate patient
care. Supervised PT aides, students. Navigated Epic systems. </p>
</div>
</div>
</div>
</section>
<section id="section3" data-nav="Section 3" class="section">
<div class="landing__container">
<h2>Skills</h2>
<p>I'm constantly learning new technologies in order to improve my current skillset. Here are the skills I am
currently most comfortable with:</p>
<div class="container">
<div class="skill">
<p>Communication</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
</div>
</div>
<div class="skill">
<p>Flexibility</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
</div>
</div>
<div class="skill">
<p>Motivation</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
</div>
</div>
<div class="skill">
<p>Teamwork</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
</div>
</div>
<div class="skill">
<p>Ruby</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>HTML</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>CSS</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>Flexbox</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>SASS</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>JavaScript</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>Git</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>Agile</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>Scrum</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
<div class="skill">
<p>Kanban</p>
<div class="dots">
<span class="dot_fill"></span>
<span class="dot_fill"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
</div>
</div>
</section>
<section id="section4" data-nav="Section 4" class="section">
<div class="landing__container">
<!--Add Photo of me (circle)-->
<div class="headshot">
<img src="images/headshot-2.jpg" alt="Martha Kalisz">
</div>
<h2>About Me</h2>
<p>Hey there, thanks for stopping by! At first glance, web development and physical therapy may seem like an
incongruent combination, but both require a passion for lifelong learning, systematic thinking, clear
communication, and designing detailed plans. I am a compassionate problem solver and driven professional. When
I am not working on developing my software engineering skills, you will likely find me hunting for sea glass
on one of the beaches of New Hampshire’s seacoast, relaxing with friends and a flight at a local brewery, or
challenging myself in the White Mountains on a hike. Find out more about my journey below!</p>
<div class="about__me__content">
<div class="about__me__img0"><img src="images/wisconsin.png" style="opacity:0%"></div>
<div class="about__me__text">
<h3>Where I'm From</h3>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img chicago"><img src="images/chicago.jpeg" alt="Chicago"></div>
<div class="about__me__text">
<p>I grew up in a suburb of Chicago, IL with three siblings who have inspired and challenged me, nurturing a
highly motivated and self-driven individual. Discipline and teamwork were instilled in me at a young age
by both playing and watching sports – go Cubbies, Packers and Blackhawks! My respect for the arts and keen
interest in an ongoing pursuit of knowledge was solidified by trips to word class museums and attending
performances. The shores of Lake Michigan sparked my love for the beach, while my desire to travel was
cultivated by trying foods from around the world (plus lots of deep-dish pizza!).</p>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img0"><img src="images/wisconsin.png" style="opacity:0%"></div>
<div class="about__me__text">
<h3>Where I've Been</h3>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img"><img src="images/wisconsin.png" alt="UW logo"></div>
<div class="about__me__text">
<p>I completed my undergraduate degree earning a Bachelor's of Science in Kinesiology from the University of
Wisconsin at Madison in May of 2015. Club and activity involvement included being elected as Vice
President of the School of Education’s Kinesiology Club, participating in club ice hockey, and
volunteering with Badger Volunteers. I held two jobs throughout my college career as a research assistant
with a pediatric cardiopulmonary lab as a Campus Visit Specialist with Campus and Visitor Relations, which
involved managing multiple accounts and collaborating with Campus Partners to plan specialty visits and
tours for approximately 30,000 guests per year. Throughout my undergraduate career I stayed busy while
keeping up with my studies, demonstrating excellent time management, communication and prioritization of
tasks.</p>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img"><img src="images/UNC.png" alt="UNC logo"></div>
<div class="about__me__text">
<p>I completed my graduate degree earning a Doctorate of Physical Therapy from the University of North
Carolina at Chapel Hill in August of 2018. Club and activity involvement included being elected as Vice
President for the Student Physical Therapy Association, and volunteering for student-run Student Health
Action Coalition. I held a job as an office coordinator while juggling coursework and clinical rotations.
Once again, time management and communication were integral to my success, and my critical thinking and
problem-solving skills were put to the test. After graduation, I moved to New Hampshire to begin my career
as a Physical Therapist.</p>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img"><img src="images/spain.jpeg" alt="Barcelona"></div>
<div class="about__me__text">
<p>My love for travel was realized and solidified with the opportunity to study abroad in Spain during my
undergraduate studies. Through that experience, I was able to become a conversational Spanish speaker. In
addition, I traveled within Europe with friends as well as independently, building my confidence,
self-determination, and autonomy. I continue to travel as much as possible with friends and family!</p>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img0"><img src="images/wisconsin.png" style="opacity:0%"></div>
<div class="about__me__text">
<h3>Where I'm Going</h3>
</div>
</div>
<div class="about__me__content">
<div class="about__me__img"><img src="images/portsmouthNH.jpeg" alt="Portsmouth"></div>
<div class="about__me__text">
<p>I am based in Portsmouth, NH and began pursuing software development in November 2020 while maintaining
my full-time job as a pediatric physical therapist. I plan to continue to study and learn in my free time
to develop skills in software engineering with a goal of changing careers as soon as my growing skillset allows.</p>
</div>
</div>
</div>
</section>
<section id="section5" data-nav="Section 5" class="section">
<div class="landing__container">
<h2>Recent Projects</h2>
<div class="project_card">
<div class="project_photo">
<img src="images/screenshotRB101Games.png" alt="screenshotRB101games">
</div>
<div class="project_content">
<h3>Selection of Games</h3>
<p>Various games created for Launch School's RB101 course in order to develop mastery using Ruby. Have fun playing!</p>
<a href="https://github.com/LaunchSchoolKalisz/Launch_School_RB101#readme">GITHUB</a>
</div>
</div>
<div class="project_card">
<div class="project_photo">
<img src="images/screenshotEvalNews.png" alt="screenshotEvalNewsApp">
</div>
<div class="project_content">
<h3>Evaluate News App</h3>
<p>App created for Udacity FrontEnd Nanodgree using Node.js, Webpack. Evaluates articles with a Meaning Cloud API based on URL.</p>
<a href="https://github.com/mskalisz/Udacity_EvaluateNews">GITHUB</a>
</div>
</div>
<div class="project_card">
<div class="project_photo">
<img src="images/screenshotWeather.png" alt="screenshotWeatherJournalApp">
</div>
<div class="project_content">
<h3>Weather Journal App</h3>
<p>App created for Udacity FrontEnd Nanodgree using Javascript. Displays weather from an API based on zip code and user input to create a "Journal" for the user.</p>
<a href="https://github.com/mskalisz/Udacity_WeatherJournalApp.git">GITHUB</a>
</div>
</div>
<div class="project_card">
<div class="project_photo">
<img src="images/screenshotResume.png" alt="screenshotResume">
</div>
<div class="project_content">
<h3>Resumé site</h3>
<p>You're lookin' at it! Built to display recent work and compile background information.</p>
<a href="https://mskalisz.github.io/Udacity_ResumeSiteKalisz/">GITHUB</a>
</div>
</div>
<div class="project_card">
<div class="project_photo">
<img src="images/screenshotBlog.jpg" alt="screenshotBlog">
</div>
<div class="project_content">
<h3>Blog site</h3>
<p>Blog page created for Udacity Project 1, created using custom HTML and CSS code.</p>
<a href="https://mskalisz.github.io/Udacity_PersonalBlog/index.html">GITHUB</a>
</div>
</div>
</div>
</section>
</main>
<footer class="page__footer">
<a href="mailto:mskalisz3@gmail.com"><img src="images/logo_email.svg" alt="Email Me"></a>
<a href="https://github.com/mskalisz"><img src="images/logo_github.svg" alt="Github"></a>
<a href="https://www.linkedin.com/in/martha-kalisz-a250a4106/"><img src="images/logo_linkedin.svg"
alt="linkedin"></a>
<a href="https://www.instagram.com/mskalisz"><img src="images/logo_insta.svg" alt="instagram"></a>
<p>2020. Made for Udacity Project 2</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>