Repository navigation
Expand file tree
/
Copy pathabout.html
More file actions
493 lines (454 loc) · 29.4 KB
/
Copy pathabout.html
File metadata and controls
493 lines (454 loc) · 29.4 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
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5S6JSRZQXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5S6JSRZQXX');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About — High Frontier Computing 1958–1982</title>
<meta name="description" content="About High Frontier Computing and its author, Noah Smith — a data scientist with nearly four decades on the data wavefront, from NASA Earth Science and the UT Center for Space Research to Wood Mackenzie.">
<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=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'burnt-orange': '#bf5700',
'orange-dark': '#a34b00',
'tangerine': '#f8971f',
'charcoal': '#333f48',
'charcoal-light': '#4a5568',
'taupe': '#d6d2c4',
'ut-gray': '#9cadb7',
'ut-teal': '#005f86',
'ut-cyan': '#00a9b7',
'ut-gold': '#ffd600',
'parchment': '#faf9f7',
'cream': '#f5f4f1',
'warm-white': '#fffffe',
},
fontFamily: {
serif: ['Crimson Pro', 'Georgia', 'serif'],
sans: ['Inter', 'system-ui', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
},
fontSize: {
'display': ['4.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em' }],
'display-sm': ['3.5rem', { lineHeight: '1.1', letterSpacing: '-0.02em' }],
},
animation: {
'fade-in': 'fadeIn 0.5s ease-out',
'slide-up': 'slideUp 0.5s ease-out',
},
keyframes: {
fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' } },
slideUp: {
'0%': { opacity: '0', transform: 'translateY(10px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
},
}
}
}
</script>
<style>
html { scroll-behavior: smooth; }
::selection { background: #bf5700; color: white; }
.hero-pattern {
background-image:
radial-gradient(circle at 25% 25%, rgba(191, 87, 0, 0.03) 0%, transparent 50%),
radial-gradient(circle at 75% 75%, rgba(0, 95, 134, 0.03) 0%, transparent 50%);
}
.card {
background: white;
border: 1px solid rgba(191, 87, 0, 0.1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card:hover {
border-color: rgba(191, 87, 0, 0.3);
box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.card-dark {
background: linear-gradient(135deg, #333f48 0%, #2a353f 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-dot { box-shadow: 0 0 0 4px #333f48, 0 0 0 6px #bf5700; }
.section-fade { position: relative; }
.section-fade::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 1px;
background: linear-gradient(to right, transparent, rgba(191, 87, 0, 0.2) 20%, rgba(191, 87, 0, 0.2) 80%, transparent);
}
.btn-primary {
background: linear-gradient(135deg, #bf5700 0%, #a34b00 100%);
box-shadow: 0 4px 14px -2px rgba(191, 87, 0, 0.4);
transition: all 0.2s ease;
}
.btn-primary:hover {
box-shadow: 0 6px 20px -2px rgba(191, 87, 0, 0.5);
transform: translateY(-1px);
}
.btn-secondary {
border: 2px solid #bf5700;
transition: all 0.2s ease;
}
.btn-secondary:hover { background: #bf5700; color: white; }
blockquote {
position: relative;
padding-left: 1.5rem;
border-left: 3px solid #bf5700;
}
blockquote::before {
content: '"';
position: absolute; top: -0.5rem; left: 0.5rem;
font-size: 4rem; font-family: 'Crimson Pro', serif;
color: rgba(191, 87, 0, 0.1); line-height: 1;
}
.mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
.mobile-menu.open { transform: translateX(0); }
.tag { font-size: 0.65rem; letter-spacing: 0.1em; padding: 0.35rem 0.75rem; }
.link-underline { position: relative; }
.link-underline::after {
content: '';
position: absolute; bottom: -2px; left: 0; width: 0; height: 1px;
background: currentColor; transition: width 0.2s ease;
}
.link-underline:hover::after { width: 100%; }
/* Vertical CV timeline (matches the home-page timeline treatment) */
.cv-list { position: relative; }
.cv-list::before {
content: '';
position: absolute; left: 0.5rem; top: 0.5rem; bottom: 0.5rem; width: 1px;
background: linear-gradient(to bottom, transparent, rgba(191, 87, 0, 0.4), transparent);
}
.cv-item { position: relative; padding-left: 2.25rem; }
.cv-item::before {
content: '';
position: absolute; left: 0.5rem; top: 0.55rem; width: 0.65rem; height: 0.65rem;
border-radius: 50%; background: #bf5700; transform: translateX(-50%);
box-shadow: 0 0 0 4px #faf9f7, 0 0 0 6px rgba(191, 87, 0, 0.25);
}
</style>
</head>
<body class="bg-parchment text-charcoal antialiased">
<!-- Header -->
<header class="fixed top-0 left-0 right-0 z-50 bg-parchment/80 backdrop-blur-md border-b border-burnt-orange/10">
<nav class="max-w-6xl mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<a href="index.html" class="group flex items-center gap-2">
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-burnt-orange to-orange-dark flex items-center justify-center">
<span class="font-mono text-white font-bold text-sm">HFC</span>
</div>
<span class="font-serif text-xl font-semibold text-charcoal group-hover:text-burnt-orange transition-colors">
High Frontier <span class="text-burnt-orange">Computing</span>
</span>
</a>
<!-- Desktop Nav -->
<div class="hidden md:flex items-center gap-1">
<a href="index.html#history" class="px-4 py-2 text-sm font-medium text-charcoal-light hover:text-burnt-orange transition-colors rounded-lg hover:bg-burnt-orange/5">History</a>
<a href="index.html#methods" class="px-4 py-2 text-sm font-medium text-charcoal-light hover:text-burnt-orange transition-colors rounded-lg hover:bg-burnt-orange/5">Methods</a>
<a href="index.html#themes" class="px-4 py-2 text-sm font-medium text-charcoal-light hover:text-burnt-orange transition-colors rounded-lg hover:bg-burnt-orange/5">Themes</a>
<a href="index.html#timeline" class="px-4 py-2 text-sm font-medium text-charcoal-light hover:text-burnt-orange transition-colors rounded-lg hover:bg-burnt-orange/5">Timeline</a>
<a href="index.html#payoff" class="px-4 py-2 text-sm font-medium text-charcoal-light hover:text-burnt-orange transition-colors rounded-lg hover:bg-burnt-orange/5">Why It Matters</a>
<a href="about.html" class="px-4 py-2 text-sm font-medium text-burnt-orange bg-burnt-orange/5 rounded-lg">About</a>
<a href="summary.html" class="ml-2 px-5 py-2 text-sm font-medium text-white btn-primary rounded-lg">Read More</a>
</div>
<!-- Mobile Menu Button -->
<button id="menuBtn" class="md:hidden p-2 text-charcoal hover:text-burnt-orange transition-colors" aria-label="Open menu">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
</button>
</div>
</nav>
<!-- Mobile Menu -->
<div id="mobileMenu" class="mobile-menu fixed inset-y-0 right-0 w-72 bg-parchment shadow-2xl md:hidden z-50">
<div class="p-6">
<button id="closeMenuBtn" class="absolute top-4 right-4 p-2 text-charcoal hover:text-burnt-orange" aria-label="Close menu">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="mt-8 flex flex-col gap-2">
<a href="index.html#history" class="px-4 py-3 text-charcoal hover:text-burnt-orange hover:bg-burnt-orange/5 rounded-lg transition-colors">History</a>
<a href="index.html#methods" class="px-4 py-3 text-charcoal hover:text-burnt-orange hover:bg-burnt-orange/5 rounded-lg transition-colors">Methods</a>
<a href="index.html#themes" class="px-4 py-3 text-charcoal hover:text-burnt-orange hover:bg-burnt-orange/5 rounded-lg transition-colors">Themes</a>
<a href="index.html#timeline" class="px-4 py-3 text-charcoal hover:text-burnt-orange hover:bg-burnt-orange/5 rounded-lg transition-colors">Timeline</a>
<a href="index.html#payoff" class="px-4 py-3 text-charcoal hover:text-burnt-orange hover:bg-burnt-orange/5 rounded-lg transition-colors">Why It Matters</a>
<a href="about.html" class="px-4 py-3 text-burnt-orange bg-burnt-orange/5 rounded-lg transition-colors">About</a>
<a href="summary.html" class="mt-4 px-4 py-3 text-center text-white btn-primary rounded-lg">Read More</a>
</div>
</div>
</div>
</header>
<!-- About intro -->
<section class="pt-32 pb-16 md:pt-40 md:pb-20 hero-pattern">
<div class="max-w-4xl mx-auto px-6">
<div class="inline-flex items-center gap-3 px-4 py-2 bg-ut-teal/10 rounded-full mb-6">
<span class="w-2 h-2 bg-ut-teal rounded-full animate-pulse"></span>
<span class="font-mono text-xs tracking-wide text-ut-teal uppercase">About</span>
</div>
<h1 class="font-serif text-4xl md:text-display-sm text-charcoal mb-6">
About The <span class="text-burnt-orange">Author</span>
</h1>
<p class="font-serif text-xl md:text-2xl text-charcoal/70 leading-relaxed max-w-3xl">
The High Frontier Computing 1958 to 1982 project is being developed as a potential dissertation.
</p>
</div>
</section>
<!-- Who / connection to the project -->
<section class="pb-8 section-fade">
<div class="max-w-4xl mx-auto px-6 pt-16">
<div class="grid md:grid-cols-3 gap-10">
<div class="md:col-span-2">
<span class="tag bg-burnt-orange/10 text-burnt-orange font-mono uppercase rounded-full">The Author</span>
<h2 class="font-serif text-3xl md:text-4xl font-semibold mt-5 mb-5">Noah Smith</h2>
<p class="text-lg text-charcoal/80 leading-relaxed mb-5">
This isn't a detached survey. Its author spent a quarter-century at the University of Texas at Austin — first a software developer on NASA Earth Science work, including Hubble Space Telescope astrometry, then an aerospace engineer at the Center for Space Research. That's the same institution, and much the same lineage of machines, the essay traces from the CDC 6600 to UTOPIA.
</p>
<p class="text-charcoal/70 leading-relaxed">
Numerical modeling, orbit determination, large-scale data — the through-line of a career is the through-line of the history. High Frontier Computing is an attempt to keep that world of code, machines, and mathematics before it slips from living memory.
</p>
</div>
<div class="flex flex-col gap-4">
<div class="flex justify-center md:justify-start">
<img src="about-portrait.png" alt="Portrait of Noah Smith" class="w-32 h-32 rounded-full object-cover [object-position:50%_18%] ring-2 ring-burnt-orange/20">
</div>
<div class="card rounded-2xl p-6">
<div class="font-mono text-xs text-charcoal/50 uppercase tracking-wide mb-1">Role</div>
<div class="font-serif text-xl font-semibold">Data Scientist</div>
</div>
<div class="card rounded-2xl p-6">
<div class="font-mono text-xs text-charcoal/50 uppercase tracking-wide mb-1">Based in</div>
<div class="font-serif text-xl font-semibold">Austin, Texas & Hamburg, Germany</div>
</div>
<div class="card-dark rounded-2xl p-6">
<div class="font-mono text-xs text-white/50 uppercase tracking-wide mb-2">Contact</div>
<a href="mailto:noahhsmith@utexas.edu" class="block text-white hover:text-burnt-orange transition-colors font-medium link-underline break-all">noahhsmith@utexas.edu</a>
<a href="https://www.linkedin.com/in/noahhsmith" class="mt-2 inline-flex items-center gap-1 text-burnt-orange text-sm font-medium" target="_blank" rel="noopener noreferrer">
LinkedIn
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5h5v5m0-5L10 14M9 5H5a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1v-4"/></svg>
</a>
</div>
</div>
</div>
<blockquote class="mt-12 max-w-2xl">
<p class="font-serif text-xl md:text-2xl text-charcoal/80 italic leading-relaxed">
Nearly four decades on the data wavefront.
</p>
</blockquote>
</div>
</section>
<!-- CV: Experience -->
<section class="py-16 md:py-24 section-fade">
<div class="max-w-4xl mx-auto px-6">
<div class="mb-12">
<span class="tag bg-burnt-orange/10 text-burnt-orange font-mono uppercase rounded-full">Curriculum Vitae</span>
<h2 class="font-serif text-3xl md:text-4xl font-semibold mt-5">Experience</h2>
</div>
<div class="cv-list flex flex-col gap-10">
<div class="cv-item">
<span class="inline-block font-mono text-burnt-orange text-sm mb-1">Nov 2017 – Present</span>
<h3 class="font-serif text-xl font-semibold">Data Scientist</h3>
<p class="text-charcoal/70">Wood Mackenzie · Hamburg, Germany</p>
</div>
<div class="cv-item">
<span class="inline-block font-mono text-burnt-orange text-sm mb-1">Sep 2015 – Oct 2017</span>
<h3 class="font-serif text-xl font-semibold">Data Scientist</h3>
<p class="text-charcoal/70">Voipfuture GmbH · Hamburg, Germany</p>
</div>
<div class="cv-item">
<span class="inline-block font-mono text-burnt-orange text-sm mb-1">Sep 2014 – Aug 2015</span>
<h3 class="font-serif text-xl font-semibold">Data Scientist</h3>
<p class="text-charcoal/70">Ibeo Automotive Systems GmbH · Hamburg, Germany</p>
</div>
<div class="cv-item">
<span class="inline-block font-mono text-burnt-orange text-sm mb-1">Sep 2003 – Aug 2014</span>
<h3 class="font-serif text-xl font-semibold">Aerospace Engineer</h3>
<p class="text-charcoal/70 mb-1">University of Texas at Austin, Center for Space Research · Austin, Texas</p>
<p class="text-charcoal/60 text-sm">Orbit determination and space geodesy — the world of UTOPIA and satellite gravity modeling described in this project.</p>
</div>
<div class="cv-item">
<span class="inline-block font-mono text-burnt-orange text-sm mb-1">Sep 1989 – Aug 2003</span>
<h3 class="font-serif text-xl font-semibold">Software Developer</h3>
<p class="text-charcoal/70 mb-1">University of Texas at Austin, NASA Earth Science · Austin, Texas</p>
<p class="text-charcoal/60 text-sm">Numerical and database projects, including NASA Hubble Space Telescope astrometry.</p>
</div>
</div>
<p class="mt-8 font-mono text-xs text-charcoal/45">Roughly 25 years at the University of Texas at Austin across the two UT roles.</p>
</div>
</section>
<!-- CV: Education + Skills -->
<section class="py-16 md:py-24 bg-cream section-fade">
<div class="max-w-4xl mx-auto px-6">
<div class="grid md:grid-cols-2 gap-12">
<!-- Education -->
<div>
<span class="tag bg-burnt-orange/10 text-burnt-orange font-mono uppercase rounded-full">Education</span>
<h2 class="font-serif text-3xl font-semibold mt-5 mb-8">Education</h2>
<div class="flex flex-col gap-6">
<div class="card rounded-2xl p-6">
<span class="font-mono text-burnt-orange text-sm">2003 – 2012</span>
<h3 class="font-serif text-xl font-semibold mt-1">Ph.D., Aerospace Engineering</h3>
<p class="text-charcoal/70 text-sm mt-1">The University of Texas at Austin</p>
</div>
<div class="card rounded-2xl p-6">
<span class="font-mono text-burnt-orange text-sm">1987 – 1991</span>
<h3 class="font-serif text-xl font-semibold mt-1">B.A., Astronomy</h3>
<p class="text-charcoal/70 text-sm mt-1">The University of Texas at Austin</p>
</div>
</div>
</div>
<!-- Skills / Languages / Honors -->
<div>
<span class="tag bg-burnt-orange/10 text-burnt-orange font-mono uppercase rounded-full">Expertise</span>
<h2 class="font-serif text-3xl font-semibold mt-5 mb-8">Skills & Recognition</h2>
<div class="mb-8">
<h3 class="font-mono text-xs text-charcoal/50 uppercase tracking-wide mb-3">Top Skills</h3>
<div class="flex flex-wrap gap-2">
<span class="tag bg-white border border-burnt-orange/20 text-charcoal/70 rounded-full">Data Science</span>
<span class="tag bg-white border border-burnt-orange/20 text-charcoal/70 rounded-full">Modeling</span>
<span class="tag bg-white border border-burnt-orange/20 text-charcoal/70 rounded-full">Analytics</span>
</div>
</div>
<div class="mb-8">
<h3 class="font-mono text-xs text-charcoal/50 uppercase tracking-wide mb-3">Languages</h3>
<ul class="text-charcoal/75 space-y-1">
<li>English — Native</li>
<li>German — Working</li>
</ul>
</div>
<div>
<h3 class="font-mono text-xs text-charcoal/50 uppercase tracking-wide mb-3">Honors & Awards</h3>
<ul class="text-charcoal/75 space-y-1">
<li>NASA Postdoctoral Fellowship</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- CV: Publications (low-key) -->
<section class="py-16 md:py-24 section-fade">
<div class="max-w-4xl mx-auto px-6">
<div class="mb-8">
<span class="tag bg-burnt-orange/10 text-burnt-orange font-mono uppercase rounded-full">Selected Publications</span>
<h2 class="font-serif text-2xl md:text-3xl font-semibold mt-4">Publications</h2>
<p class="text-charcoal/55 text-sm mt-2 max-w-2xl">Work in space geodesy and precision attitude determination on NASA's ICESat mission — the modern continuation of the orbit-determination work this project traces.</p>
</div>
<ol class="text-sm text-charcoal/70 leading-relaxed space-y-2.5">
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2017</span>
<span>Patel, Smith, Bae, Schutz. "Effect of sun shade performance on ICESat-2 laser reference sensor alignment estimation." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2014</span>
<span>Smith, Bae, Schutz. "Laser reference sensor alignment tracking and star observations." <em>AIAA Journal of Spacecraft and Rockets</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2014</span>
<span>Smith, Bae, Schutz. "Laser reference sensor alignment estimation using star observations." <em>AIAA Journal of Spacecraft and Rockets</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2014</span>
<span>Smith, Bae, Schutz. "Laser reference sensor alignment estimation using reference signal observations." <em>AIAA Journal of Spacecraft and Rockets</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2013</span>
<span>Smith, Bae, Schutz. "NASA ICESat 2 pointing knowledge." <em>NASA Technical Report</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2012</span>
<span>Bae, Smith, Schutz. "NASA ICESat 1 pointing knowledge." <em>NASA Technical Report</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2011</span>
<span>Smith, Fowell, Bae, Schutz. "Improved star tracker instrument magnitude prediction from ICESat flight telemetry." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2010</span>
<span>Smith, Bae, Schutz. "Biased star tracker measurements of forty-nine stars from flight data." <em>AIAA Journal of Spacecraft and Rockets</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2010</span>
<span>Smith, Bae, Schutz. "Forty-nine biased star positions from ICESat flight data." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2010</span>
<span>Bae, Smith, Schutz. "ICESat attitude and pointing correction using the laser reference sensor." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2009</span>
<span>Bae, Ricklefs, Smith, Schutz. "Time tag issues in the star tracker and gyro data for ICESat precision attitude determination." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2009</span>
<span>Fowell, Smith, Bae, Schutz. "Bad stars." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
<li class="flex gap-3">
<span class="font-mono text-burnt-orange/70 text-xs pt-0.5 shrink-0 w-9">2008</span>
<span>Schutz, Bae, Smith, Sirota. "Precision orbit and attitude determination for ICESat." <em>AAS Advances in the Astronautical Sciences</em>.</span>
</li>
</ol>
</div>
</section>
<!-- Back to project -->
<section class="py-16 md:py-20 section-fade">
<div class="max-w-4xl mx-auto px-6 text-center">
<h2 class="font-serif text-3xl md:text-4xl font-semibold mb-4">Read the History</h2>
<p class="text-charcoal/60 max-w-2xl mx-auto mb-8">
The essay and its summaries trace the code, machines, and mathematics of Texas computing from 1958 to 1982.
</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="index.html" class="btn-primary px-8 py-4 text-white font-medium rounded-lg">Back to Home</a>
<a href="summary.html" class="btn-secondary px-8 py-4 text-burnt-orange font-medium rounded-lg">Read the Summary</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-12 px-6 bg-charcoal border-t border-white/10">
<div class="max-w-6xl mx-auto">
<div class="flex flex-col md:flex-row justify-between items-center gap-6">
<a href="index.html" class="flex items-center gap-2">
<div class="w-8 h-8 rounded-lg bg-gradient-to-br from-burnt-orange to-orange-dark flex items-center justify-center">
<span class="font-mono text-white font-bold text-xs">HFC</span>
</div>
<span class="font-serif text-lg text-white">High Frontier Computing</span>
</a>
<div class="flex flex-wrap justify-center gap-6 text-sm text-white/50">
<a href="index.html#history" class="hover:text-white transition-colors">History</a>
<a href="index.html#methods" class="hover:text-white transition-colors">Methods</a>
<a href="index.html#themes" class="hover:text-white transition-colors">Themes</a>
<a href="index.html#timeline" class="hover:text-white transition-colors">Timeline</a>
<a href="index.html#payoff" class="hover:text-white transition-colors">Why It Matters</a>
<a href="about.html" class="hover:text-white transition-colors">About</a>
<a href="summary.html" class="hover:text-white transition-colors">Read More</a>
</div>
<p class="font-mono text-xs text-white/30">Austin & Houston, Texas</p>
</div>
<div class="mt-8 pt-8 border-t border-white/5 text-center">
<p class="text-xs text-white/30">High Frontier Computing — a history of numerical modeling and simulation in the mainframe era.</p>
</div>
</div>
</footer>
<!-- Mobile menu script -->
<script>
const menuBtn = document.getElementById('menuBtn');
const closeMenuBtn = document.getElementById('closeMenuBtn');
const mobileMenu = document.getElementById('mobileMenu');
menuBtn.addEventListener('click', () => mobileMenu.classList.add('open'));
closeMenuBtn.addEventListener('click', () => mobileMenu.classList.remove('open'));
mobileMenu.querySelectorAll('a').forEach(link => link.addEventListener('click', () => mobileMenu.classList.remove('open')));
</script>
</body>
</html>