generated from StartBootstrap/startbootstrap-scrolling-nav
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·211 lines (206 loc) · 9.25 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
<!DOCTYPE html>
<html lang="en">
<head> <!-- force update -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NG1PWE4B8K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NG1PWE4B8K');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>
Andy Szybalski
</title><!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"><!-- Custom styles for this template -->
<link href="css/scrolling-nav.css" rel="stylesheet">
<link href="css/andy.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<!-- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Andy Szybalski</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#advising">Advising</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#art">Art Projects</a>
</li>
</ul>
</div>
</div>
</nav> -->
<!-- <header class="bg-primary text-white">
<div class="container text-center">
<h1>Welcome to Scrolling Nav</h1>
<p class="lead">A landing page template freshly redesigned for Bootstrap 4</p>
</div>
</header> -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<img src="andy-photobooth-600.jpg" class="rounded float-right w-25 ml-4" alt="Photo of Andy">
<h2>
Hi, I'm Andy Szybalski!
</h2>
<p>
I helped create <strong>Uber Eats</strong>, where I was Sr Director of Product Design from 2014–2020, built the Eats design team from zero to 50+, and helped build the Eats business from zero to $25B in annual bookings.
</p>
<p>
Previously, I spent time as an entrepreneur in residence at GV, and was an early designer on Google Maps where I helped create <strong>Street View</strong>.
</p>
<p>
I'm currently advising, investing, and working on <a href="https://osito.ai">Osito</a>, an AI + travel startup.
</p>
</div>
</div>
</div>
</section>
<section id="advising" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>
Advising
</h2>
<p>
I'm advise these seed-stage, series A, and series B startups on design and product:
</p>
<ul>
<li>
<a href="http://heyfavor.com/">Favor</a> Helping women access affordable birth control and more
</li>
<li>
<a href="http://cotta.ge">Cottage</a> Solving housing affordability by making it easy to build an ADU
</li>
<li>
<a href="http://regrello.com/">Regrello</a> Asana for manufacturing supply chains
</li>
<li>
<a href="https://usepepper.com/">Pepper</a> Connecting food suppliers with restaurants
</li>
<li>
<a href="http://doorstead.com/">Doorstead</a> Opendoor for rentals
</li>
<li>
<a href="http://mightyhealth.com">Mighty Health</a> Personal coach for exercise, nutrition and wellness
</li>
<li>
<a href="http://flexspace.ai/">Flexspace</a> On demand marketplace for co-working space
</li>
<li>
<a href="http://flowly.world/">Flowly</a> VR and biofeedback for pain and anxiety
</li>
</ul>
<p>
I also do some small-time angel investing. If you’re building something new and think I might be a good match for you as an advisor or angel investor, <a href="#contact">get in touch</a>!
</p>
</div>
</div>
</div>
</section>
<section id="design-work">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>
Design Notes
</h2>
<p>
This is not a full portfolio, but you can look at a few <a href="portfolio">design case studies</a> describing some of my work at Uber and Google.
</p>
</div>
</div>
</div>
</section>
<section id="projects" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>
Side Projects
</h2>
<h3 id="degen-blues">
Degen Blues (2022)
</h3>
<p><a href="degenblues"><img width="225" style="float:left; margin: 0 10px 20px 0" src="degenblues-thumbnail.jpg"></a> <a href="https://degenblues.xyz">Degen Blues</a> started as a way to for me explore designing and coding in web3, and evolved into something I think is pretty unique in the NFT space. It's a smart contract that generates a new "robot music" melody every 24 hours, based on the movements in that day's Ethereum prices. The collection launched in early 2022 with 545 unique melodies, and will continue to automatically produce a new melody each day for eternity.</p>
<p>As part of this project I also open sourced the <a href="https://github.com/andyszy/DegenFetcher">DegenFetcher smart contract</a> to make it easier for other creators to build dynamic NFTs on top of historical Chainlink data.</p>
<div style="clear:left"></div>
<h3 id="onion-map">
Onion Map (2020)
</h3><a href="onionmap"><img width="225" style="float:left; margin: 0 10px 20px 0" src="onionmap/thumbnail.jpg"></a> <a href="onionmap">Onion Map</a> is a experimental map that radically deemphasizes streets, and highlights the relationship between topography and neighborhood names. It uses OpenStreetMap data, a bespoke Mapbox style, and some javascript to adjust contour colors dynamically based on the viewport.
<div style="clear:left"></div>
<h3 id="zoom">
Zoom Backgrounds for Biden (2020)
</h3>
<p>
<a href="zoom"><img class="w-100 mt-2" src="zoom/zoom-heads.jpg"></a>
</p>
<p>
This started out as an art project between friends, and ended up raising $10,000 in donations for the Biden campaign.
</p><p>
In the early days of the Covid pandemic, what Zoom background to "wear" to work was every person's most visible fashion choice. With that in mind, I made a series of digital paintings intended for use as Zoom backgrounds—not too many garish colors, with plenty of room for your face in the middle. I did these paintings throughout 2020, first as a gift for a few friends, and later on a commission model, in exchange for contributions to the Biden/Harris campaign.
</p>
<ul>
<li>
<a href="zoom/">Browse full resolution zoom backgrounds</a>
</li>
<li>
<a href="zoom/all-backgrounds.zip">Download ZIP of all 5 zoom backgrounds</a> (11.5 MB)
</li>
</ul>
<h3>
Sutro Tower
</h3>In addition to my digital work, I occasionally work on good old fashioned canvas. One of my favorite pieces is this oil painting called <b>Sutro Tower Inc</b>—it shows the antennas of various TV and radio stations on the tower:<br>
<a href="art/sutro.jpg"><img style="margin-top:10px" src="art/sutro.jpg" width="180"></a>
<h3>
Older Projects
</h3>
<p>
If you're looking for one of the Mac OS X apps I've developed in the past, like <strong>Shellsilver</strong>, <strong>Pyper</strong>, or <strong>Lunamoth</strong>: I'm sorry, these are no longer being maintained and are not compatible with current versions of Mac OS. There are lots of great alternatives out there, though.
</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>
Contact
</h2>
<p>
You can get in touch with me on <a href="https://www.linkedin.com/in/andyszy/">LinkedIn</a> or <a href="https://twitter.com/andyszy">Twitter</a>, or via email at (first name) (last initial) at cs.stanford.edu.
</p>
</div>
</div>
</div>
</section><!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">
© MMXXII
</p>
</div><!-- /.container -->
</footer><!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script> <!-- Custom JavaScript for this theme -->
<!-- <script src="js/scrolling-nav.js"></script> -->
</body>
</html>