-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpeople.html
More file actions
138 lines (133 loc) · 9.24 KB
/
Copy pathpeople.html
File metadata and controls
138 lines (133 loc) · 9.24 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menden Lab - Previous Members</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="container">
<div class="nav-brand">
<h2>Menden Lab</h2>
</div>
<ul class="nav-menu">
<li><a href="index.html#home" class="nav-link">Home</a></li>
<li><a href="index.html#research" class="nav-link">Research</a></li>
<li><a href="index.html#projects" class="nav-link">Projects</a></li>
<li><a href="index.html#team" class="nav-link">Team</a></li>
<li><a href="index.html#apply" class="nav-link btn-apply">Contact us
</a></li>
</ul>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<main class="people-page">
<section class="people-hero">
<div class="container">
<div class="people-hero-content">
<p class="people-kicker">Menden Lab Directory</p>
<h1>Previous Members</h1>
<p>
This page supplements the Team section with alumni from the lab.
Use the filters to quickly browse previous members by role and training stage.
</p>
<a href="index.html#team" class="btn btn-outline">Back to Main Team Section</a>
</div>
</div>
</section>
<section class="people-directory">
<div class="container">
<div class="team-directory">
<div class="team-directory-header">
<div class="team-tabs" role="tablist" aria-label="Filter people by role">
<button class="team-tab is-active" type="button" role="tab" aria-selected="true" data-team-filter="all">All</button>
<button class="team-tab" type="button" role="tab" aria-selected="false" data-team-filter="previous">Previous</button>
<button class="team-tab" type="button" role="tab" aria-selected="false" data-team-filter="postdoc">Postdoc</button>
<button class="team-tab" type="button" role="tab" aria-selected="false" data-team-filter="phd">PhD</button>
<button class="team-tab" type="button" role="tab" aria-selected="false" data-team-filter="masters">Masters</button>
<button class="team-tab" type="button" role="tab" aria-selected="false" data-team-filter="honours">Honours</button>
<button class="team-tab" type="button" role="tab" aria-selected="false" data-team-filter="visitor">Visitor</button>
</div>
</div>
<div class="team-grid team-grid-people" aria-live="polite">
<article class="team-card" data-team-category="all previous phd">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous PhD Student</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous phd">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous PhD Student</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous postdoc">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous Postdoctoral Fellow</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous masters">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous Masters Student</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous honours">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous Honours Student</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous visitor">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous Visiting Scholar</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous postdoc">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous Postdoctoral Fellow</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
<article class="team-card" data-team-category="all previous masters">
<div class="team-member-photo"><div class="photo-placeholder"></div></div>
<div class="team-info"><h3>Member Name</h3><p class="team-role">Previous Masters Student</p><p class="team-interest">Research topic or current affiliation.</p></div>
</article>
</div>
<p class="team-empty-state" hidden>No members in this category yet.</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Menden Lab</h3>
<p>Advancing computational biology and precision medicine through innovative research and open science.</p>
</div>
<div class="footer-section"></div>
<div class="footer-section"></div>
<div class="footer-section">
<h4>Connect</h4>
<div class="social-links">
<a href="https://github.com/MendenLab" target="_blank" title="GitHub" rel="noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
</a>
<a href="mailto:michael.menden@unimelb.edu.au" title="Email">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Menden Lab. All rights reserved.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>