Skip to content

Commit 9a1c35d

Browse files
committed
[feat] vimeo hosted videos
1 parent 8457011 commit 9a1c35d

File tree

150 files changed

+477
-188
lines changed

Some content is hidden

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

150 files changed

+477
-188
lines changed
File renamed without changes.
File renamed without changes.

src/XRM.html renamed to XRM.html

Lines changed: 33 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -21,25 +21,30 @@
2121
<div id="logo">
2222
<h1><a href="index.html">Topp Roots Lab</a></h1> <span> </span> </div>
2323
<!-- Nav -->
24-
<!-- Nav -->
2524
<nav id="nav">
2625
<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>
26+
<li><a href="index.html">Home</a></li>
27+
<li><a href="news.html">News</a>
28+
<li class="current"><a href="research.html">Research</a>
29+
<ul>
30+
<li><a href="research.html">Research overview</a></li>
31+
<li><a href="XRT.html">Xray CT</a></li>
32+
<li><a href="XRM.html">Xray Microscopy</a></li>
33+
</ul>
34+
</li>
35+
<li><a href="publications.html">Papers</a></li>
3436
<li> <a href="tools.html">Tools</a>
3537
<ul>
3638
<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>
39+
<li><a href="https://github.com/Topp-Roots-Lab/3d-root-crown-analysis-pipeline">3-D Root
40+
Crown Analysis Pipeline</a></li>
41+
<li><a href="https://github.com/Topp-Roots-Lab/Gia3D">GiaRoots</a></li>
42+
<li><a href="https://github.com/Topp-Roots-Lab/timeseries_analysis">Root timeseries
43+
analysis</a></li>
4044
</ul>
4145
</li>
42-
<li><a href="lab.html">Lab</a></li>
46+
<li> <a href="Data.html">Data</a></li>
47+
<li><a href="lab.html">Team</a></li>
4348
<li><a href="join.html">Join</a></li>
4449
</ul>
4550
</nav>
@@ -86,53 +91,59 @@ <h4></h4>
8691
<div class="grid">
8792
<div class="row gtr-50">
8893
<div class="col-4">
89-
<a class="image fit"><img src="videos/BrachyAMF_InSitu.m4v" alt="" /></a>
94+
<a class="image fit"><div style="padding:72% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779391743?h=985cf72fdf&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="BrachyAMF_InSitu"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
9095
<h4>Root-microbe colonization</h4> Roots of Brachypodium colonized by Rhizophagus irregularis, contrasted with osmium and imaged by XRM in situ.
9196
</div>
9297
<div class="col-4">
93-
<a class="image fit"><img src="videos/CarrotRootAMF_OsO4.m4v" alt="" /></a>
98+
<a class="image fit"><div style="padding:60.61% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396289?h=e709b47919&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="CarrotRootAMF_OsO4.m4v"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
9499
<h4>Carrot root AMF</h4> In vitro carrot root cultures colonized by R. irregularis, contrasted with osmium tetroxide.
95100
</div>
96101
<div class="col-4">
97-
<a class="image fit"><img src="videos/CarrotRootAMF_WGA_Au.m4v" alt="" /></a>
102+
<a class="image fit"><div style="padding:71.57% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396320?h=8fb4fe808b&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="CarrotRootAMF_WGA_Au"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
98103
<h4>Carrot root AMF</h4> In vitro carrot root cultures colonized by R. irregularis, contrasted with Wheat Germ Agglutinin conjugated to 40nm gold particles.
99104
</div>
100105
</div>
101106

102107
<div class="grid">
103108
<div class="row gtr-50">
104109
<div class="col-4">
105-
<a class="image fit"><img src="videos/SoilAggregateOverlay.m4v" alt="" /></a>
110+
<a class="image fit"><div style="padding:59.9% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396371?h=0bd98d7363&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="SoilAggregateOverlay"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
106111
<h4>Soil aggregate</h4> Multiscale overlaid scans of soil aggregate, part of a project to use X-ray imaging to evaluate pore space from soils under differing management strategies.
107112
</div>
108113
<div class="col-4">
109-
<a class="image fit"><img src="videos/PennycressOverlay.m4v" alt="" /></a>
114+
<a class="image fit"><div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396353?h=468bb7f0c2&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="PennycressOverlay"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
110115
<h4>Pennycress pod</h4> Low magnification scan of a pennycress pod with overlaid high magnification scan of two developing seeds, with individual cell layers and developing cotyledons visible.
111116
</div>
112117
<div class="col-4">
113-
<a class="image fit"><img src="videos/ArabidopsisFlowerOverlay.m4v" alt="" /></a>
118+
<a class="image fit"><div style="padding:64.92% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779391728?h=03cfa89442&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="ArabidopsisFlowerOverlay.m4v"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
114119
<h4>Arabidopsis flower</h4> Multiscale overlaid scans of Arabidopsis flower with long slender ovary containing multiple ovules, surrounded by pollen-filled anthers.
115120
</div>
116121
</div>
117122

