-
Notifications
You must be signed in to change notification settings - Fork 0
/
FAQ.html
312 lines (238 loc) · 13.4 KB
/
FAQ.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
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<title>FAQ</title>
</head>
<!-- NAVBAR CSS -->
<link rel="stylesheet" href="navbar.css">
<!-- FONTS -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Share:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..700&display=swap');
</style>
<style>
.container {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 25px;
}
.expandable {
width: 80%; /* Adjust width as needed */
}
.bar {
font-family: "Spline Sans", sans-serif;
background-color: #007BFF;
color: white;
padding: 10px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.2em;
margin-top: 10px;
background-color: rgb(201, 202, 204);
color: rgb(0, 58, 93);
}
.plus-sign {
font-size: 1.5em;
margin-left: 10px;
color: rgb(255, 78, 0);
}
.content {
font-family: "Spline Sans", sans-serif;
display: none;
padding: 10px;
background-color: #f1f1f1;
border: 1px solid #ddd;
}
h1 {
color: #FF4E00;
font-family: 'Spline Sans', sans-serif;
font-size: 60px;
padding-left: 8%;
text-align: center;
}
.menu{
margin-top: -13%;
}
</style>
<!-- NAVIGATION -->
<header>
<img src="img/EsNetLogo.png" width="400px" class="logo">
<ul class="menu">
<li><a class="active" href="Community.html">COMMUNITY</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">EDUCATIONAL RESOURCES</a>
<div class="dropdown-content">
<a href="FAQ.html">FAQ</a>
<a href="Video.html">Video Content</a>
<a href="Guidance.html">Guidance</a>
</div>
</li>
<li><a href="CareerHighlights.html">CAREER SPOTLIGHTS</a></li>
<li><a href="index.html">HOME</a></li>
<hr id="navLine">
</ul>
</header>
<!-- EXPENDABLE BARS -->
<main>
<h1>FREQUENTLY ASKED QUESTIONS</h1>
<!-- QUESTION 1 -->
<div class="container">
<div class="expandable">
<div class="bar">
ESnet is referred to as an NREN. What does that mean?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>A national research and education network provides a high speed network backbone across many states/provinces or entire countries, opimized for the needs of research and education communities.</p>
</div>
</div>
</div>
<!-- QUESTION 2 -->
<div class="container">
<div class="expandable">
<div class="bar">
Is interest in computer networking required for a career in High Performance Networking(HPN)?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>No! High performance networks provided by national research and education organizations are possible due to the efforts of many different people with many different roles. Network administration is one role, but so is computer security, software development, computer systems administration, electrical engineering, heating and cooling, business and finance, and many other roles.</p>
</div>
</div>
</div>
<!-- QUESTION 3 -->
<div class="container">
<div class="expandable">
<div class="bar">
Why are STEM careers important?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>STEM careers are imporant in leading innovation, making global discoveries and improving our lives. They are responsible for technological and medical advancements by solving problems and creating new solutions.</p>
</div>
</div>
</div>
<!-- QUESTION 4 -->
<div class="container">
<div class="expandable">
<div class="bar">
What programs at the lab are available for college students?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p><strong>Undergraduate Internships (BLUR):</strong> The Berkeley Lab Undergraduate Research (BLUR) program provides summer internships for undergraduate students interested in various scientific disciplines. Participants work on research projects under the guidance of Berkeley Lab scientists and researchers. </p>
<p><strong>Community College Internships (CCI):</strong> The CCI program at Berkeley Lab provides opportunities specifically for community college students to engage in STEM research. It aims to encourage students to transfer to four-year institutions and pursue careers in STEM. </p>
<p><strong>Graduate Student Research (GSR):</strong> Berkeley Lab hosts graduate students from universities worldwide to conduct research in collaboration with Lab scientists. This program allows graduate students to work on cutting-edge research projects and gain valuable experience in their fields of study. </p>
<p><strong>Visiting Faculty Program:</strong> This program invites faculty members from universities and colleges to collaborate with Berkeley Lab scientists on research projects. It aims to foster partnerships between academia and national laboratories. </p>
<p><strong>Computational Research Division Summer Student Program:</strong> This program is specifically for undergraduate and graduate students interested in computational sciences. Participants work on projects related to computing, data analysis, and simulations. </p>
<p><strong>Joint Genome Institute (JGI) Internships:</strong> JGI, a part of Berkeley Lab, offers internships for students interested in genomics and bioinformatics. Participants contribute to research projects related to environmental genomics, microbiology, and plant genomics.</p>
</div>
</div>
</div>
<!-- QUESTION 5 -->
<div class="container">
<div class="expandable">
<div class="bar">
What programs at the lab are available for highschool students?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p><strong>SeA Bilingual STEM Camp:</strong>
SeA @ Berkeley Lab is a free 4 day spring break camp (April 3-6, 2024) for English-learning/native Spanish-speaking bilingual students who are interested in learning more about STEM and career opportunities at Berkeley Lab. Participating in SEA can also be a step toward a summer internship at Berkeley Lab. </p>
<p><strong>Berkeley Lab Director's Apprenticeship Program:</strong>
BLDAP is a project-based high school STEM program designed to help participants in grades 10-11 to develop 21st century skills, learn about Berkeley Lab’s business and research activities, receive college and career guidance, and develop a STEM network in a real-life work environment. </p>
<p><strong>SAGE Camp:</strong>
Science Accelerating Girls' Engagement in STEM (SAGE) is a one-week summer camp for public high school students (age 14-17) to share what life is like in STEM professions. Throughout the week, students will participate in job shadowing, hands-on projects, professional development, and more! </p>
<p><strong>Experiences in Research:</strong>
Experiences in Research are summer internships for students to gain hands-on experience with professionals at Berkeley Lab. Students will be working directly on cutting edge projects alongside experts in STEM. Projects will be focused around different aspects of STEM such as administration, communications, experimental research, and more. </p>
<p><strong>iCLEM Experience:</strong>
The Introductory College Level Experience in Microbiology (iCLEM) is a paid summer science intensive for high school students hosted by the Joint BioEnergy Institute (JBEI). The program seeks to broaden students’ understanding of biotechnology, microbiology, and biofuels. </p>
<p><strong>QCaMP:</strong>
The strangeness of quantum physics is being harnessed to revolutionize computing as we know it. At QCaMP, you will get a primer on computing fundamentals, learn hands-on about quantum physics, and apply those phenomena to solve computing problems in new ways. QCaMP is for high school students and participants receive a learning stipend. </p>
</div>
</div>
</div>
<!-- QUESTION 6 -->
<div class="container">
<div class="expandable">
<div class="bar">
What is ESnet and how is it associated with Berkeley Lab?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>
ESnet, or Energy Sciences Network, is a high-performance network supporting data-intensive research for the U.S. Department of Energy (DOE). Managed by the Lawrence Berkeley National Laboratory, ESnet facilitates high-speed data transfers and communication among DOE facilities, research institutions, and partners. Its advanced capabilities are vital for handling large-scale scientific data across various fields.</p>
</div>
</div>
</div>
<!-- QUESTION 7 -->
<div class="container">
<div class="expandable">
<div class="bar">
Where is ESnet located?
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>ESnet, or Energy Sciences Network, is not confined to a single physical location. Instead, it operates as a distributed network with infrastructure spanning multiple locations. Its core facilities are housed at the Lawrence Berkeley National Laboratory in Berkeley, California. However, the network extends across various sites nationwide, connecting DOE facilities, research institutions, and other partners throughout the U.S. and internationally. This widespread infrastructure supports high-speed data transfer and collaboration for scientific research.</p>
</div>
</div>
</div>
<!-- QUESTION 8 -->
<div class="container">
<div class="expandable">
<div class="bar">
Question 8
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>This is the hidden content 1 that is revealed when you click the bar above.</p>
</div>
</div>
</div>
<!-- QUESTION 9 -->
<div class="container">
<div class="expandable">
<div class="bar">
Question 9
<span class="plus-sign">+</span>
</div>
<div class="content">
<p>This is the hidden content 1 that is revealed when you click the bar above.</p>
</div>
</div>
</div>
<!-- JAVASCRIPT -->
<script>
document.querySelectorAll('.bar').forEach(function(bar) {
bar.addEventListener('click', function() {
var content = this.nextElementSibling;
var plusSign = this.querySelector('.plus-sign');
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block";
plusSign.textContent = "−";
} else {
content.style.display = "none";
plusSign.textContent = "+";
}
});
});
</script>
</main>
<!-- FOOTER -->
<hr style="height: 1px; background-color: black;">
<img src="img/LBLlogo.png" width="400px" style="padding: 50px;">
<img src="img/DOElogo.png" width="400px" style="padding: 50px;">
<ul class="bottommenu">
<li><a href="Contact.html">CONTACT</a></li>
<li><a href="https://forms.gle/qLY8kAGqTz21LVDK7" target="_blank">MAILING LIST</a></li>
<li><a class="active" href="Community.html">COMMUNITY</a></li>
<li><a href="Guidance.html">EDUCATIONAL RESOURCES</a></li>
<li><a href="CareerHighlights.html">CAREER SPOTLIGHTS</a></li>
<li><a href="index.html">HOME</a></li>
</ul>
</html>