-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
634 lines (573 loc) · 33.1 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
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
<!DOCTYPE html>
<html>
<link type="text/css" rel="stylesheet" href="css/materialize.min.css"/>
<link type="text/css" rel="stylesheet" href="css/app.css"/>
<link href="https://fonts.googleapis.com/css?family=Overpass|Overpass+Mono" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
<head>
<title>Sarah Rieger</title>
<link rel="icon" href="img/yoda-8bit.png">
</head>
<body>
<div id="header">
<h2 class="name">SARAH RIEGER</h2>
<div id="nav">
<a class="toplink" href="#">home</a> |
<a class="toplink" href="#about">about</a> |
<a class="toplink" href=#resume>projects</a> |
<a class="toplink" href=#skills>resume</a> |
<a class="toplink" href="#projects">skills</a> <!--|
<a class="toplink" href="#portfolio">portfolio</a> |
<a class="toplink" href="#contact">contact</a>-->
</div>
</div>
<div id="about">
<div class = "row" style="margin-top:250px">
<div class="col s1"></div>
<div class="col s1"><h2 class="hello">Hello!</h2></div>
<div class="col s2"><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"><img class="eevee" src="img/eevee.gif"></a></div>
</div>
<div class="row">
<div class="col s1"></div>
<div class="col s8">
<p class="about">My name is Sarah Rieger. I'm a Boston-based computer science student specializing in software engineering. Currently working at Red Hat as a DevOps Software Engineer Intern.</p>
<p class="icons">
<a href="https://github.com/sarah256" class="icon"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/sarah-rieger-66617a145/" class="icon"><i class="fab fa-linkedin"></i></a>
<a href="mailto:srieger@bu.edu" class="icon"><i class="fas fa-envelope-square"></i></a>
</p>
</div>
</div>
</div>
<div id="projects">
<div class = "row" style="margin-top:200px;margin-bottom:60px;">
<div class="col s1"></div>
<div class="col s1">
<h2 class="header">Projects</h2>
<div class="line"></div>
</div>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s12 m12 l4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Estuary</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/release-engineering/estuary-api" style="float:right"><i class="fab fa-github"></i></a><a class="btn-floating waves-effect waves-light lightpink" href="https://estuary-api.readthedocs.io/en/latest/" title="Documentation" style="float:right;margin-right: 10px"><i class="fas fa-book"></i></a>
<p class="proj-role">Core Developer, Professional project</p>
<p class="proj-desc ">Estuary visualizes a build to release pipeline, with a focus on the automation of container rebuilds due to CVEs (security vulnerabilities). Hosted on OpenShift, it gathers data in real time from a message bus.</p>
</div>
<p class="tags">
<a class="lang-tag"> Python </a>
<a class="lang-tag"> JavaScript </a>
<a class="tool-tag"> Neomodel </a>
<a class="tool-tag"> Neo4j </a>
<a class="tool-tag"> OpenShift </a>
</p>
</div>
</div>
<div class="col s12 m12 l4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">RefEd</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/vaibhav19sharma/RefEd" style="float:right"><i class="fab fa-github"></i></a><a class="btn-floating waves-effect waves-light lightpink" href="https://www.facebook.com/refedinitiative/" title="See more about the initiative!" style="float:right;margin-right: 10px"><i class="fab fa-facebook-f"></i></a>
<p class="proj-role">Core Developer, Professional project</p>
<p class="proj-desc ">An Android application developed with a team of students and professors as a supplemental educational platform for child refugees, with user profiles keeping track of progress in modules of various subjects.</p>
</div>
<p class="tags">
<a class="lang-tag"> Java </a>
<a class="tool-tag"> Firebase </a>
<a class="tool-tag"> Android Studio </a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s12 m12 l4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">PikaRun</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/sarah256/InfiniteRunnerMinigame" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Sole Developer, Personal project</p>
<p class="proj-desc ">A minigame in which the user plays as the Pokemon Pikachu in an infinite run, where Pikachu must jump over various obstacles to score points as he runs. Inspired by Google Chrome's Dinosaur Minigame.</p>
</div>
<p class="tags">
<a class="lang-tag"> Python </a>
<a class="tool-tag"> Pygame </a>
</p>
</div>
</div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Giudice</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/Bostonhacks/giudice" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Lead Developer, Professional project</p>
<p class="proj-desc ">An automated web application to simplify judging at hackathons, it features automatic table and judge assignments to projects. A login for judges will soon be implemented, so projects can be judged directly in the app.</p>
</div>
<p class="tags">
<a class="lang-tag"> Python </a>
<a class="tool-tag"> Flask </a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Fortune API</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/sarah256/fortune-api" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Sole Developer, Personal project</p>
<p class="proj-desc ">A RESTful API written in Go, for the classic fortune command-line utility (in the fortune-mod package). It chooses a random fun fortune to give to the user.</p>
</div>
<p class="tags">
<a class="lang-tag"> Go </a>
</p>
</div>
</div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Yo-setta Stone</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/sarah256/lingo-learner" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Lead Developer, Hackathon project</p>
<p class="proj-desc ">This application employs machine learning and natural language processing to evaluate the definition of slang words based on the context of the tweets they are used in.</p>
</div>
<p class="tags">
<a class="lang-tag"> Python </a>
<a class="tool-tag"> Flask </a>
<a class="tool-tag"> NLTK </a>
<a class="tool-tag"> Gensim </a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Museo</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/Bostonhacks/giudice" style="float:right"><i class="fab fa-github"></i></a><a class="btn-floating waves-effect waves-light lightpink" href="https://museo.bostonhacks.io/" title="Website" style="float:right; margin-right: 10px"><i class="fas fa-laptop-code"></i></a>
<p class="proj-role">Core Developer, Professional project</p>
<p class="proj-desc ">A "museum" website built for BostonHacks. It displays data from past events, and the history of BostonHacks.</p>
</div>
<p class="tags">
<a class="lang-tag"> Ruby </a>
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
<a class="tool-tag"> Jekyll </a>
</p>
</div>
</div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">SheHacks Live (v2018)</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/helenzhangg/shehackslive" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Core Developer, Professional project</p>
<p class="proj-desc ">A "live" website for the SheHacks hackathon. It keeps participants informed while the event is underway.</p>
</div>
<p class="tags">
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">BostonHacks Live (v2017)</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/Bostonhacks/diretta" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Core Developer, Professional project</p>
<p class="proj-desc ">A "live" website for the BostonHacks hackathon. It keeps participants informed while the event is underway.</p>
</div>
<p class="tags">
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
</p>
</div>
</div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">BostonHacks Live (v2018)</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/Bostonhacks/atteraggio-f18" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Core Developer, Professional project</p>
<p class="proj-desc ">A (remade for 2018) "live" website for the BostonHacks hackathon. It keeps participants informed while the event is underway.</p>
</div>
<p class="tags">
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
<a class="tool-tag"> Vue.js </a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Appleseed Crepe Website</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/sarah256/AppleseedCrepe" style="float:right"><i class="fab fa-github"></i></a><a class="btn-floating waves-effect waves-light lightpink" href="http://appleseedcrepe.com/" title="Website (under construction)" style="float:right; margin-right: 10px"><i class="fas fa-laptop-code"></i></a>
<p class="proj-role">Lead Developer, Professional project</p>
<p class="proj-desc ">A simple website built for the Appleseed Crepe and Bread restaurant, based in Massachusetts. It provides a menu and information on the restaurant itself.</p>
</div>
<p class="tags">
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
</p>
</div>
</div>
<div class="col s4">
<div class="card-panel white">
<div class="card-content">
<span class="card-title project" style="color: black">Spade</span><a class="btn-floating waves-effect waves-light lightpink" href="https://github.com/sarah256/Spade" style="float:right"><i class="fab fa-github"></i></a>
<p class="proj-role">Lead Developer, Professional project</p>
<p class="proj-desc ">A Python script that identifies any modules that depend on others by parsing a module's ModuleMD and comparing it to the blacklist of modules. Written for RHEL/Fedora modules.</p>
</div>
<p class="tags">
<a class="lang-tag"> Python </a>
<a class="tool-tag"> Python Requests </a>
</p>
</div>
</div>
</div>
</div>
<div id="resume">
<div class = "row" style="margin-top:250px;margin-bottom:60px;">
<div class="col s1"></div>
<div class="col s1">
<h2 class="header">Resume</h2>
<div class="line"></div>
</div>
</div>
<div class="row">
<div class="col s12 m4 l3 mobileHide"></div>
<div class="col s12 m6 l6">
<div id="redhat" class="section scrollspy">
<p class="job">Red Hat, <i>DevOps Software Engineer Intern</i> </p>
<p class="date"><b>May 2018 - Present</b></p>
<ul class="desc">
<li class="elem">End-to-end development for a message-driven microservice to update a graph database in
real time, providing significant improvement in the speed of data retrieval
<li class="elem">Core developer for an app for visualizing a build pipeline and handling CVE data, as well
as adding features to identify bottlenecks, substantially improving the ability to quickly
identify problems on the pipeline </li>
<li class="elem">Responsible for the deployment of multiple containerized applications</li>
<li class="elem">Met with stakeholders to scope products and deadlines</li>
<li class="elem">Used Sphinx and Github webhooks to develop automatically generated and automatically deployed documentation</li>
<li class="elem">Recorded demos to explain newly developed features/projects sent out department-wide</li>
</ul>
<p class="tags">
<a class="lang-tag"> Python </a>
<a class="lang-tag"> JavaScript </a>
<a class="tool-tag"> Flask </a>
<a class="tool-tag"> Angular </a>
<a class="tool-tag"> Git </a>
<a class="tool-tag"> Linux </a>
<a class="tool-tag"> Docker </a>
<a class="tool-tag"> OpenShift </a>
<a class="tool-tag"> Neomodel </a>
<a class="tool-tag"> Neo4j </a>
<a class="tool-tag"> Sphinx </a>
</p>
</div>
<div id="bhacks" class="section scrollspy">
<p class="job">BostonHacks, <i>Organizer/Infrastructure Engineer</i> </p>
<p class="date"><b>September 2017 - Present</b></p>
<ul class="desc">
<li class="elem">Assisted in the development and development infrastructure needs of the hackathon team, and general organizational needs </li>
<li class="elem">Developed a Node.js app to assist in the judging process</li>
<li class="elem">Deployed and managed applications on DigitalOcean</li>
<li class="elem">Developed multiple web applications with hundreds of users</li>
</ul>
<p class="tags">
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
<a class="tool-tag"> Git </a>
<a class="tool-tag"> Node.js </a>
<a class="tool-tag"> Digital Ocean </a>
<a class="tool-tag"> CircleCI </a>
</p>
</div>
<div id="spark" class="section scrollspy">
<p class="job">BU Spark!, <i>Consultant and Developer</i> </p>
<p class="date"><b>January 2018 - August 2018</b></p>
<ul class="desc">
<li class="elem">Worked with startups and other clients to develop humanitarian technologies catered to their needs</li>
<li class="elem">Developed technologies such as mobile and web applications based on client specifications</li>
</ul>
<p class="tags">
<a class="lang-tag"> Java </a>
<a class="tool-tag"> Git </a>
<a class="tool-tag"> Android Studio </a>
</p>
</div>
<div id="shehacks" class="section scrollspy">
<p class="job">SheHacks, <i>Organizer/Developer</i> </p>
<p class="date"><b>November 2017 - February 2018</b></p>
<ul class="desc">
<li class="elem">Assisted in the web development needs of one of the largest female and non-binary hackathons in the world, as well as general organizational needs </li>
<li class="elem">Contributed to multiple websites with hundreds of users</li>
</ul>
<p class="tags">
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> HTML/CSS </a>
<a class="tool-tag"> Git </a>
</p>
</div>
<div id="yprime" class="section scrollspy">
<p class="job">YPrime, <i>Junior Software Developer</i> </p>
<p class="date"><b>May 2017 - July 2017</b></p>
<ul class="desc">
<li class="elem">Developed clinical software intended to handle and display data for clinical research in the pharmaceutical industry</li>
<li class="elem">Handled large data sets using SQL in order to ensure software functionality</li>
<li class="elem">Created a dashboard to display data in a succinct and visually pleasing way</li>
<li class="elem">Wrote high-coverage unit tests for a large piece of software, increasing test coverage by ~75%</li>
</ul>
<p class="tags">
<a class="lang-tag"> C# </a>
<a class="lang-tag"> JavaScript </a>
<a class="lang-tag"> SQL </a>
<a class="lang-tag"> HTML/CSS </a>
<a class="tool-tag"> Git </a>
<a class="tool-tag"> Visual Studio </a>
<a class="tool-tag"> Management Studio </a>
</p>
</div>
</div>
<div class="col hide-on-small-only">
<div class="pushpin-nav" id="pushpin-nav" data-target="resume">
<ul class="section table-of-contents">
<li><a href="#redhat">Red Hat</a></li>
<li><a href="#bhacks">BostonHacks</a></li>
<li><a href="#spark">BU Spark!</a></li>
<li><a href="#shehacks">SheHacks</a></li>
<li><a href="#yprime">YPrime</a></li>
</ul>
<a class="lightpink waves-effect waves-light btn custom-btn" href="https://drive.google.com/file/d/17vQyoLWXJTyzkSKJnPKcK42HCrYFd5KM/view?usp=sharing" target="_blank">View PDF</a>
</div>
</div>
</div>
</div>
<div id="skills">
<div class = "row" style="margin-top:200px;margin-bottom:60px;">
<div class="col s1"></div>
<div class="col s1">
<h2 class="header">Skills</h2>
<div class="line"></div>
</div>
</div>
<div class="row">
<div class="col s2 m2"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center;">🐍</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Python</span>
<p>I LOVE Python! I have professional, academic, and personal experience with Python. It is my strongest language. I have used it for statistical analysis, full stack development (using Flask), game development, and more. My most recent professional experience was mostly in Python.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">🐹</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Go</span>
<p>Go is the newest language that I have learned. I have personal experience with it in writing an API (see more about it in my projects!). I am entirely self taught with Go and am in the process of both enhancing the API and making new Go projects.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">☕</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Java</span>
<p>I have both personal and academic experience with Java. I have taken multiple classes in it and used it to create complex data structures, such as K-d trees. I have also used it to write an app in Android studio, among other things.</p>
</div>
</div>
</div>
</div> <!--end row-->
<div class="row">
<div class="col s2 m2"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center;">✨</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">HTML/CSS</span>
<p>I am both personally and professionally experienced with HTML and CSS, and in many different contexts. From this website (and many others!) to web applications, data display and more, I am very comfortable with it and front end development.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">🍦</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">JavaScript</span>
<p>In conjunction with most of my front end experience, I have used JavaScript. I have used it with every professional environment I have been in, as well as numerous projects both personally and for my position at BostonHacks.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">📂</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">SQL</span>
<p>SQL is a language I am comfortable with both academically and professionally. I am comfortable using it to manipulate exceptionally large sets of data, and have done so quite frequently in my professional career.</p>
</div>
</div>
</div>
</div> <!--end row-->
<div class="row">
<div class="col s2 m2"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center;">🔪</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">C#</span>
<p>I taught myself C# in preparation for my first internship. While there, I utilized it frequently in writing both production code and in rigorous unit testing. I have also used it to write a small text-based game.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">🐱</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Git/Github</span>
<p>I am very passionate about open source, and thus love Git and Github! I use it weekly (sometimes daily!) and have experience with it in all aspects of my programming experience. I find great value in sharing code and projects with as a community!</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">🐧</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Linux</span>
<p>Since getting into open source, I have begun frequently using Linux. I have it on my work laptop, and dual booted onto my personal laptop. I currently use Fedora. I am comfortable with basic system admin commands, along with navigational ones.</p>
</div>
</div>
</div>
</div> <!--end row-->
<div class="row">
<div class="col s2 m2"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center;">🛡️</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Angular</span>
<p>Angular is something I have used both professionally and personally. It is an integral part of my current professional full-stack endeavors, and I am currently working on a simple grade-tracking project using Angular.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">🍶</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Flask</span>
<p>I have utilized Flask both professionally and with BostonHacks. My current professional project runs with Flask (and a heavy Python back end), and the current project I am leading for BostonHacks is a Flask web application.</p>
</div>
</div>
</div>
<div class="col s2 m1"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center">📷</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Adobe Illustrator and Photoshop</span>
<p>I love art and design, and consequently use the Adobe Suite quite frequently. I have designed logos, wireframes, personal art, and more in these programs.</p>
</div>
</div>
</div>
</div> <!--end row-->
<div class="row">
<div class="col s2 m2"></div>
<div class="col s8 m2">
<div class="card" style="margin-bottom:30px;margin-left:-35px;margin-right:-35px;">
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light white" style= "width:55px;height:55px;line-height:55px;right:-15px;bottom:-30px"><p class="" style="line-height:0px;font-size:1.8rem;text-align:center;">🔄</p></a>
</div>
<div class="card-content lightpink" style="padding:10px 24px;color:white">
<span class="card-title">Agile Development</span>
<p>Both of my internships have given me hands-on experience with the Agile Development workflow. Additionally, I am enrolled in a software engineering course that has better familiarized me with the nuances of this workflow.</p>
</div>
</div>
</div>
</div> <!--end row-->
</div>
<!--
<div id="portfolio">
<div class = "row" style="margin-top:200px">
<div class="col s1"></div>
<div class="col s1"><h2 class="header">Portfolio</h2></div>
</div>
<img class="fade-img portfolio-img" src="img/cloudcity.svg">
<img class="fade-img portfolio-img" src="img/cloudcity.svg">
<img class="fade-img portfolio-img" src="img/cloudcity.svg">
<img class="fade-img portfolio-img" src="img/cloudcity.svg">
<img class="fade-img portfolio-img" src="img/cloudcity.svg">
<img class="fade-img portfolio-img" src="img/cloudcity.svg">
</div>-->
<div id="footer">
<p><a href="https://github.com/sarah256" style="color:white">Designed & Built by Sarah Rieger</a></p>
</div>
<!--JavaScript at end of body for optimized loading-->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/materialize.min.js"></script>
<script type="text/javascript" src="https://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.scrollspy');
var instances = M.ScrollSpy.init(elems);
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.target').pushpin({
});
});
$('.pushpin-nav').each(function() {
var $this = $(this);
var $target = $('#' + $(this).attr('data-target'));
$this.pushpin({
top: $target.offset().top,
bottom: $target.offset().top + $target.outerHeight() - $this.height()
});
});
$(document).ready(function(){
$('.fixed-action-btn').floatingActionButton();
});
</script>
<script type="text/javascript">
snowStorm.snowColor = '#bbbbbb';
snowStorm.flakesMaxActive = 30;
</script>
</body>
</html>