118123
<div class="grid">
119124
<div class="row gtr-50">
120125
<div class="col-4">
121-
<a class="image fit"><img src="videos/SoybeanOverlay.m4v" alt="" /></a>
126+
<a class="image fit"><div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396396?h=79ef2dab80&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="SoybeanOverlay"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
122127
<h4>Soil aggregate</h4> Multiscale overlaid scans of soybean flower with ovary containing three ovules, surrounded by pollen-containing anthers. Polar nuclei and synergids are visible in the high magnification scan of a single ovule.
123128
</div>
124129
<div class="col-4">
125-
<a class="image fit"><img src="videos/SoyOvule20X_FlyThru.m4v" alt="" /></a>
130+
<a class="image fit"><div style="padding:64.96% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396475?h=a4508c1fba&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="SoyOvule20X_FlyThru"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
126131
<h4>Soybean ovule</h4> Fly-through animation of 2D digital slices through a developing soybean ovule, showing rich cell-level detail.
127132
</div>
128133
<div class="col-4">
129-
<a class="image fit"><img src="videos/SoyNoduleOverlay.m4v" alt="" /></a>
134+
<a class="image fit"><div style="padding:80.72% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779396452?h=88a32c4235&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="SoyNoduleOverlay"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
130135
<h4>Soybean nodule</h4> Multiscale overlaid scans of soybean nodule formed by the nitrogen-fixing bacterium Bradyrhizobium japonicum. Host vascular bundles are evident surrounding the nodule, and the hundreds of bacteroids with bright nuclei are visible.
131136
</div>
132137
</div>
133138
</div>
134139

135-
<a data-flickr-embed="true" data-header="true" data-footer="true" href="https://www.flickr.com/photos/197041608@N05/albums/72177720304136404" title="XRM"><img src="https://live.staticflickr.com/65535/52536011182_13b39f3ebc_b.jpg" width="1024" height="768" alt="XRM"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
140+
<a data-flickr-embed="true" data-header="true" data-footer="true" href="https://www.flickr.com/photos/197041608@N05/52536011182/in/photostream/" title="CarrotRootAMF_OsO4_1"><img src="https://live.staticflickr.com/65535/52536011182_13b39f3ebc_b.jpg" width="1024" height="660" alt="CarrotRootAMF_OsO4_1"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
141+
142+
<a data-flickr-embed="true" data-header="true" data-footer="true" data-context="true" href="https://www.flickr.com/photos/197041608@N05/52536011182/in/album-72177720304136404/" title="CarrotRootAMF_OsO4_1"><img src="https://live.staticflickr.com/65535/52536011182_13b39f3ebc_b.jpg" width="1024" height="660" alt="CarrotRootAMF_OsO4_1"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
143+
144+
<!-- add the following after the youtube embed/url "&autoplay=1&?rel=0" -->
145+
<iframe width="560" height="315" src="https://www.youtube.com/embed/zVu_c1kOn9U?controls=0&autoplay=1&?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
146+
136147
</div>
137148
</section>
138149
</div>

src/XRT.html renamed to XRT.html

