Skip to content

Commit fe3b279

Browse files
tparkerdtparkerd
committed
feat: add templates for current lab members
1 parent 48df411 commit fe3b279

22 files changed

+4830
-66
lines changed

‎src/images/headshots/placeholder.png‎

18.6 KB
Loading

‎src/profile/alex-liu.html‎

Lines changed: 236 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,236 @@
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+
<base href="/src/">
14+
<link rel="stylesheet" href="assets/css/main.css" />
15+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
16+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
17+
</head>
18+
19+
<body class="is-preload left-sidebar">
20+
<div id="page-wrapper">
21+
22+
<!-- Header -->
23+
<div id="header-wrapper">
24+
<header id="header" class="container">
25+
26+
<!-- Logo -->
27+
<div id="logo">
28+
<h1><a href="index.html">Topp Roots Lab</a></h1>
29+
<span> </span>
30+
</div>
31+
32+
<!-- Nav -->
33+
<nav id="nav">
34+
<ul>
35+
<li><a href="index.html">Welcome</a></li>
36+
<li><a href="research.html">Root Research</a></li>
37+
<li><a href="publications.html">Publications</a></li>
38+
<li>
39+
<a href="tools.html">Tools & resources</a>
40+
<ul>
41+
<li><a href="https://github.com/Topp-Roots-Lab/TopoRoot">TopoRoot</a></li>
42+
<li><a href="https://github.com/Topp-Roots-Lab/3d-root-crown-analysis-pipeline">3-D Root
43+
Crown Analysis Pipeline</a></li>
44+
<li><a href="https://github.com/Topp-Roots-Lab/Gia3D">GiaRoots</a></li>
45+
<li><a href="https://github.com/Topp-Roots-Lab/timeseries_analysis">Root timeseries
46+
analysis</a></li>
47+
</ul>
48+
</li>
49+
<li class="current"><a href="lab.html">Lab team</a></li>
50+
<li><a href="join.html">Join us</a></li>
51+
</ul>
52+
</nav>
53+
54+
</header>
55+
</div>
56+
57+
<!-- Main -->
58+
<div id="main-wrapper">
59+
<div class="container">
60+
<div class="row gtr-200">
61+
<div class="col-3 col-12-medium">
62+
<div id="sidebar">
63+
64+
<!-- Sidebar -->
65+
<section>
66+
<h3>Alex Liu</h3>
67+
<div class="col-4">
68+
<figure class="image fit">
69+
<img src="images/headshots/alex-liu.png" alt="Alex Liu">
70+
</figure>
71+
<figcaption>
72+
[title]
73+
</figcaption>
74+
<p>Joined [year].</p>
75+
<ul class="list-unstyled">
76+
<li><i class="bi bi-envelope"></i> <a href="mailto:aliu@danforthcenter.org">email</a></li>
77+
<li><i class="bi bi-link-45deg"></i> <a href="#">website</a></li>
78+
<li><i class="bi bi-twitter"></i> <a href="#">@twitter-handle</a></li>
79+
<li><i class="bi bi-linkedin"></i> <a href="#">LinkedIn</a></li>
80+
<li><i class="bi bi-github"></i> <a href="#">Github</a></li>
81+
<li><i class="ai ai-researchgate-square ai-fw"></i> <a href="#">ORCID</a></li>
82+
<li><i class="ai ai-orcid ai-fw"></i> <a href="#">ResearchGate</a></li>
83+
<li><i class="ai ai-google-scholar ai-fw"></i> <a
84+
href="https://scholar.google.com/citations?user=">Google Scholar</a></li>
85+
</ul>
86+
</div>
87+
</section>
88+
</div>
89+
</div>
90+
<div class="col-8 col-12-medium imp-medium">
91+
<div id="content">
92+
93+
<!-- Content -->
94+
<article>
95+
<section>
96+
<h3>Education</h3>
97+
<p>
98+
<ul class="list-unstyled">
99+
<li>PhD in [specialization] at [location].</li>
100+
<li>MSc in [specialization] at [location].</li>
101+
<li>BSc in [specialization] at [location].</li>
102+
</ul>
103+
</p>
104+
</section>
105+
<section>
106+
<h3>Bio</h3>
107+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis reiciendis dolores
108+
facere asperiores laboriosam porro esse, quia odit corrupti nesciunt et rem
109+
minus
110+
amet. Sequi excepturi totam voluptates ea quae?</p>
111+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt repudiandae
112+
suscipit nesciunt debitis. Culpa obcaecati, modi nostrum quasi iusto incidunt
113+
quibusdam sed odit adipisci itaque sint nesciunt, nemo ea blanditiis.</p>
114+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur earum pariatur
115+
voluptatem laboriosam soluta unde aliquam exercitationem, nisi corporis culpa
116+
aut
117+
commodi eum ipsam repudiandae omnis cumque placeat quasi animi!</p>
118+
<div class="container">
119+
<div class="row">
120+
<div class="col">
121+
<a class="image fit"><img src="images/placeholder.png" alt="" /></a>
122+
</div>
123+
<div class="col">
124+
<a class="image fit"><img src="images/placeholder.png" alt="" /></a>
125+
</div>
126+
<div class="col">
127+
<a class="image fit"><img src="images/placeholder.png" alt="" /></a>
128+
</div>
129+
</div>
130+
</div>
131+
</section>
132+
<section>
133+
<h3>Awards</h3>
134+
<ul class="list-unstyled">
135+
<li><em>Placeholder</em></li>
136+
</ul>
137+
</section>
138+
<section>
139+
<h3>Conference attended</h3>
140+
<ul class="list-unstyled">
141+
<li><em>Placeholder</em></li>
142+
</ul>
143+
</section>
144+
<section>
145+
<h3>Affiliations</h3>
146+
<ul class="list-unstyled">
147+
<li><em>Placeholder</em></li>
148+
</ul>
149+
</section>
150+
<section>
151+
<h3>Other interests</h3>
152+
<p><em>Placeholder</em></p>
153+
</section>
154+
</article>
155+
</div>
156+
</div>
157+
</div>
158+
</div>
159+
</div>
160+
161+
<!-- Footer -->
162+
<div id="footer-wrapper">
163+
<footer id="footer" class="container">
164+
<div class="row">
165+
<div class="col-9 col-6-medium col-12-small">
166+
167+
<!-- Links -->
168+
<section class="widget links">
169+
<h3>Site map</h3>
170+
<ul class="style2">
171+
<li><a href="index.html">Home</a></li>
172+
<li><a href="research.html">Research</a></li>
173+
<li><a href="publications.html">Publications</a></li>
174+
<li><a href="tools.html">Tools & resources</a></li>
175+
<li><a href="lab.html">Lab members</a></li>
176+
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893">Find
177+
us</a></li>
178+
<li><a href="join.html">Join us</a></li>
179+
</ul>
180+
</section>
181+
182+
183+
</div>
184+
<div class="col-3 col-6-medium col-12-small">
185+
186+
<!-- Contact -->
187+
<section class="widget contact last">
188+
<h3>Contact</h3>
189+
<ul>
190+
<li><a href="https://twitter.com/RootDevo" class=" icon brands fa-twitter"><span
191+
class="label">Twitter</span></a></li>
192+
<li><a href="mailto:CTopp@danforthcenter.org" class="icon brands fa-telegram"><span
193+
class="label">Email</span></a></li>
194+
<li><a href="https://www.google.com/maps/dir/?api=1&destination=38.674333,-90.3971893"
195+
class="icon brands fa-safari"><span class="label">Address</span></a></li>
196+
<li><a href="https://scholar.google.com/citations?user=-L6lz1IAAAAJ"
197+
class="icon brands fa-google"><span class="label">Google scholar</span></a></li>
198+
<li><a href="https://github.com/Topp-Roots-Lab/marcusdgriff.github.io"
199+
class="icon brands fa-github"><span class="label">Github</span></a></li>
200+
</ul>
201+
</section>
202+
203+
</div>
204+
</div>
205+
<div class="row">
206+
<div class="col-12">
207+
<div id="copyright">
208+
<ul class="menu">
209+
<li>&copy; Christopher Topp [All rights reserved]</li>
210+
<li>designed using Bootstrap 4.0</li>
211+
<li>hosted on <i class="fab fa-github"></i></li>
212+
<!-- TODO: correct link to source code -->
213+
<li>Source code available <a
214+
href="https://github.com/Topp-Roots-Lab/marcusdgriff.github.io">here</a>
215+
</li>
216+
<li>and maintained by the lab</li>
217+
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
218+
</ul>
219+
</div>
220+
</div>
221+
</div>
222+
</footer>
223+
</div>
224+
225+
</div>
226+
<!-- Scripts -->
227+
228+
<script src="assets/js/jquery.min.js"></script>
229+
<script src="assets/js/jquery.dropotron.min.js"></script>
230+
<script src="assets/js/browser.min.js"></script>
231+
<script src="assets/js/breakpoints.min.js"></script>
232+
<script src="assets/js/util.js"></script>
233+
<script src="assets/js/main.js"></script>
234+
</body>
235+
236+
</html>

0 commit comments

Comments
 (0)