Skip to content

Commit 8ef6195

Browse files
marcusdgriffmarcusdgriff
committed
feat: updated lab photos and Xray research pages
1 parent 686b8d3 commit 8ef6195

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+374
-29
lines changed

‎src/XRM.html‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
<!DOCTYPE HTML>
2+
<!--
3+
Verti by HTML5 UP
4+
html5up.net | @ajlkn
5+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6+
-->
7+
<html>
8+
9+
<head>
10+
<title>Topp Lab</title>
11+
<meta charset="utf-8" />
12+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
13+
<link rel="stylesheet" href="assets/css/main.css" /> </head>
14+
15+
<body class="is-preload no-sidebar">
16+
<div id="page-wrapper">
17+
<!-- Header -->
18+
<div id="header-wrapper">
19+
<header id="header" class="container">
20+
<!-- Logo -->
21+
<div id="logo">
22+
<h1><a href="index.html">Topp Roots Lab</a></h1> <span> </span> </div>
23+
<!-- Nav -->
24+
<!-- Nav -->
25+
<nav id="nav">
26+
<ul>
27+
<li><a href="index.html">Welcome</a></li>
28+
<li class = current><a href="research.html">Research</a>
29+
<ul>
30+
<li><a href="XRT.html">Xray CT</a></li>
31+
<li><a href="XRM.html">Xray Microscopy</a></li>
32+
</ul></li>
33+
<li><a href="publications.html">Publications</a></li>
34+
<li> <a href="tools.html">Tools</a>
35+
<ul>
36+
<li><a href="https://github.com/Topp-Roots-Lab/TopoRoot">TopoRoot</a></li>
37+
<li><a href="https://github.com/Topp-Roots-Lab/3d-root-crown-analysis-pipeline">3-D Root Crown Analysis Pipeline</a></li>
38+
<li><a href="https://github.com/Topp-Roots-Lab/Gia3D">Gia3D</a></li>
39+
<li><a href="https://github.com/Topp-Roots-Lab/timeseries_analysis">Root timeseries analysis</a></li>
40+
</ul>
41+
</li>
42+
<li><a href="lab.html">Lab</a></li>
43+
<li><a href="join.html">Join</a></li>
44+
</ul>
45+
</nav>
46+
</header>
47+
</div>
48+
<!-- Main -->
49+
<div id="main-wrapper">
50+
<div class="container">
51+
<div class="row gtr-200">
52+
<div class="col-12 col-12-medium">
53+
<!-- Content -->
54+
<div id="content">
55+
<section class="widget thumbnails">
56+
<h2>Xray microscopy (XRM)</h2>
57+
<div class="grid">
58+
<div class="row gtr-50">
59+
<div class="col-6">
60+
<h4>Cellular- and micro- resolution of the rhizosphere</h4>
61+
<p>The success of the Xray instrument soon led to a smaller, but more powerful X-ray microscope to look at root-microbial interactions. Now the Topp lab can see the 3D subterranean world of roots nondestructively, at least for plants growing in large containers. The Topp lab’s X-ray CT and microscope facility for plant science at the Danforth Center is unique in the world.</p>
62+
</div>
63+
<div class="col-6">
64+
<a href="" class="image fit"><img src="images/XRM_Zeiss.png" alt="" /></a>
65+
</div>
66+
<div class="col-6">
67+
<h4>How it works</h4>
68+
<p>Text...</p>
69+
</div>
70+
<div class="col-6">
71+
<a href="" class="image fit"><img src="images/XRM_Zeiss_inside.png" alt="" /></a>
72+
</div>
73+
<div class="col-6">
74+
<h4>Advantages and Specs of XRT </h4>
75+
<p>I’m thinking maybe we could use list or bullet points here for quick readability? <a href=""></a></p>
76+
</div>
77+
<div class="col-6">
78+
<a href="" class="image fit"><img src="images/XRMtechspecs.png" alt="" /></a>
79+
</div>
80+
</div>
81+
</div>
82+
83+
<div class="grid">
84+
<div class="row gtr-50">
85+
<div class="col-3">
86+
<a class="image fit"><img src="images/root-genetics.png" alt="" /></a>
87+
<h4>Project1</h4> Text describing image and project ... </div>
88+
<div class="col-3">
89+
<a class="image fit"><img src="images/xray-root.png" alt="" /></a>
90+
<h4>Project2</h4> Text describing image and project ... </div>
91+
<div class="col-3">
92+
<a class="image fit"><img src="images/xray-microscope-root.png" alt="" /></a>
93+
<h4>Project3</h4> Text describing image and project ... </div>
94+
<div class="col-3">
95+
<a class="image fit"><img src="images/modern-mesocosm.png" alt="" /></a>
96+
<h4>Project4</h4> Text describing image and project ... </div>
97+
</div>
98+
</div>
99+
100+
</div>
101+
</section>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
<!-- Footer -->
108+
<div id="footer-wrapper">
109+
<footer id="footer" class="container">
110+
<div class="row">
111+
<div class="col-9 col-6-medium col-12-small">
112+
<!-- Links -->
113+
<section class="widget links">
114+
<h3>Site map</h3>
115+
<ul class="style2">
116+
<li><a href="index.html">Home</a></li>
117+
<li><a href="research.html">Research</a></li>
118+
<li><a href="publications.html">Publications</a></li>
119+
<li><a href="tools.html">Tools & resources</a></li>
120+
<li><a href="lab.html">Lab members</a></li>
121+
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893">Find us</a></li>
122+
<li><a href="join.html">Join us</a></li>
123+
</ul>
124+
</section>
125+
</div>
126+
<div class="col-3 col-6-medium col-12-small">
127+
<!-- Contact -->
128+
<section class="widget contact last">
129+
<h3>Contact</h3>
130+
<ul>
131+
<li><a href="https://twitter.com/RootDevo" class=" icon brands fa-twitter"><span class="label">Twitter</span></a></li>
132+
<li><a href="mailto:CTopp@danforthcenter.org" class="icon brands fa-telegram"><span class="label">Email</span></a></li>
133+
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893" class="icon brands fa-safari"><span class="label">Address</span></a></li>
134+
<li><a href="https://scholar.google.com/citations?user=-L6lz1IAAAAJ" class="icon brands fa-google"><span class="label">Google scholar</span></a></li>
135+
<li><a href="https://github.com/Topp-Roots-Lab/Topp-Roots-Lab.github.io" class="icon brands fa-github"><span class="label">Github</span></a></li>
136+
</ul>
137+
</section>
138+
</div>
139+
</div>
140+
<div class="row">
141+
<div class="col-12">
142+
<div id="copyright">
143+
<ul class="menu">
144+
<li>&copy; Christopher Topp [All rights reserved]</li>
145+
<li>designed using Bootstrap 4.0</li>
146+
<li>hosted on <i class="fab fa-github"></i></li>
147+
<li>Source code available <a href="https://github.com/Topp-Roots-Lab/Topp-Roots-Lab.github.io">here</a></li>
148+
<li>and maintained by the lab</li>
149+
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
150+
</ul>
151+
</div>
152+
</div>
153+
</div>
154+
</footer>
155+
</div>
156+
</div>
157+
<!-- Scripts -->
158+
<script src="assets/js/jquery.min.js"></script>
159+
<script src="assets/js/jquery.dropotron.min.js"></script>
160+
<script src="assets/js/browser.min.js"></script>
161+
<script src="assets/js/breakpoints.min.js"></script>
162+
<script src="assets/js/util.js"></script>
163+
<script src="assets/js/main.js"></script>
164+
</body>
165+
166+
</html>

