-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpeople.html
More file actions
114 lines (106 loc) · 5.82 KB
/
Copy pathpeople.html
File metadata and controls
114 lines (106 loc) · 5.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>People · Lab for Plant Genomic Diversity & Design</title>
<meta name="description" content="The team behind the Lab for Plant Genomic Diversity & Design (formerly the Buckler Lab) — PI, postdocs, graduate students, and professional staff in Ithaca, NY.">
<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=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<link href="css/lab-base.css" rel="stylesheet">
<link href="css/lab-pages.css" rel="stylesheet">
</head>
<body data-page="people">
<div id="site-nav"></div>
<header class="page-hero">
<div class="wrap">
<p class="crumbs"><a href="index.html">Home</a> / People</p>
<span class="eyebrow">02 — Who we are</span>
<h1>The people behind the <em>science.</em></h1>
<p class="lede">The group brings together postdocs, graduate students, and professional staff in quantitative genetics, machine learning, and plant biology — based in Ithaca, NY, and working with partners across USDA-ARS, Cornell, the Boyce Thompson Institute, and beyond.</p>
</div>
</header>
<section class="section">
<div class="wrap">
<div class="people-hero-photo reveal">
<img src="images/lab-2023.jpg" alt="The lab together in the field, 2023" loading="lazy">
<span class="strip"></span>
</div>
</div>
</section>
<section class="section tint">
<div class="wrap">
<h2 class="subhead reveal">Team</h2>
<!-- Leadership + role groups rendered from js/profiles-data.js via window.LAB_ROSTER (below) -->
<div class="roster-group reveal">
<div class="pub-year" style="margin-top:0">Leadership</div>
<div class="leads-grid" id="leadGrid"></div>
</div>
<div id="teamRoster" class="reveal"></div>
<p class="lead-copy reveal" style="margin-top:22px;font-size:13.5px;opacity:.75">Click anyone to read their full profile. The complete roster and alumni appear on the timeline below.</p>
</div>
</section>
<section class="section tint">
<div class="wrap">
<h2 class="subhead reveal">Life in the lab & field</h2>
<div class="gallery reveal">
<figure><img src="images/team-candid.jpg" alt="Lab members together" loading="lazy"></figure>
<figure><img src="images/photo-jesse.jpg" alt="A lab member in the field" loading="lazy"></figure>
<figure><img src="images/holding-ear.jpg" alt="Holding an ear of maize" loading="lazy"></figure>
<figure><img src="images/corn-closeup.jpg" alt="Close-up of a maize ear" loading="lazy"></figure>
</div>
</div>
</section>
<section class="section" id="timeline">
<div class="wrap">
<div class="sec-head reveal">
<div>
<span class="sec-num">The lab over time</span>
<h2>Everyone who's built this, 1998 → today.</h2>
</div>
<p>Around a hundred people have passed through the group. Filter by role; hover a bar to see where alumni are now.</p>
</div>
<div class="tl-filterbar reveal" id="peopleFilter"></div>
<div class="timeline reveal" id="peopleTimeline"></div>
<p class="lead-copy reveal" style="margin-top:22px;font-size:13.5px;opacity:.8">Timeline shown with a representative sample; the full roster with exact years is being added.</p>
</div>
</section>
<section class="section tint">
<div class="wrap">
<div class="alumni-note reveal">
<span class="sec-num">05 — The next generation</span>
<h3>Our most important output is the people.</h3>
<p>Around a hundred postdocs, graduate students, and visiting scientists have trained in the group and gone on to lead labs and teams across academia, industry, NGOs, and government worldwide. Mentoring the next generation of quantitative and computational plant scientists is central to what we do.</p>
<div class="hero-cta" style="margin-top:24px">
<a class="btn btn-primary" href="join.html">Join the lab →</a>
<a class="btn btn-ghost" href="#timeline">See our alumni →</a>
</div>
</div>
</div>
</section>
<footer id="site-footer"></footer>
<script>
/* Curated current-team roster; names/photos/links come from LAB_PROFILES */
window.LAB_ROSTER = {
lead: [
{ slug: "edward-s-buckler", role: "Principal Investigator", inst: "USDA-ARS · Cornell" },
{ slug: "m-cinta-romay", role: "Research Director", inst: "Cornell University" },
{ slug: "sara-miller", role: "Business Director", inst: "Boyce Thompson Institute" },
{ slug: "moira-sheehan", role: "Director, Breeding Insight", inst: "University of Florida" },
{ slug: "zack-miller", role: "Software & Bioinformatics", inst: "USDA-ARS" }
],
groups: [
{ heading: "Staff", label: "Staff", slugs: [{slug:"brandon-monier",label:"Programmer"},{slug:"ana-berthel",label:"Programmer"},{slug:"nick-lepak",label:"Field Manager"},{slug:"bethany-econopouly",label:"Applied Genomics"}] },
{ heading: "Postdocs", label: "Postdoc", slugs: ["jingjing-zhai","jonathan-ojeda","michelle-stitzer","sheng-kai-hsu","wei-yun-lai","yun-luo","yiyong-zhao"] },
{ heading: "Graduate students", label: "Grad Student", slugs: ["beatrice-konadu","charles-hale","mohamed-el-walid","henry-dawson","zong-yan-liu","szu-ping-chen"] }
]
};
</script>
<script src="js/lab-global.js"></script>
<script src="js/people-data.js"></script>
<script src="js/profiles-data.js"></script>
<script src="js/lab-archive.js"></script>
</body>
</html>