-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (155 loc) · 10.2 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
<!DOCTYPE html>
<html class="no-js">
<head>
<link rel="stylesheet" href="./css/main.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=IBM Plex Serif'>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/modern-blog.css" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122139139-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122139139-1');
</script>
</head>
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/main.js"></script>
<!---PRELOADER-->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<body data-spy="scroll" data-target="#nav-wrap" id=body>
<header class="mobile">
<div class="row">
<div class="col full">
<div class="logo"> <a href="#"><img alt="" src="images/logo.png"></a> </div>
<nav id="nav-wrap" class="navbar"> <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a> <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav navbar-nav" class="nav">
<li><a href="#index">Home</a></li>
<li><a href="#intro">Introduction</a></li>
<li><a href="#portfolio">Things I Do</a></li>
<li><a href="#index">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!---CONTENT REVEAL/HERO-->
<!-- old content body <div id="content">
<h1>Hello World</h1>
<p>Index page for personal portfolio</p>
</div> -->
<div id="index" class="masthead" role="main">
<div class="container">
<!-- <br> -->
<h2><strong>Hello World!<br> I'm</strong></h2>
<h1><strong>Jane<br>Illarionova.</strong></h1>
<br><br>
<hr class="thicker">
<br>
<!-- <br> -->
<div class="social-icons">
<a href="https://twitter.com/JaneIllarionova"><i class="fa fa-twitter-square fa-3x"></i></a>
<a href="https://www.instagram.com/janeillario/?hl=en"><i class="fa fa-instagram fa-3x"></i></a>
<a href="https://github.com/janeillario"><i class="fa fa-github-square fa-3x"></i></a>
<a href="https://www.linkedin.com/in/janeillarionova/"><i class="fa fa-linkedin-square fa-3x"></i></a>
<a href="assets/Illarionova_Jane.pdf"><i class="fa fa-file-text fa-3x"></i></a>
</div>
<br><br><br><br><br><br>
<a href="index.html#intro" class="scrollto">
<p class="scrollto--arrow"><img src="images/scroll_down.png" alt="scroll down arrow"></p>
</a>
</div><!--container -->
</div><!--main -->
<!---Intro-->
<div id="intro" class="row tm-media-row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<img src="images/profile/profile_cannonball (2) (1).jpg" alt="Why isn't my picture showing up??" class="img-fluid img-circle img-thumbnail tm-media-img">
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<div class="tm-media-text-container">
<h3 class="tm-media-title tm-gray-text"><strong>A bit about me</strong></h3>
<h4 class="tm-media-description tm-gray-text-2">Hey, it's Jane! I am a Computer Engineering student at the University of Toronto, specializing in Software and Machine Intelligence. I am passionate about building things that solve problems, improving those solutions, and finding better ways of going about all of it -- especially through software. I love coding, data, and vegetables.</h4>
</div>
</div>
</div> <!-- About Section End-->
<!---THINGS I DO-->
<div id="portfolio"><h3><strong>Things I Do</strong></h3> </div>
<!--
<nav class="project-filter clearfix text-center wow fadeInLeft" data-wow-delay="0.5s">
<ul class="list-inline">
<li><a href="javascript:;" class="filter" data-filter="all">All</a></li>
<li><a href="javascript:;" class="filter" data-filter=".hackathons">Hackathons</a></li> <!-- was .app -->
<!--
<li><a href="javascript:;" class="filter" data-filter=".coolevents">Cool Events</a></li> <!-- was .photog -->
<!--
<li><a href="javascript:;" class="filter" data-filter=".projects">Projects</a></li> <!-- EXTRA -->
<!--
<li><a href="javascript:;" class="filter" data-filter=".involvement">Involvement</a></li> <!-- was .web -->
<!--
<li><a href="javascript:;" class="filter" data-filter=".otherrandom">Other Random</a></li> <!-- was .print -->
<!--
</ul>
<br>
</nav>
-->
<section id="portfolio">
<div class="row">
<div class="portfolio-wrapper">
<div class="col">
<h2><i class="icon-desktop"></i>Reinforcement Learning</h2>
<p>Working with the Machine Learning team of the RBC trading floor to build a Reinforcement Learning algo for trading. Using pytorch for research and development of novel ML techniques and their application within our agent. RL allows the agent to adapt its trading decisions based on the most current and relevant movements and trends in the market, outperfoming conventional algorithmic trading methods.</p>
</div>
<div class="col">
<h2><i class="icon-star"></i>Developer Student Clubs</h2>
<p>I started a Developer Student Club on my campus, creating the first Toronto chapter of this global teaching initiative. DSCs are university based community groups for students supported by Google Developers nad Google developer technologies. Students from all programs with an interest in growing as a developer are welcome. By joining a DSC, students grow their knowledge in a peer-to-peer, hands-on learning environment and build solutions for their community.</p>
</div>
<div class="col">
<h2><i class="icon-camera"></i>Quant trading and Embedded</h2>
<p>I worked at IMC trading in Chicago to develop a high-performance component in the order execution architecture; combinging elegant C++, FPGA Control, and TCP Networking my teammate and I built a menas for optimizing trade execution and extending the functionality of the trade inbound connection.
<br>
<br>
<br>
<br><br>
<br><br>
</p>
</div>
<div class="col first">
<h2><i class="icon-desktop"></i>Autonomous Driving</h2>
<p>For the last two years, I've been a Software and Autonomy developer for the UofT self driving car team -- AuToronto. I was the lead in developing the car's WatchDog system, used for interfacing with hardware and monitoring system health. At present, I am working on the autonmy team, developing the object tracking algorithm. I am passionate about the impliations that self-driving technologies can have on our society.</p>
</div>
<div class="col">
<h2><i class="icon-star"></i>Natural Language Processing</h2>
<p>Over the Summer, I worked as a Data Engineering intern on the Robotic Process Automation team at the Royal Bank of Canada (RBC) doing research and implementation of tools using Natural Lanugage Processing. I built a semantic search engine that performed document clustering, input tokenization, skip-grams and n-grams, and relevant document extraction. This project went end-to-end through the development pipeline, from research to production.</p>
</div>
<div class="col m-first">
<h2><i class="icon-camera"></i>Civitas Tech</h2>
<p>I am a Co-Founder of Civitas Tech, a start-up building technology for the community. Our platform provides and incentivized, gameified, means of connecting people within their neighbourhood for assisting one another with non-emergency matters, participating in volunteer work, and being engaged in their local events. The goal of this project is to engage people in civic duties, alieviating police involvement in non-policing matters, reducing 911 call wait times, and bettering the safety and wellbeing of our city.</p>
</div>
<div class="col first">
<h2><i class="icon-globe"></i>brAIn team</h2>
<p>I am a Neural Network developer for the brAIn team; we are using computer vision, and deep learning for reading images of brain tissue slides for the purpose of brain cancer diagnosis. We have built a CNN that generates a colour map for the slide contents (white matter, grey mateer, tumor) in a fraction of the time that a pathologist can do so with a hystological stain, and performs diagnosis with an accuracy rate of over 96%.</p>
</div>
<div class="col m-first">
<h2><i class=" icon-list-alt"></i>Hackathons</h2>
<p>I am a hackathon junky and avid problem-solver. I love to go to hackathons to meet and work with new people, get exposed to industry knowledge and technologies I haven't seen before, and ideate and code on how to tackle real world challenges. Some of the hackathons I've gone to are: HackTPS, Hack the North, ElleHacks, Citadel Datahon, Telus IoT Challenge, Hack Mining, EngHacks, Hack the Six, and MIT Energy Hacks, to name a few.</p>
</div>
<div class="col">
<h2><i class="icon-print"></i>Podcasts</h2>
<p>I love to walk, and love to listen to podcasts while doing so. My favorite podcasts are ones like 99 Percent Invisible, where they discuss< an incredibly diverse range of topics, in a way that makes you look at or think about even the most every-day-things in different ways.</p>
</div>
</div>
</div>
</section><!-- Portfolio Section End-->
</body>
</html>