-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·219 lines (201 loc) · 14.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
<!doctype html>
<html>
<head>
<!--CSS-->
<link rel="stylesheet" type="text/css" href="style/index-style.css">
<link rel="stylesheet" type="text/css" href="style/nav-effect.css">
<link rel="stylesheet" type="text/css" href="style/to-top-button.css">
<title>Markus Notti | UCLA</title>
<link rel="shortcut icon" href="mn-2.ico">
<link rel="shortcut icon" href="mn-2.ico" type="image/x-icon" />
<meta charset="utf-8">
<!-- for mobile devices -->
<!-- BOOTSTRAP -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body onmousemove="canvas1.moveDots(event); canvas2.moveDots(event);">
<!-- Scroll to Top Button -->
<div>
<a href="#nav-bar" id="topDivButton" class="topDivButton btn btn-default"><span class="glyphicon glyphicon-chevron-up"></span>To Top</a>
</div>
<div onMousemove="getDetails(this)" id="cover-image" >
<nav class="cl-effect-1 container-fluid">
<div id="nav-bar" class="nav1">
<div class="col-sm-3 text-center"><a href="#about">About Me</a></div>
<div class="col-sm-3 text-center"><a href="#work">Work Experience</a></div>
<div class="col-sm-3 text-center"><a href="#projects">Projects</a></div>
<div class="col-sm-3 text-center"><a href="#contact">Contact</a></div>
</div>
</nav>
<div id="Name" class="container-fluid">
<div class="col-xs-12" style="height:100px;"></div>
<div class="col-md-6 text-center"><canvas id="FirstName"></canvas></div>
<div class="col-md-6 text-center"><canvas id="LastName"></canvas></div>
</div>
</div>
<div id="main-content">
<div id="about">
<h3>A Little About Me</h3>
<p> Hello there. <b>I'm Markus</b>. Welcome to my page.
<br><br>
<b>tldr;</b>
<br>
I love the outdoors.
<br>
I love to read.
<br>
I'm a software engineer by trade.
<br>
I'm looking for something new.
<br><br>
I was born and raised in Walnut Creek California, attended De La Salle High School in Concord, CA, and graduated from UCLA with a <b>BS in Computer Science</b>.
<br>
From 2017 - late 2022 I worked as a software engineer in a <b>large enterprise setting at Workday</b> (10s of thousands of employees) and then in a more <b>high speed and dynamic startup</b> environment at Sprig (<100 employees).
<br>
So far in 2023, I've been traveling, dabbling in investing, reading philosophy, messing with chatGPT, and writing (not even close to exhaustive list). <b>"Exploring"</b> would be a good one word summary.
<br><br>
<b>Now I'm entertaining a career pivot</b>. I've always been interested in transitioning roles from engineering to something a little more people facing, and now that I have some breathing room, I'm opening myself up to such a transition. I'm not giving up on software engineering... just making a conscious effort to see what lies beyond. Some roles I'm considering are <b>Product Manager, Sales Engineer, and Account Executive</b>.
<br>
While exploring different adjacent roles and learning from colleagues about their experiences, I'm also <b>honing my engineering skills and staying sharp</b>, exploring side projects that I've tabled in my notes over the last 10 years.
<br><br>
So please peruse. Make yourself at home. Warm yourself by the fire of my page.
<br>
Contact me if you think I'd be a fit for any particular roles. I'm mainly looking in <b>SF, LA, and Austin</b>, but my resolve here can be broken with proper persuasion.
</p>
</div>
<div id="work">
<br>
<h3>Work Experience</h3>
<p>
<ul>
<li><strong>Sprig</strong>    <i>Senior Data Engineer</i>     (Aug. 2021 - Nov. 2022)</li>
<ul>
<li>Designed, created and maintained an asynchronous data deletion service to keep compliant w/ GDPR requirements (go, kafka, postgres, grpc, k8s, prometheus)</li>
<li>Designed, created and maintained customer usage data pipelines and accompanying service to asynchronously calculate usage data and serve it via gRPC APIs (go, postgres, grpc, k8s, clickhouse, prometheus)</li>
<li>Managed BI infrastructure, working with downstream BI analysts to provide data critical to their analysis (go, k8s, snowflake, mozart, fivetran)</li>
<li>Introduced hightouch reverse ETL solution to pipe salesforce data from snowflake to mixpanel to enable critical funnel analysis (hightouch, segment)</li>
</ul>
<br>
<li><strong>Workday Inc.</strong>    <i>Software Development Engineer I, II, III</i>     (Sept. 2017 - Aug. 2021)</li>
<ul>
<li>Created and maintened distributed go/scala/spark master + worker application to ingest & post-process structured log data > 2TB/day (go, scala, spark, hdfs, redis)</li>
<li>Designed and implemented library for automatic schema evolution detection and queryability across versions (scala, spark, hdfs, elasticsearch)</li>
<li>Saved days of manual QA work by designing and implementing a user friendly websocket testing framework to replicate non-trivial client interaction flows and integrated into CI/CD pipeline (go, jenkins)</li>
<li>Presented to performance engineers, product managers, on-call support teams, & others to demo, explain & pitch our internal performance tooling in person </li>
<li>Took leadership role on the GW leadership board for new hires & interns, specifically on the committee in charge of planning retreat events, curating the technical question bank, and streamlining our interview process</li>
</ul>
<br>
<li><strong>Workday Inc.</strong>    <i>Associate Application Developer Intern</i>     (June 2016 - Sept. 2016)</li>
<ul>
<li>Worked as a member of the Payroll Payments team</li>
<li>Fixed a critical bug in payslips and created associated automation for web services, UI, and printing options</li>
<li>Created a key feature which will allow customers to purge certain sensitive employee data from their tenant</li>
<li>Took part in the Agile development process and learned by doing</li>
</ul>
<br>
<li><strong>Viasat Inc.</strong>    <i>Software Engineering Intern</i>     (June 2015 - Sept. 2015)</li>
<ul>
<li>Designed, documented, developed, deployed, and tested a REST API and web application using the MEAN stack for presenting key performance indicators (KPI’s) in the continuous integration and delivery of eight software components in four artifact repositories; Learned about CI/CD (Continuous Integration/Continuous Delivery) and used various node.js packages</li>
<li>Created a web scraper tool to expedite the downloading of sensitive data using Python and Selenium</li>
<li>Worked with Jenkins, Coverity, Fortify, Klocwork, Cppcheck, and Clang to conduct a static analysis tool trade study to decide which tool to integrate into Viasat’s CI/CD pipeline</li>
</ul>
<br>
<li><strong>Electron Losses and Fields Investigation</strong>    <i>Software/Test Engineer</i>     (May 2014 - June 2015)</li>
<ul>
<li>Charged with controlling the orientation of the satellite in space through its spin rate and direction</li>
<li>Derived a precession control law used in the simulation of the satellite’s orbit</li>
<li>Created a LabView program to simulate the satellite’s magnetometer data</li>
</ul>
<br>
<li><strong>UCLA Anderson School of Business</strong>    <i>Student Technician</i>     (Feb. 2015 - Sept. 2015)</li>
<ul>
<li>Charged with troubleshooting technical hardware and software related issues for graduate students and faculty at the UCLA Anderson School of Business</li>
<li>Configured Laptops, Imaged/Re-imaged desktops</li>
<li>Dealt with Windows, MacOS, and Linux</li>
</ul>
</ul>
</p>
</div>
<div id="projects">
<br>
<h3>Projects</h3>
<p>
<ul>
<li><strong>Javascript Animated Font</strong></li>
<ul>
<li>Created my own developer friendly animated font using Javascript</li>
<li>When a viewer mouses over the font, the words break up into dots and fly away only to realign themselves perfectly when the mouse moves away</li>
<li>Developer can input font size, color, and opacity</li>
<li>Mouse over my name <a href=#Name>at the top</a> to see it in action :) </li>
</ul>
<br>
<li><strong>Javascript Space Shooter</strong></li>
<ul>
<li>Third person space shooter constructed using Web-GL</li>
<li>Built as a class project for an introduction to graphics class at UCLA</li>
<li><a href="FPS/lostinspace.html">Try it yourself! (note some textures only load properly in Firefox)</a></li>
</ul>
<br>
<li><strong>Basic Javascript Zombie Game</strong></li>
<ul>
<li>Very simple but addicting implementation of a zombie survival game using Javascript</li>
<li>Try to survive as long as you can! (While collecting as many brains as you can!...not your conventional zombie game)</li>
<li><a href="zombieGame1.html">Try it yourself!</a></li>
</ul>
<br>
<li><strong>X1 Robotics</strong></li>
<ul>
<li>Together with a few other engineers, I recently co-founded the club X1 Robotics at UCLA</li>
<li>Currently working on establishing ourselves as an organization and will be applying for funding soon</li>
<li>The first project we are undertaking is building and programming an autonomously stabilizing quadcopter using a Raspberry Pi and an Arduino Mega</li>
<li>The quadcopter will be controlled via an iPhone application which I have already created and will respond in real time to user commands as well as make calculations to stablize itself in flight</li>
</ul>
<br>
<li><strong>iOS Application Development</strong></li>
<ul>
<li>Worked with both Swift and Objective C to design and implement some small mini games using the Spritekit Framework</li>
<li>Currently developing an application which pits friends against friends in a socially competitive environment...more details to come when it gets to the app store </li>
<li>Created entirely from scratch a 2D iOS mini game using Swift and SpriteKit</li>
<li>Published on the iOS App Store</li>
<a href="https://geo.itunes.apple.com/us/app/squirlz/id1059271552?mt=8" style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;"></a>
</ul>
<br>
</ul>
</p>
</div>
<div id="contact">
<div class="contact-grids">
<div class="col-md-6 contact-grid text-center">
<div class="point-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span></div>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="col-md-6 contact-grid text-center">
<div class="point-icon"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></div>
<p>(925)-330-2530</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div id="footer" class="container-fluid">
<!--spacing-->
<div class="col-xs-12" style="height:20px;"></div>
<!--spacing-->
<div class="col-md-12 contact-grid text-center">
<p> © Design by Markus Notti</p>
</div>
<!--spacing-->
<div class="col-xs-12" style="height:15px;"></div>
<!--spacing-->
</div>
</body>
<script src="src/dots.js"></script>
<script src="src/index.js"></script>
<script src="src/resize-cover.js"></script>
<script src="src/top-div-button.js"></script>
<script src="src/smooth-scroll.js"></script>
<script src="src/mouseOverMe.js"></script>
</html>