-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
195 lines (169 loc) · 11.5 KB
/
index.html
File metadata and controls
195 lines (169 loc) · 11.5 KB
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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Todd Goodall Bell | Computer Vision</title>
<meta name="description" content="CV/ML System Architect Engineer at Apple. Specialist in Perceptual Intelligence and Visual Forensics.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
bg: '#121212', // Deep dark matte background
surface: '#1E1E1E', // Slightly lighter for cards
accent: '#3B82F6', // Subtle Electric Blue
text: '#E5E5E5', // Off-white for readability
muted: '#A3A3A3' // Grey for secondary text
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
}
}
}
}
</script>
<style>
body { background-color: #121212; color: #E5E5E5; }
/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
</style>
</head>
<body class="antialiased selection:bg-accent selection:text-white">
<nav class="w-full py-6 px-6 md:px-12 flex justify-between items-center max-w-6xl mx-auto">
<a href="#" class="font-mono font-bold text-lg tracking-tighter hover:text-accent transition">TGB.</a>
<div class="space-x-6 text-sm font-mono text-muted">
<a href="#timeline" class="hover:text-white transition">Timeline</a>
<a href="publications.html" class="hover:text-white transition">Research</a>
</div>
</nav>
<main class="max-w-6xl mx-auto px-6 md:px-12 mt-12 md:mt-24 mb-24">
<div class="flex flex-col-reverse md:flex-row items-center gap-12">
<div class="flex-1 space-y-6">
<h1 class="text-4xl md:text-6xl font-bold tracking-tight leading-tight">
Todd Goodall Bell
</h1>
<h2 class="text-xl md:text-2xl font-mono text-accent">
Computer Vision & Perception
</h2>
<p class="text-muted text-lg leading-relaxed max-w-xl">
Architecting visual intelligence at <strong class="text-white">Apple</strong>.
Shaped the future of AR/VR rendering at <strong class="text-white">Facebook Reality Labs</strong>.
PhD in algorithmic video forensics.
</p>
<div class="flex flex-wrap gap-4 pt-4 text-sm font-mono text-muted">
<span>// Family Man</span>
<span>// AI/CV/ML </span>
<span>// AR/VR </span>
<span>// Low Latency Systems</span>
</div>
<div class="pt-8 flex gap-4">
<a href="files/toddgoodallbell.pdf" target="_blank" class="px-6 py-3 bg-white text-black font-bold rounded hover:bg-gray-200 transition">
Resume
</a>
<a href="https://github.com/beyondmetis" target="_blank" class="px-6 py-3 border border-white/20 rounded hover:border-white transition">
GitHub
</a>
<a href="http://www.linkedin.com/in/toddgoodall" target="_blank" class="px-6 py-3 border border-white/20 rounded hover:border-white transition">
LinkedIn
</a>
</div>
</div>
<div class="w-full md:w-1/3 flex justify-center md:justify-end">
<div class="relative w-64 h-64 md:w-80 md:h-80 rounded-full overflow-hidden border-4 border-surface shadow-2xl">
<img src="img/studio.jpg" alt="Todd Goodall Bell" class="object-cover w-full h-full grayscale hover:grayscale-0 transition duration-700">
</div>
</div>
</div>
</main>
<section id="impact" class="max-w-6xl mx-auto px-6 md:px-12 mb-32">
<h3 class="font-mono text-accent mb-8 tracking-widest uppercase text-sm">Core Competencies</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-surface p-8 rounded-lg border border-white/5 hover:border-accent/50 transition group">
<div class="h-12 w-12 bg-black/50 rounded flex items-center justify-center mb-6 group-hover:text-accent transition">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>
</div>
<h4 class="text-xl font-bold mb-3">Perceptual Intelligence</h4>
<p class="text-muted text-sm leading-relaxed mb-4">
Developing novel architectures for next-gen vision
algorithms, incorporating perceptual focus.
</p>
<span class="text-xs font-mono text-accent">Vision Products \ </span><br />
<span class="text-xs font-mono text-accent">Neural Networks \ </span><br />
<span class="text-xs font-mono text-accent">LLMs </span>
</div>
<div class="bg-surface p-8 rounded-lg border border-white/5 hover:border-accent/50 transition group">
<div class="h-12 w-12 bg-black/50 rounded flex items-center justify-center mb-6 group-hover:text-accent transition">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg>
</div>
<h4 class="text-xl font-bold mb-3">Visual Forensics</h4>
<p class="text-muted text-sm leading-relaxed mb-4">
Turning subjective experience into objective signal. Developed blind source inspection frameworks and contributed to the standard-setting VMAF metric at Netflix.
</p>
<span class="text-xs font-mono text-accent">Image & Video Processing \ </span><br />
<span class="text-xs font-mono text-accent">Scene Statistics \</span><br />
<span class="text-xs font-mono text-accent">Visual Quality </span>
</div>
<div class="bg-surface p-8 rounded-lg border border-white/5 hover:border-accent/50 transition group">
<div class="h-12 w-12 bg-black/50 rounded flex items-center justify-center mb-6 group-hover:text-accent transition">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5" /></svg>
</div>
<h4 class="text-xl font-bold mb-3">Applied Vision</h4>
<p class="text-muted text-sm leading-relaxed mb-4">
Deploying real-world vision systems. Architected 2D/3D algorithms for CargoSpectre, transforming commodity sensors into industrial tools.
</p>
<span class="text-xs font-mono text-accent">3D Point Clouds \ </span><br />
<span class="text-xs font-mono text-accent">Machine Learning \ </span><br />
<span class="text-xs font-mono text-accent">Optimization</span><br />
</div>
</div>
</section>
<section id="timeline" class="max-w-4xl mx-auto px-6 md:px-12 mb-24">
<h3 class="font-mono text-accent mb-8 tracking-widest uppercase text-sm">Experience Timeline</h3>
<div class="space-y-8 border-l border-white/10 pl-8 relative">
<div class="relative">
<div class="absolute -left-[38px] top-1 h-5 w-5 rounded-full border border-accent bg-bg"></div>
<h4 class="text-lg font-bold">Apple</h4>
<span class="font-mono text-xs text-muted">2020 - Present</span>
<p class="text-white mt-1">CV/ML System Architect Engineer, VCV.</p>
<p class="text-muted mt-2 text-sm">Architecting and leading the development of core computer vision algorithms for consumer-scale deployment.</p>
</div>
<div class="relative">
<div class="absolute -left-[38px] top-1 h-5 w-5 rounded-full border border-white/20 bg-bg"></div>
<h4 class="text-lg font-bold">Facebook Reality Labs</h4>
<span class="font-mono text-xs text-muted">2018 - 2020</span>
<p class="text-muted mt-2 text-sm">Led research initiatives in foveated rendering (DeepFovea) and designed perceptually optimized metrics for AR/VR systems.</p>
</div>
<div class="relative">
<div class="absolute -left-[38px] top-1 h-5 w-5 rounded-full border border-white/20 bg-bg"></div>
<h4 class="text-lg font-bold">CargoSpectre</h4>
<span class="font-mono text-xs text-muted">2014 - 2020</span>
<p class="text-muted mt-2 text-sm">Built automated dimensioning algorithms using RGB-D for logistics and supply chain automation.</p>
</div>
<div class="relative">
<div class="absolute -left-[38px] top-1 h-5 w-5 rounded-full border border-white/20 bg-bg"></div>
<h4 class="text-lg font-bold">UT Austin (PhD)</h4>
<span class="font-mono text-xs text-muted">2013 - 2018</span>
<p class="text-muted mt-2 text-sm">Designed VIDMAP framework to perform blind source inspection.</p>
</div>
<div class="relative">
<div class="absolute -left-[38px] top-1 h-5 w-5 rounded-full border border-white/20 bg-bg"></div>
<h4 class="text-lg font-bold">Netflix</h4>
<span class="font-mono text-xs text-muted">Internships 2015 & 2016</span>
<p class="text-muted mt-2 text-sm">Improved VMAF against aggressor cases. Architected artifact detection methods for streaming.</p>
</div>
</div>
</section>
<footer class="text-center text-muted text-xs py-12 font-mono">
<p>© 2025 Todd Goodall Bell. Engineered in California.</p>
</footer>
</body>
</html>