-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·84 lines (80 loc) · 5.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Basheer Tome | Product & Design</title>
<meta name="description" content="I love spending my days crafting products for the kitchen that are imbued with style, story, & calm engineering. The best products balance all their compromises such that they elegantly complement each other." />
<meta name="keywords" content="resume, product, manager, interaction, industrial, design, user experience, basheer, tome, oakland, san, francisco, california" />
<meta name="apple-mobile-web-app-title" content="Basheer Tome">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<style type="text/css">html { background: #101010; }</style>
<link rel="shortcut icon" href="assets/favicon.ico" />
<link rel="preload" href="assets/fonts/Metric-Regular.woff" as="font" type="font/woff" crossorigin>
<link rel='stylesheet' href='index.css'>
<script src='assets/js/jquery.min.js'></script>
<script src='index.js'></script>
<script src='assets/js/paper-full.min.js'></script>
<script type="text/paperscript" canvas="canvas">
var path = new Path();
path.strokeColor = 'white';
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
for (i=0; i<10; i++) {
var randomPoint = new Point(Math.round(Math.random() * windowWidth), Math.round(Math.random() * windowHeight));
path.add(randomPoint);
}
function onMouseMove(event) {
path.add(event.point);
}
path.smooth('continuous');
</script>
</head>
<body>
<div class="first-padder"></div>
<div class="intro"><div class="container">
<video class="image" autoplay loop muted playsinline src="assets/images/sizzle.mp4" type="video/mp4"></video>
<h2>Hi, I'm <span>Basheer<div class="aboutimage"></div></span>. I lead the <div>product</div> and <div>design</div> team at <div id="last"><a href="https://fellowproducts.com/" target="_blank">Fellow</a><div id="blink">.</div></div></h2>
<p class="links">
<span>✺ <a href="https://www.instagram.com/basheertome" target="_blank">Instagram</a></span>
<span>❉ <script type="text/javascript">document.write("<n uers=\"znvygb:onfurre\100onfurre\056pb\" qngn-gbbygvc=\"rznvy\">".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));</script><noscript><a href="mailto:[email protected]" title="email"></noscript>Email</a></span>
<span>✢ <a href="/resume/">Resume</a></span>
</p>
</div></div>
<div class="mid-padder"></div>
<div class="about">
<p>I love spending my days crafting <a href="https://www.bonappetit.com/story/fellow-aiden-coffee-maker" target="_blank">products</a> for the kitchen that are imbued with style, story, & calm engineering. The best products balance all their compromises such that they elegantly complement each other.</p>
<div class="gallery">
<div class="image"><img src="assets/images/fellow-3.jpg" /></div class="image">
<div class="image"><img src="assets/images/fellow-2.jpg" /></div class="image">
<div class="image"><img src="assets/images/fellow-1.jpg" /></div class="image">
</div>
<p>Previously, I co-founded the new <a href="https://www.theverge.com/21400695/google-pixel-buds-2-2020-wireless-earbuds-headphones-review" target="_blank">Pixel Buds</a>, working with my PM partner to craft the vision, pitch executives to greenlight the program, build the team, and then lead the software & hardware UX through to our launch.</p>
<div class="gallery">
<div class="image"><img src="assets/images/pixelbuds-3.jpg" /></div class="image">
<div class="image"><img src="assets/images/pixelbuds-2.gif" /></div class="image">
<div class="image"><img src="assets/images/pixelbuds-1.jpg" /></div class="image">
</div>
<p>Before that, I lead the design on the <a href="https://www.theverge.com/2016/11/10/13578012/google-daydream-view-vr-review-mobile-headset-pixel" rel="daydream">Daydream Controller</a>, taking it from just a scraggly sketch in my notebook, through fully interactive hand-built prototypes on my desk, and then through production abroad in China.</p>
<div class="gallery">
<div class="image"><img src="assets/images/daydream-3.jpg" /></div class="image">
<div class="image"><img src="assets/images/daydream-2.jpg" /></div class="image">
<div class="image"><img src="assets/images/daydream-1.jpg" /></div class="image">
</div>
<p>As a generalist, my process involves a wide variety of digital & physical skills spread across disciplines: programming, electronics design, 3d modeling & <a href="https://vimeo.com/168393026" target="_blank">animation</a>, and analog form-finding techniques.</p>
<div class="gallery">
<div class="image"><img src="assets/images/hours-3.jpg" /></div class="image">
<div class="image"><img src="assets/images/hours-2.jpg" /></div class="image">
<div class="image"><img src="assets/images/hours-1.jpg" /></div class="image">
</div>
<p>After hours, you'll find me at the wheel throwing pots thicker than I'd like, pointing my <a href="https://click.basheer.co/" target="_blank">camera</a> into the sun, or watching these <a href="https://www.wk.com/work/lurpak-smoooth/" target="_blank">butter</a> <a href="https://wklondon.com/work/weave-your-magic/" target="_blank">commercials</a>.</p>
</div>
<div class="last-padder"></div>
<div class="canvas"><canvas id="canvas" resize></canvas></div>
<script src='assets/js/stats.js'></script>
</body>
</html>