-
Notifications
You must be signed in to change notification settings - Fork 0
/
dustyPlasmaLabs.html
92 lines (85 loc) · 5.29 KB
/
dustyPlasmaLabs.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Dusty Plasma Labs</title>
<link rel="icon" type="image/x-icon" href="images/logos/IMPACT_favicon.ico">
<meta name="description" content="Read about The IMPACT Lab facilities including The Dust Accelerator Laboratory">
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="layout/styles/main.css" rel="stylesheet" type="text/css" media="all">
<link href="layout/styles/mediaqueries.css" rel="stylesheet" type="text/css" media="all">
</head>
<body class="secondary">
<header class="header__top the-header">
<a href="index.html"><img loading="lazy" class="header__logo" src="images/logos/IMPACT_logo1.png" alt="Institute for Modeling Plama, Atmospheres and Cosmic Dust (IMPACT)"/></a>
<div id="hamburger__menu">
<input id="menu__toggle" type="checkbox" />
<label class="menu__btn" for="menu__toggle">
<div id="menu">MENU</div>
<div><span class="menu__hamburger"></span></div>
</label>
<ul class="menu__box">
<li><a class="menu__item" href="index.html">HOMEPAGE</a></li>
<li><a class="menu__item" href="news.html">NEWS</a></li>
<li><a class="menu__item" href="about.html">ABOUT IMPACT</a></li>
<li><a class="menu__item" href="dustaccelerator.html">DUST ACCELERATORS</a></li>
<li><a class="menu__item" href="dustyPlasmaLabs.html">DUSTY PLASMA LABS</a></li>
<li><a class="menu__item" href="isruLabs.html">ISRU LABS</a></li>
<li><a class="menu__item" href="people.html">PEOPLE</a></li>
<li><a class="menu__item" href="publications.html">PUBLICATIONS</a></li>
<li><a class="menu__item" href="epo.html">EDUCATION / PUBLIC OUTREACH</a></li>
<li><a class="menu__item" href="sservi.html">SSERVI / TEAMS</a></li>
<li><a class="menu__item" href="IDEX.html">IDEX</a></li>
<li><a class="menu__item" href="media.html">MEDIA</a></li>
<li><a class="menu__item" href="meetings.html">MEETINGS</a></li>
<li><a class="menu__item" href="contact.html">CONTACT</a></li>
<li><a class="menu__item" href="AWS/app/build/index.html" target="_blank">DUST DATA DIGGER</a></li>
<li><a class="menu__item" href="impactData/app/dist/index.html" target="_blank">IMPACT DATA</a></li>
</ul>
</div>
</header>
<div id="container" class="page__content">
<div class="page__top" style="background-image: url('images/IMPACT_lab_bw\ \(2\).jpg');">
<div class="page__top__bottom">
<div class="bottom__nav"><a href="index.html">Home </a><span class='divide'> ❱ </span><span class="bottom__nav__page"> Facilites</span></div>
<div class="page__title">IMPACT Dusty Plasma Labs</div>
</div>
</div>
<!-- content -->
<div class="content_section">
<div id="container" class="content_container" style="max-width: 1200px; margin: 0 auto; padding: 20px;">
<section class="clear" style="clear: both;">
<a name="dpl"></a>
<h1 style="text-align: left; margin-bottom: 20px;"><b>Dusty Plasma Laboratory (DPL)</b></h1>
<p>In addition to DAL, IMPACT hosts a variety of vacuum chambers to aide in experimental plasma studies. DPL houses a smaller chamber, 51 cm in diameter and 28 cm tall, used for investigations of dusty plasma phenomena as well as a larger chamber (known as "KEG"), 60 cm in diameter and 80 cm tall, used for investigations of photoelectron sheaths and magnetic anomalies.</p>
<div class="image-container" style="display: flex; justify-content: center; align-items: flex-start; gap: 40px; margin-top: 30px;">
<figure class="image-item" style="flex: 0 0 auto; max-width: 400px; text-align: center;">
<img loading="lazy" src="images/DPL_small_chamber.jpg" alt="DPL Small Chamber" style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);" />
<figcaption style="margin-top: 10px; font-style: italic; color: #666;">Photo of the small vacuum chamber.</figcaption>
</figure>
<figure class="image-item" style="flex: 0 0 auto; max-width: 400px; text-align: center;">
<img loading="lazy" src="images/DPL_KEG.jpg" alt="DPL KEG Chamber" style="width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);" />
<figcaption style="margin-top: 10px; font-style: italic; color: #666;">Photo of the "KEG" vacuum chamber.</figcaption>
</figure>
</div>
</section>
</div>
<style>
@media (max-width: 768px) {
.image-container {
flex-direction: column;
align-items: center;
}
}
</style>
<!-- ################################################################################################ -->
<div class="clear"></div>
</div>
</div>
</div>
<!-- Scripts -->
<!-- JS -->
<script type='text/javascript' src="layout/scripts/effects.js" defer></script>
<script type='text/javascript' src="layout/scripts/menuScroll.js" defer></script>
</body>
</html>