-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
303 lines (284 loc) · 14.4 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
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
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<head>
<title>
Single Cell Neuroscience Lab - JHU
</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/jquery-ui.min.css" />
<link rel="stylesheet" href="assets/css/jquery-ui.structure.min.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/loyal_mods.css" />
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo">
<a href="index.html"> <img id="shield" src="images/medicine.shield.small.white.png" height="40" alt=""/>Goff Lab</a>
</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<!-- <li><a href="news.html">News</a></li> -->
<li><a href="people.html">People</a></li>
<li><a href="#">Research</a>
<ul>
<li><a href="preprints.html">Preprints</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="software.html">Software</a></li>
<li><a href="datasets.html">Datasets</a></li>
</ul>
</li>
<!-- <li><a href="teaching.html">Teaching</a></li> -->
<!--
<li><a href="#">Resources</a>
<ul>
<li><a href="members.html">Lab Members</a></li>
<li><a href="links.html">Links</a></li>
</ul>
</li>
-->
<!-- <li><a href="blog.html">Blog</a></li> -->
<li><a href="lab_resources.html">Resources</a></li>
<li><a href="join.html">Opportunites</a></li>
<li><a href="contact.html">Contact Us</a></li>
<!--<li><a href="#" class="button primary">Sign Up</a></li>-->
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>Single Cell Variation in Neural Development and Disease</h2>
<!--<p>And there are no hoverboards or flying cars.<br />-->
<!--<p> Just cells. Lots and lots of single cells.</p>-->
</header>
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/pic02.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>Transcriptional variation as a cellular phenotype</h2>
<p>How does inter- and Intra-cell type heterogeneity contribute to cellular function?</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>Every cell in the brain is unique. Gene expression differences between cells of discrete types help define how they integrate and function in the nervous sytem. However, continuous sources of variation across cells, including spatial position, activity state, and responses to injury or inflammation, can have diverse functional consequences for cellular activities.</p>
</div>
<div class="col-4 col-12-medium">
<p>By measuring the gene expression content of single cells in their native environment we can learn how properties like regional localization, cellular morphology, axonal targets, and integration within the circuitry of the brain, contribute to observable, cell-type-specific changes in the dynamic mammalian nervous system.</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/pic03.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Cell fate specification during neural development</h2>
<p>How are different cell types created from a single parental cell type in the developing nervous system?</p>
</header>
<p>The staggering diversity of cell types in the mammalian brain and enteric nervous system is established by only a handful of different precursor cell types. Our lab wants to understand how cells know or are instructed to become a particular cell type. This involves cataloging and identifying different cell types and their features, learning how they are integrated with each other during development to form a function nervous system, and identifying patterns of gene and gene networks that regulate choices in cell fate.</p>
<!-- <ul class="actions">
<li><a href="#" class="button">Learn More</a></li>
</ul> -->
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom">
<img src="images/Ret_Gdnf_Gfra1_in_membrane.png" alt="" />
<!--
<video autoplay muted loop id="myVideo">
<source src="images/cell_flux_velocity_abs.mp4" type="video/mp4">
</video>
-->
</span>
<div class="content">
<header>
<h2>Celltype-specific responses in health and disease</h2>
<p>What makes certain cell types more vulnerable to degeneration in the brain?</p>
</header>
<p>Neurodegenerative disorders are characterized by the targeted loss of specific cellular populations in the brain. In many cases, different neurodegenerative disorders differ only in the specific neuronal populations or brain regions which are affected. We use single-cell measurements to reconstruct how different neuronal populations respond and succumb to disease-associated variants or conditions. Understanding these processes to learn why different neuronal cell types are selectively vulnerable or spared in neurodegenerative disorders provides insight into potential therapeutic options for these debilitating disorders.</p>
<!-- <ul class="actions">
<li><a href="#" class="button">Learn More</a></li>
</ul> -->
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>The Goff Lab supports and welcomes learners of all backgrounds</h2>
<p>We believe in open-minded curiosity of our world and that this begins by recognizing and learning how our perceptions and biases can shape this process. We are committed to building a laboratory and training environment that is diverse and inclusive to welcome, and collectively benefit from, unique perspectives on both science and life.</p>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-flask"></span>
<h3>Research</h3>
<!-- <p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p> -->
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<a href="people.html"><span class="icon solid alt major fa-users"></span></a>
<h3>People</h3>
<!-- <p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p> -->
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<a href="publications.html"><span class="icon solid alt major fa-chart-area"></span></a>
<h3>Publications</h3>
<!-- <p>See what kinds of research projects our group has been up to lately.</p> -->
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<a href="software.html"><span class="icon solid alt major fa-code"></span></a>
<h3>Software</h3>
<!-- <p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p> -->
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-newspaper"></span>
<h3>News</h3>
<!-- <p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p> -->
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-link"></span>
<h3>Links</h3>
<!-- <p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p> -->
</section>
</div>
</div>
<footer class="major">
<ul class="actions special">
<li><a href="#" class="button">Back to the Top</a></li>
</ul>
</footer>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style1 special fade-up">
<div class="container">
<div class="row">
<div class="col-8">
<header>
<h2>To Learn More</h2>
<p>Contact us to discuss your single cell needs or to inquire about advancing your career in the Single Cell Innovation Laboratory (SCIL) at Johns Hopkins University.</p>
<a href="contact.html"><button type="button btn-lg" class="btn btn-success">Contact Us</button></a>
</header>
<!--
<form method="post" action="#" class="cta">
<div class="row gtr-uniform gtr-50">
<div class="col-8 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
<div class="col-4 col-12-xsmall"><input type="submit" value="Contact Us" class="fit primary" /></div>
</div>
</form>
-->
</div>
<div class="col-4">
<a class="twitter-timeline" data-lang="en" data-width="350" data-height="500" data-theme="dark" href="https://twitter.com/loyalgoff?ref_src=twsrc%5Etfw">Tweets by loyalgoff</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
</section>
<!-- Sponsors -->
<section id="six" class="wrapper style1 special fade-up">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<img src="images/NSF_4-Color_bitmap_Logo.png" class="image sponsor" alt="National Science Foundation">
</div>
<div class="col-4 col-12-medium">
<header>
<h2>Our Sponsors</h2>
<p>We are proud to be supported by the following organizations</p>
</header>
</div>
<div class="col-4 col-12-medium">
<img src="images/Helis_Final_Logo.png" class="image sponsor" alt="The Helis Foundation">
</div>
</div>
<div class="row">
<div class="col-4 col-12-medium">
<img src="images/MSCRF_logo.png" class="image sponsor" alt="Maryland Stem Cell Research Fund" style="background: #ffffff;">
</div>
<div class="col-4 col-12-medium">
<img src="images/chan-zuckerberg-initiative.png" class="image sponsor" alt="Chan-Zuckerberg Initiative">
</div>
<div class="col-4 col-12-medium">
<img src="images/jhu-logo.png" class="image sponsor" alt="Johns Hopkins Discovery Fund" style="background: #ffffff;">
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.sharelinkgenerator.com%2F&ref_src=twsrc%5Etfw&text=Share%20Link%20Generator%3A%20Facebook%2C%20Twitter%2C%20LinkedIn%2C%20Pinterest%2C%20and%20Email%20mailto%20forms&tw_p=tweetbutton&url=https%3A%2F%2Fwww.sharelinkgenerator.com%2F&via=twitterapi" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<!-- <li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li> -->
<!-- <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li> -->
<!-- <li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li> -->
<li><a href="http://github.com/gofflab/" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Goff Lab - JHU. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script type='text/javascript' src='https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js'></script>
<script>
$( function() {
$( "#accordion" ).accordion();
} );
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-318359-8', 'auto');
ga('send', 'pageview');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X36CPG7L73"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X36CPG7L73');
</script>
</body>
</html>