‎src/XRT.html‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
<!DOCTYPE HTML>
2+
<!--
3+
Verti by HTML5 UP
4+
html5up.net | @ajlkn
5+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6+
-->
7+
<html>
8+
9+
<head>
10+
<title>Topp Lab</title>
11+
<meta charset="utf-8" />
12+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
13+
<link rel="stylesheet" href="assets/css/main.css" /> </head>
14+
15+
<body class="is-preload no-sidebar">
16+
<div id="page-wrapper">
17+
<!-- Header -->
18+
<div id="header-wrapper">
19+
<header id="header" class="container">
20+
<!-- Logo -->
21+
<div id="logo">
22+
<h1><a href="index.html">Topp Roots Lab</a></h1> <span> </span> </div>
23+
<!-- Nav -->
24+
<!-- Nav -->
25+
<nav id="nav">
26+
<ul>
27+
<li><a href="index.html">Welcome</a></li>
28+
<li class = current><a href="research.html">Research</a>
29+
<ul>
30+
<li><a href="XRT.html">Xray CT</a></li>
31+
<li><a href="XRM.html">Xray Microscopy</a></li>
32+
</ul></li>
33+
<li><a href="publications.html">Publications</a></li>
34+
<li> <a href="tools.html">Tools</a>
35+
<ul>
36+
<li><a href="https://github.com/Topp-Roots-Lab/TopoRoot">TopoRoot</a></li>
37+
<li><a href="https://github.com/Topp-Roots-Lab/3d-root-crown-analysis-pipeline">3-D Root Crown Analysis Pipeline</a></li>
38+
<li><a href="https://github.com/Topp-Roots-Lab/Gia3D">Gia3D</a></li>
39+
<li><a href="https://github.com/Topp-Roots-Lab/timeseries_analysis">Root timeseries analysis</a></li>
40+
</ul>
41+
</li>
42+
<li><a href="lab.html">Lab</a></li>
43+
<li><a href="join.html">Join</a></li>
44+
</ul>
45+
</nav>
46+
</header>
47+
</div>
48+
<!-- Main -->
49+
<div id="main-wrapper">
50+
<div class="container">
51+
<div class="row gtr-200">
52+
<div class="col-12 col-12-medium">
53+
<!-- Content -->
54+
<div id="content">
55+
<section class="widget thumbnails">
56+
<h2>Xray CT (XRT)</h2>
57+
<div class="grid">
58+
<div class="row gtr-50">
59+
<div class="col-6">
60+
<h4>Xray CT for non-invasive 3D imaging of plant roots</h4>
61+
<p>A partnership with Valent BioSciences in 2016, along with funding from the National Science Foundation, brought one of these 8-ton machines to the Danforth Center.</p>
62+
</div>
63+
<div class="col-6">
64+
<a href="" class="image fit"><img src="images/XRT_NorthStar.png" alt="" /></a>
65+
</div>
66+
<div class="col-6">
67+
<h4>How it works</h4>
68+
<p>Text...</p>
69+
</div>
70+
<div class="col-6">
71+
<a href="" class="image fit"><img src="images/XRT_NorthStar_inside.png" alt="" /></a>
72+
</div>
73+
<div class="col-6">
74+
<h4>Advantages and Specs of XRT </h4>
75+
<p>I’m thinking maybe we could use list or bullet points here for quick readability? <a href=""></a></p>
76+
</div>
77+
<div class="col-6">
78+
<a href="" class="image fit"><img src="images/Radiograph.png" alt="" /></a>
79+
</div>
80+
</div>
81+
</div>
82+
83+
<div class="grid">
84+
<div class="row gtr-50">
85+
<div class="col-3">
86+
<a class="image fit"><img src="images/root-genetics.png" alt="" /></a>
87+
<h4>Project1</h4> Text describing image and project ... </div>
88+
<div class="col-3">
89+
<a class="image fit"><img src="images/xray-root.png" alt="" /></a>
90+
<h4>Project2</h4> Text describing image and project ... </div>
91+
<div class="col-3">
92+
<a class="image fit"><img src="images/xray-microscope-root.png" alt="" /></a>
93+
<h4>Project3</h4> Text describing image and project ... </div>
94+
<div class="col-3">
95+
<a class="image fit"><img src="images/modern-mesocosm.png" alt="" /></a>
96+
<h4>Project4</h4> Text describing image and project ... </div>
97+
</div>
98+
</div>
99+
100+
</div>
101+
</section>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
<!-- Footer -->
108+
<div id="footer-wrapper">
109+
<footer id="footer" class="container">
110+
<div class="row">
111+
<div class="col-9 col-6-medium col-12-small">
112+
<!-- Links -->
113+
<section class="widget links">
114+
<h3>Site map</h3>
115+
<ul class="style2">
116+
<li><a href="index.html">Home</a></li>
117+
<li><a href="research.html">Research</a></li>
118+
<li><a href="publications.html">Publications</a></li>
119+
<li><a href="tools.html">Tools & resources</a></li>
120+
<li><a href="lab.html">Lab members</a></li>
121+
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893">Find us</a></li>
122+
<li><a href="join.html">Join us</a></li>
123+
</ul>
124+
</section>
125+
</div>
126+
<div class="col-3 col-6-medium col-12-small">
127+
<!-- Contact -->
128+
<section class="widget contact last">
129+
<h3>Contact</h3>
130+
<ul>
131+
<li><a href="https://twitter.com/RootDevo" class=" icon brands fa-twitter"><span class="label">Twitter</span></a></li>
132+
<li><a href="mailto:CTopp@danforthcenter.org" class="icon brands fa-telegram"><span class="label">Email</span></a></li>
133+
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893" class="icon brands fa-safari"><span class="label">Address</span></a></li>
134+
<li><a href="https://scholar.google.com/citations?user=-L6lz1IAAAAJ" class="icon brands fa-google"><span class="label">Google scholar</span></a></li>
135+
<li><a href="https://github.com/Topp-Roots-Lab/Topp-Roots-Lab.github.io" class="icon brands fa-github"><span class="label">Github</span></a></li>
136+
</ul>
137+
</section>
138+
</div>
139+
</div>
140+
<div class="row">
141+
<div class="col-12">
142+
<div id="copyright">
143+
<ul class="menu">
144+
<li>&copy; Christopher Topp [All rights reserved]</li>
145+
<li>designed using Bootstrap 4.0</li>
146+
<li>hosted on <i class="fab fa-github"></i></li>
147+
<li>Source code available <a href="https://github.com/Topp-Roots-Lab/Topp-Roots-Lab.github.io">here</a></li>
148+
<li>and maintained by the lab</li>
149+
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
150+
</ul>
151+
</div>
152+
</div>
153+
</div>
154+
</footer>
155+
</div>
156+
</div>
157+
<!-- Scripts -->
158+
<script src="assets/js/jquery.min.js"></script>
159+
<script src="assets/js/jquery.dropotron.min.js"></script>
160+
<script src="assets/js/browser.min.js"></script>
161+
<script src="assets/js/breakpoints.min.js"></script>
162+
<script src="assets/js/util.js"></script>
163+
<script src="assets/js/main.js"></script>
164+
</body>
165+
166+
</html>

‎src/images/Radiograph.png‎

22.8 KB
Loading

‎src/images/XRM_Zeiss.png‎

1.32 MB
Loading

‎src/images/XRM_Zeiss_inside.png‎

2.12 MB
Loading

‎src/images/XRMtechspecs.png‎

175 KB
Loading

‎src/images/XRT_NorthStar.png‎

766 KB
Loading

‎src/images/XRT_NorthStar_inside.png‎

1.34 MB
Loading

‎src/images/adj-0958.jpg‎

-5.54 MB
Binary file not shown.

‎src/images/headshots/alex-liu.png‎

100644100755
352 KB
Loading

0 commit comments

Comments
 (0)