Lines changed: 28 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -21,25 +21,30 @@
2121
<div id="logo">
2222
<h1><a href="index.html">Topp Roots Lab</a></h1> <span> </span> </div>
2323
<!-- Nav -->
24-
<!-- Nav -->
2524
<nav id="nav">
2625
<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>
26+
<li><a href="index.html">Home</a></li>
27+
<li><a href="news.html">News</a>
28+
<li class="current"><a href="research.html">Research</a>
29+
<ul>
30+
<li><a href="research.html">Research overview</a></li>
31+
<li><a href="XRT.html">Xray CT</a></li>
32+
<li><a href="XRM.html">Xray Microscopy</a></li>
33+
</ul>
34+
</li>
35+
<li><a href="publications.html">Papers</a></li>
3436
<li> <a href="tools.html">Tools</a>
3537
<ul>
3638
<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>
39+
<li><a href="https://github.com/Topp-Roots-Lab/3d-root-crown-analysis-pipeline">3-D Root
40+
Crown Analysis Pipeline</a></li>
41+
<li><a href="https://github.com/Topp-Roots-Lab/Gia3D">GiaRoots</a></li>
42+
<li><a href="https://github.com/Topp-Roots-Lab/timeseries_analysis">Root timeseries
43+
analysis</a></li>
4044
</ul>
4145
</li>
42-
<li><a href="lab.html">Lab</a></li>
46+
<li> <a href="Data.html">Data</a></li>
47+
<li><a href="lab.html">Team</a></li>
4348
<li><a href="join.html">Join</a></li>
4449
</ul>
4550
</nav>
@@ -83,49 +88,48 @@ <h4></h4>
8388
<div class="grid">
8489
<div class="row gtr-50">
8590
<div class="col-4">
86-
<a class="image fit"><img src="videos/MaizeRootCrown_XRT.m4v" alt="" /></a>
87-
<h4>Excavated maize root crown</h4> Text describing image and project ...
91+
<a class="image fit"><div style="padding:67.11% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397539?h=868093d2ac&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="MaizeRootCrown_XRT"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
92+
<h4>Excavated maize root crown</h4>
8893
</div>
8994
<div class="col-4">
90-
<a class="image fit"><img src="videos/SegmentedMaizeRoots_XRT.mp4" alt="" /></a>
95+
<a class="image fit"><div style="padding:55.83% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397614?h=85ae310b5e&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="SegmentedMaizeRoots_XRT"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
9196
<h4>In-situ maize root</h4> Maize root system that has been computationally segmented from a high resolution scan of roots growing in soil
9297
</div>
9398
<div class="col-4">
94-
<a class="image fit"><img src="videos/MaizeEar_XRT.m4v" alt="" /></a>
95-
<h4>Mature maize ear</h4> Text describing image and project ...
99+
<a class="image fit"><div style="padding:74.53% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397476?h=b904085bfa&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="MaizeEar_XRT"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
100+
<h4>Mature maize ear</h4>
96101
</div>
97102
</div>
98103
</div>
99104

100105
<div class="grid">
101106
<div class="row gtr-50">
102107
<div class="col-4">
103-
<a class="image fit"><img src="videos/SorghumPanicle_XRT.m4v" alt="" /></a>
108+
<a class="image fit"><div style="padding:71.84% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397646?h=5593c5b9cf&loop=1&autoplay=1&badge=0&autopause=0&player_id=0&app_id=58479/embed" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div></a>
104109
<h4>Sorghum panicle</h4>
105110
</div>
106111
<div class="col-4">
107-
<a class="image fit"><img src="videos/Grapes_XRT.mp4" alt="" /></a>
112+
<a class="image fit"><div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397447?h=46afb5e9b8&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Grapes_XRT.mp4"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
108113
<h4>Fresh bunch of grapes</h4>
109114
</div>
110115
<div class="col-4">
111-
<a class="image fit"><img src="videos/Pepper_XRT.m4v" alt="" /></a>
116+
<a class="image fit"><div style="padding:66.63% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397571?h=8b59319139&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Pepper_XRT"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
112117
<h4>Fresh bell pepper</h4>
113118
</div>
114119
</div>
115120

116121
<div class="grid">
117122
<div class="row gtr-50">
118123
<div class="col-4">
119-
<a class="image fit"><img src="videos/Pumpkin_XRT.m4v" alt="" /></a>
120-
<h4>Halloween pumpkin</h4> Text describing image and project ... </div>
124+
<a class="image fit"><div style="padding:67.84% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/779397590?h=2c02ca6564&loop=1&autoplay=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Pumpkin_XRT"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></a>
125+
<h4>Halloween pumpkin</h4></div>
121126
<div class="col-4">
122127
<a class="image fit"><img src="" alt="" /></a>
123128
<h4></h4></div>
124129
<div class="col-4">
125130
<a class="image fit"><img src="" alt="" /></a>
126131
<h4></h4></div>
127132
</div>
128-
129133
</div>
130134
</section>
131135
</div>
@@ -146,7 +150,7 @@ <h3>Site map</h3>
146150
<li><a href="research.html">Research</a></li>
147151
<li><a href="publications.html">Publications</a></li>
148152
<li><a href="tools.html">Tools & resources</a></li>
149-
<li><a href="lab.html">Lab members</a></li>
153+
<li><a href="lab.html">Lab team</a></li>
150154
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893">Find us</a></li>
151155
<li><a href="join.html">Join us</a></li>
152156
</ul>

0 commit comments

Comments
 (0)