-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
506 lines (472 loc) · 25 KB
/
home.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
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<Title>Anna Morozova</Title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="js/tabs.js"></script>
<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>
</head>
<body>
<div>
<h1>Anna Morozova</h1>
<h2>ePortfolio</h2>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="menuitem nav-link active" name="about-tab" onclick="tab_click(this);" href="#">About me</a>
</li>
<li class="nav-item">
<a class="menuitem nav-link" name="web-development-tab" onclick="tab_click(this);" href="#">Web Development</a>
</li>
<li class="nav-item">
<a class="menuitem nav-link" name="publications-tab" onclick="tab_click(this);" href="#">Publications</a>
</li>
<li class="nav-item">
<a class="menuitem nav-link" name="writing-tab" onclick="tab_click(this);" href="#">Writing</a>
</li>
<li class="nav-item">
<a class="menuitem nav-link" name="events-tab" onclick="tab_click(this);" href="#">Events Mgmt</a>
</li>
<li class="nav-item">
<a class="menuitem nav-link" name="contact-tab" onclick="tab_click(this);" href="#">Contact</a>
</li>
</ul>
<div class="tab-section" id="about-tab">
<h3 class="blog-post-title">Welcome!</h3>
<div class="row">
<div class="col-8">
<p>Thank you for visiting my portfolio!
My name is Anna Morozova and I am a Full Stack Developer.
Before getting into coding I was a graduate researcher writing about outer space media (read more in the
Writing tab).</p>
<p>During college I played tennis on a full athletic scholarship and was the captain of the team for a
division 1 school.
Getting my bachelor and masters in advertising and communication I have always loved designing media and web
content.</p>
<p>A little over a year ago I had an entrepreneurship idea and that's how I started looking into web
development
and fell in love with coding! During quarantine I
went to Fullstack Academy, The Grace Hopper Program coding bootcamp to make a switch to software
engineering.
</p>
<p>My past fields of study motivate the things I build and provide an excellent source of ideas and
creativity.
I also enjoy keeping up with new technologies and challenging myself technically.
</p>
<p>I am interested in Front-End and Full Stack Development roles and work on larger applications with a lot of
impact.</p>
</div>
<div class="col-4">
<img class="pictures" src="images/for-first-page.jpg" width="100%">
</div>
</div>
<h3 class="blog-post-title">Education and Skills</h3>
<div class="row">
<div class="col-5">
<img class="pictures" src="images/tennis.jpg" width="100%">
</div>
<div class="col-7">
<div class="accordion" id="headingZero">
<div class="card">
<div class="card-header" id="headingZero">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#headingZero"
aria-expanded="true" aria-controls="headingZero">
TECHNICAL SKILLS
</button>
</h2>
</div>
<div id="headingZero" class="collapse show" aria-labelledby="headingOne" data-parent="#headingZero">
<div class="card-body">
<ul>
<li>Proficient: JavaScript, Node.js, Express.js, React, Redux, REST APIs
Sequelize.js, PostgreSQL, MongoDB, Mongoose, Socket.io, HTML5, CSS3, SASS, SCSS,
Bootstrap, React-Icons, Font Awesome, Postman, Heroku</li>
<li>Knowledgeable: Git, Jasmine, Mocha, Chai, Istanbul, OAuth, EJS</li>
<li>Familiar: AWS, Python, TypeScript, Jest, Enzyme, D3.js, Docker</li>
<li>UX Design: Sketch, Adobe Creative Suite, Piktochart</li>
<li>Marketing: Google Analytics, WordPress, MailChimp, Hootsuite</li>
</ul>
</div>
</div>
</div>
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
GRACE HOPPER FULLSTACK ACADEMY'20
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>A 17-week immersive full-time software engineering program with in depth learning of full
stack development.</li>
<li>553 hours of full-stack web development coursework.</li>
</ul>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
MS IN INTERNATIONAL COMMUNICATIONS’19
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>Research Graduate Assistant</li>
<li>Certification of Excellence</li>
<li>Certification of Professional Development</li>
<li>Graduate Thesis (4/2019)</li>
<li>Independent Study (Fall 2018)</li>
<li>2 internships</li>
<li>GPA: 4.0</li>
</ul>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
BS IN ADVERTISING COMMUNICATIONS’17
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>Student-Athlete</li>
<li>Minor: Business</li>
<li>Concentration: Creative</li>
<li>GPA: 3.66 (Cum Laude)</li>
<li>Student Athlete Advisory Committee eBoard: Treasurer</li>
<li>Global Language and Culture Center: Russian Tutor</li>
</ul>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFour">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
AWARDS AND RECOGNITIONS:
</button>
</h2>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>Full Athletic Scholarship 2013-2017</li>
<li>DaSilva Athletic Endowment 2015-2016</li>
<li>Honor Society of the College of Professional Studies 2016-2017</li>
<li>Chi Alpha Sigma (Athletic Honor Society) 2015-2017</li>
<li>Michael Pisano Memorial Award 2016-2017</li>
<li>Dean’s List 2014-2015, 2015-2016</li>
<li>Community Service Award 2015-2016</li>
<li>Women’s Tennis MVP 2013-2014, 2014-2015, 2016-2017</li>
<li>All-Big East Academic Team 2013-2017</li>
<li>ITA Scholar 2013-2017</li>
</ul>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFive">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
CERTIFICATIONS:
</button>
</h2>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>Google Cloud: Introduction to Docker'20</li>
<li>Udemy: Learning Shell Scripting: How to Automate Your Tasks'20</li>
<li>HackeRank: React.js'20</li>
<li>HackeRank: JavaScript'20</li>
<li>HackeRank: Problem Solving'20</li>
<li>St. John's University: Certification of Excellence'19</li>
<li>St. John's University: Certification of Professional Development'19</li>
<li>ICSB: Global Certificate Program, Creativity and Innovation'18</li>
<li>National Institute of Health: Protecting Human Research Participants'17</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-section hidden" id="web-development-tab">
<h3 class="blog-post-title">Full Stack Development</h3>
<div class="app-titles">Wedding Website</div>
<div class="app-github">
<a href="https://github.com/annamikmorozova/WeddingWebsite" target="_blank">
Github
</a>
</div>
<a class="web-development" href="https://github.com/annamikmorozova/WeddingWebsite" target="_blank">
<img style="width: 100%" class="border" src="images/wedding-website.png">
</a>
<p class="app-description-text">Wedding Website for own wedding</p>
<div class="app-titles">MKM Football Blog</div>
<div class="app-github">
<a href="https://github.com/annamikmorozova/football-blog" target="_blank">
Github
</a>
</div>
<a class="web-development" href="https://github.com/annamikmorozova/football-blog" target="_blank">
<img style="width: 100%" class="border" src="images/football-blog.png">
</a>
<p class="app-description-text">A blog website of a professional soccer player</p>
<div class="app-titles">What Do You Meme by DevProz</div>
<div class="app-github">
<a href="https://github.com/DevProz/DevProz" target="_blank">
Github
</a>
</div>
<a class="web-development" href="https://devproz.herokuapp.com" target="_blank">
<img style="width: 100%" class="border" src="images/devproz.png">
</a>
<p class="app-description-text">Real-time multiplayer virtual version of the classic card game What Do You Meme
</p>
<div class="app-titles">E-commerce site</div>
<div class="app-github">
<a href="https://github.com/2004-GraceShopperProject-NY/GraceShopper" target="_blank">
Github
</a>
</div>
<a class="web-development" href="https://pandemic-essentials.herokuapp.com/products" target="_blank">
<img style="width: 100%" class="border" src="images/pandemic-essentials.png">
</a>
<p class="app-description-text">Ecommerce site providing products that will help those who have been affected by
a pandemic</p>
<div class="app-titles">Cool Spots</div>
<div class="app-github">
<a href="https://github.com/annamikmorozova/CoolSpots" target="_blank">
Github
</a>
</div>
<a class="web-development" href="https://github.com/annamikmorozova/CoolSpots" target="_blank">
<img style="width: 100%" class="border" src="images/cool-spots.png">
</a>
<p class="app-description-text">Sharing your favorite spots in the city has never been easier with cool-spots
app</p>
<div class="app-titles">Guessing Game</div>
<a class="web-development" href="https://annas-guessing-game.netlify.app/" target="_blank">
<img style="width: 100%" class="border" src="images/guessing-game.png">
</a>
<p class="app-description-text">Simple logic game</p>
</div>
<div class="tab-section hidden" id="publications-tab">
<h3 class="blog-post-title">My Publications</h3>
<h4 class="border-bottom">How to think in an advanced Binary Search problem @Medium</h4>
<div class="article-position">
<a class="publications"
href="https://medium.com/@annamorozova_92028/how-to-think-in-an-advanced-binary-search-problem-5864c3cbe409"
target="_blank">In this article, I will go over one of my favorite binary search problems.
</a>
</div>
<a class="publications"
href="https://medium.com/@annamorozova_92028/importance-of-javascript-test-coverage-using-istanbul-6974123d3fa7"
target="_blank">
<img class="border-publications" src="images/binary-search.png">
</a>
<h4 class="border-bottom">Importance of JavaScript Test Coverage using Istanbul @Medium</h4>
<div class="article-position">
<a class="publications"
href="https://medium.com/@annamorozova_92028/importance-of-javascript-test-coverage-using-istanbul-6974123d3fa7"
target="_blank">An example of Istanbul usage with nyc because of its easy configuration and interesting
coverage visuals.
</a>
</div>
<a class="publications"
href="https://medium.com/@annamorozova_92028/importance-of-javascript-test-coverage-using-istanbul-6974123d3fa7"
target="_blank">
<img class="border-publications" src="images/test-coverage.png">
</a>
<h4 class="border-bottom">Special Issue, Journal of Vincentian and Social Action (JoVSA)</h4>
<div class="article-position">
<a class="publications" href="https://scholar.stjohns.edu/cgi/viewcontent.cgi?article=1082&context=jovsa"
target="_blank">
Report: The 2018 Vincentian Innovation Summit
</a>
</div>
<a class="publications" href="https://scholar.stjohns.edu/cgi/viewcontent.cgi?article=1082&context=jovsa"
target="_blank">
<img class="border-publications" src="images/post1.png">
</a>
<h4 class="border-bottom">Institute for International Communication</h4>
<div class="article-position">
<a class="publications" href="https://instituteicm.com/2019/03/14/space-and-fashion-or-spashion/#more-2143"
target="_blank">
Space and Fashion or "Spashion"
</a>
</div>
<a class="publications" href="https://instituteicm.com/2019/03/14/space-and-fashion-or-spashion/#more-2143"
target="_blank">
<img class="border-publications" src="images/post2.png">
</a>
</div>
<div class="tab-section hidden" id="writing-tab">
<h3 class="blog-post-title">Graduate thesis: The New Kid on the (Lunar) Block</h3>
<p class="blog-post-meta border-bottom-writing">APPLICATION OF GAME THEORY MODELING TO INTERNATIONAL MEDIA
REPORTING OF CHINA’S CHANG’E 3 LUNAR LANDING</p>
<p class="font-italic">Abstract</p>
<p>After 40 years of being left untouched, the lunar surface was visited by a Chinese rover in 2013. The
significance of this landing was not only the technological advancement of Chinese space technology, but it
was also the first time, after
a
long time, that the moon had been visited at all; most importantly, by a country other than the Soviet Union
and the United States. Given the significance of the event as one that occurred by a 3rd country that was not
a member of the
original
Cold War ‘Space Race’, the response of the original two Space Race contestants would appear to be a critical
barometer of attitude towards increasingly crowded heavens. Media analysis on that Chinese rover landing in
2013 suggests, from a
game
theory perspective, an approach rooted in pragmatism – a nash equilibrium outcome when it comes to reporting
on Chinese space activities; a non-optimal, but stable, the advancement of common interests. This paper tests
that theory out by
conducting an in-depth critical analysis of media reporting from both the American and Russian side to
determine whether or not the ‘New Kid on the Lunar Block’ is indeed being treated through this lens, or if
reporting suggests a different
mediated reality, one rooted either in extremely positive or extremely negative socio-political views of
Chinese’s advancement into a literal space reserved until 2013 for the classic giants of the Space Race.</p>
<p class="font-italic">Introduction</p>
<p>The USA is the only country, up to the current time, that has successfully completed manned missions to the
Moon. Although unable to complete a manned mission, until 2013 Russia has been the only other space power
capable of successfully
landing on the Moon. China, since 2013, is just
the third country to successfully land a human object on the lunar surface.</p>
<p>While the global media has not celebrated China’s Chang’e Lunar program as much as that of its two
predecessors, the importance of China’s technological achievement should not be underestimated. China’s
success with its lunar missions will
certainly affect future technologies and policies. As China enters the ‘Space Race’, it is interesting to
study how Russian and American
media react to China’s success and its upcoming missions.</p>
<p>From 1976 to 2013, despite significant technological progress in space technology, there had not been a
single human or robotic landing on the lunar surface. On December 14, 2013, the China Space Agency
successfully landed the Chang’e 3
rover at the rim of a small crater on the Moon. While not nearly as widely reported internationally as the
prior lunar landing missions in the
1960’s and 1970’s, this singular event represented not only the first successful lunar landing mission in
almost 4 decades, but it also represented the first time there was a ‘proverbial’ new kid
on the block – a competitor to the classic titans of the cold war ‘space race’, with an apparent
capacity for technological parity that could easily equal or surpass Russia or the United States.</p>
<p>Given the significance of the ‘new kid on the block’, this article applies classical game theory modeling to
media reporting and asks the basic question: how did Russia and the United States react? To the extent that
media reporting, whether
through state-sponsored or private media channels, represents an accurate ‘voice of the country’, we can use
the tonality and orientation of their reporting as an indicator of perception of the ‘new kid on the block’ as
either a classic
‘friend or foe’ and determine, by extension, which model of game theory most nearly fits the behavior of
Russia and the United States.</p>
</div>
<div class="tab-section hidden" id="events-tab">
<h3 class="blog-post-title">Roosevelt Island Racquet Club</h3>
<h4 class="blog-post-meta border-bottom">Recent Tennis Events followed with after party</h4>
<div class="row">
<div class="col-3">
<img class="myImg" src="images/event1.jpg" alt="Winter Battle" style="width:100%;max-width:300px" />
</div>
<div class="col-3">
<img class="myImg" src="images/event2.jpg" alt="New Year's Round Robin" style="width:100%;max-width:300px" />
</div>
<div class="col-3">
<img class="myImg" src="images/event3.jpg" alt="Pre-Valentine's Day" style="width:100%;max-width:300px" />
</div>
<div class="col-3">
<img class="myImg" src="images/event4.jpg" alt="Mardi Gras" style="width:100%;max-width:300px" />
</div>
</div>
<div class="thanksgiving campaign">In November 2019, I effectively planned, organized, and budgeted a special
Thanksgiving Event with 24 participants and collected 160 lbs non-perishable items for City Harvest in two
weeks.</div>
<div class="row">
<div class="col-6 thanksgiving">
<img class="myImg" src="images/event5.jpg" alt="Turkey Ball" align="middle" style="width:70%;" />
</div>
<div class="col-6 thanksgiving">
<img class="myImg" src="images/event6.jpg" alt="Food Donations" align="middle" style="width:70%;" />
</div>
</div>
</div>
<div class="tab-section hidden" id="contact-tab">
<h3 class="blog-post-title">Contact me</h3>
<h4 class="blog-post-meta border-bottom">Don't be shy, send me an email!</h4>
<p class="contact-address">Long Island City, NY 11101</p>
<p class="contact-phone">Cell: 9178559050</p>
<p class="contact-github"><a href="https://github.com/annamikmorozova" target="_blank">My GitHub</a></p>
<div class="contact-icons">
<a href="https://www.linkedin.com/in/morozovaanna/" target="_blank" class="fa fa-linkedin"></a>
<a href="https://www.instagram.com/anamorr_bambi/" target="_blank" class="fa fa-instagram"></a>
<a href="https://www.facebook.com/anya.morozova1" target="_blank" class="fa fa-facebook"></a>
</div>
<p class="campaign"><a href="mailto:[email protected]?Subject=Hi%20Anna!" target="_blank">
<button type="button" class="btn-secondary btn">Email me</button>
</a></p>
</div>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var imgs = document.getElementsByClassName("myImg");
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
for (var i = 0; i < imgs.length; i++) {
var img = imgs[i];
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}
}
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on <span> (x), close the modal
span.onclick = function () {
modal.style.display = "none";
}
</script>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>Created © Anna Morozova, 2020</p>
</div>
</footer>
</body>
</html>