Skip to content

Commit f483b26

Browse files
RexYingRexYing
committed
people
1 parent 48d7e8e commit f483b26

File tree

4 files changed

+213
-26
lines changed

4 files changed

+213
-26
lines changed

‎generic.html‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,14 @@
2121
<div class="inner">
2222

2323
<!-- Header -->
24-
<header id="header">
25-
<a href="index.html" class="logo"><strong>Editorial</strong> by HTML5 UP</a>
26-
<ul class="icons">
27-
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
28-
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
29-
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
30-
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
31-
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li>
32-
</ul>
33-
</header>
24+
<header id="header">
25+
<a href="index.html" class="logo"><strong>GGLab</strong></a> at &nbsp <a href="https://www.yale.edu/" class="logo">Yale University</a>
26+
<a href="https://cpsc.yale.edu/" class="logo">Department of Computer Science</a>
27+
<ul class="icons">
28+
<li><a href="https://twitter.com/RexYing0923" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
29+
<li><a href="https://www.linkedin.com/in/rex-ying-92770148/" class="icon brands fa-linkedin"><span class="label">Twitter</span></a></li>
30+
</ul>
31+
</header>
3432

3533
<!-- Content -->
3634
<section>

‎index.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,6 @@
2727
<ul class="icons">
2828
<li><a href="https://twitter.com/RexYing0923" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
2929
<li><a href="https://www.linkedin.com/in/rex-ying-92770148/" class="icon brands fa-linkedin"><span class="label">Twitter</span></a></li>
30-
<!-- <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
31-
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
32-
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
33-
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li> -->
3430
</ul>
3531
</header>
3632

@@ -170,10 +166,10 @@ <h2>Menu</h2>
170166
</header>
171167
<ul>
172168
<li><a href="index.html">Homepage</a></li>
173-
<li><a href="generic.html">Generic</a></li>
169+
<li><a href="people.html">People</a></li>
174170
<li><a href="elements.html">Elements</a></li>
175171
<li>
176-
<span class="opener">Submenu</span>
172+
<span class="opener">Research</span>
177173
<ul>
178174
<li><a href="#">Lorem Dolor</a></li>
179175
<li><a href="#">Ipsum Adipiscing</a></li>

‎learn_more.html‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,14 @@
2121
<div class="inner">
2222

2323
<!-- Header -->
24-
<header id="header">
25-
<a href="index.html" class="logo"><strong>Editorial</strong> by HTML5 UP</a>
26-
<ul class="icons">
27-
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
28-
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
29-
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
30-
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
31-
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li>
32-
</ul>
33-
</header>
24+
<header id="header">
25+
<a href="index.html" class="logo"><strong>GGLab</strong></a> at &nbsp <a href="https://www.yale.edu/" class="logo">Yale University</a>
26+
<a href="https://cpsc.yale.edu/" class="logo">Department of Computer Science</a>
27+
<ul class="icons">
28+
<li><a href="https://twitter.com/RexYing0923" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
29+
<li><a href="https://www.linkedin.com/in/rex-ying-92770148/" class="icon brands fa-linkedin"><span class="label">Twitter</span></a></li>
30+
</ul>
31+
</header>
3432

3533
<!-- Content -->
3634
<section>

‎people.html‎

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
<!DOCTYPE HTML>
2+
<!--
3+
Editorial 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+
<head>
9+
<title>Generic - Editorial by HTML5 UP</title>
10+
<meta charset="utf-8" />
11+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12+
<link rel="stylesheet" href="assets/css/main.css" />
13+
</head>
14+
<body class="is-preload">
15+
16+
<!-- Wrapper -->
17+
<div id="wrapper">
18+
19+
<!-- Main -->
20+
<div id="main">
21+
<div class="inner">
22+
<!-- Header -->
23+
<header id="header">
24+
<a href="index.html" class="logo"><strong>GGLab</strong></a> at &nbsp <a href="https://www.yale.edu/" class="logo">Yale University</a>
25+
<a href="https://cpsc.yale.edu/" class="logo">Department of Computer Science</a>
26+
<ul class="icons">
27+
<li><a href="https://twitter.com/RexYing0923" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
28+
<li><a href="https://www.linkedin.com/in/rex-ying-92770148/" class="icon brands fa-linkedin"><span class="label">Twitter</span></a></li>
29+
</ul>
30+
</header>
31+
32+
<!-- Section -->
33+
<section>
34+
<header class="major">
35+
<h2>Lab Members</h2>
36+
</header>
37+
<div class="posts">
38+
<article>
39+
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
40+
<h3>Rex Ying</h3>
41+
<p>
42+
Rex Ying is an assistant professor at Yale University. His research areas include algorithms for graph neural networks, geometric embeddings and explainable models.
43+
He is the author of many widely used GNN algorithms such as GraphSAGE, PinSAGE and GNNExplainer.
44+
<!-- In addition, Rex has worked on a variety of applications in physical simulations, social networks, knowledge graphs and biology. -->
45+
He serves as the area chair for LoG 2022.
46+
He is the lead organizer for the Simulation for Deep Learning Workshop in ICLR 2021, and co-organized the graph representation learning workshop in ICML 2020 and Stanford Graph Learning Workshop in 2021.
47+
</p>
48+
<ul class="actions">
49+
<li><a href="#" class="button">More</a></li>
50+
</ul>
51+
</article>
52+
<article>
53+
54+
</article>
55+
<article>
56+
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
57+
<h3>Tempus ullamcorper</h3>
58+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
59+
<ul class="actions">
60+
<li><a href="#" class="button">More</a></li>
61+
</ul>
62+
</article>
63+
<article>
64+
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
65+
<h3>Sed etiam facilis</h3>
66+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
67+
<ul class="actions">
68+
<li><a href="#" class="button">More</a></li>
69+
</ul>
70+
</article>
71+
<article>
72+
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
73+
<h3>Feugiat lorem aenean</h3>
74+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
75+
<ul class="actions">
76+
<li><a href="#" class="button">More</a></li>
77+
</ul>
78+
</article>
79+
<article>
80+
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
81+
<h3>Amet varius aliquam</h3>
82+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
83+
<ul class="actions">
84+
<li><a href="#" class="button">More</a></li>
85+
</ul>
86+
</article>
87+
</div>
88+
</section>
89+
90+
</div>
91+
</div>
92+
93+
<!-- Sidebar -->
94+
<div id="sidebar">
95+
<div class="inner">
96+
97+
<!-- Search -->
98+
<section id="search" class="alt">
99+
<form method="post" action="#">
100+
<input type="text" name="query" id="query" placeholder="Search" />
101+
</form>
102+
</section>
103+
104+
<!-- Menu -->
105+
<nav id="menu">
106+
<header class="major">
107+
<h2>Menu</h2>
108+
</header>
109+
<ul>
110+
<li><a href="index.html">Homepage</a></li>
111+
<li><a href="generic.html">Generic</a></li>
112+
<li><a href="elements.html">Elements</a></li>
113+
<li>
114+
<span class="opener">Submenu</span>
115+
<ul>
116+
<li><a href="#">Lorem Dolor</a></li>
117+
<li><a href="#">Ipsum Adipiscing</a></li>
118+
<li><a href="#">Tempus Magna</a></li>
119+
<li><a href="#">Feugiat Veroeros</a></li>
120+
</ul>
121+
</li>
122+
<li><a href="#">Etiam Dolore</a></li>
123+
<li><a href="#">Adipiscing</a></li>
124+
<li>
125+
<span class="opener">Another Submenu</span>
126+
<ul>
127+
<li><a href="#">Lorem Dolor</a></li>
128+
<li><a href="#">Ipsum Adipiscing</a></li>
129+
<li><a href="#">Tempus Magna</a></li>
130+
<li><a href="#">Feugiat Veroeros</a></li>
131+
</ul>
132+
</li>
133+
<li><a href="#">Maximus Erat</a></li>
134+
<li><a href="#">Sapien Mauris</a></li>
135+
<li><a href="#">Amet Lacinia</a></li>
136+
</ul>
137+
</nav>
138+
139+
<!-- Section -->
140+
<section>
141+
<header class="major">
142+
<h2>Ante interdum</h2>
143+
</header>
144+
<div class="mini-posts">
145+
<article>
146+
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
147+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
148+
</article>
149+
<article>
150+
<a href="#" class="image"><img src="images/pic08.jpg" alt="" /></a>
151+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
152+
</article>
153+
<article>
154+
<a href="#" class="image"><img src="images/pic09.jpg" alt="" /></a>
155+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
156+
</article>
157+
</div>
158+
<ul class="actions">
159+
<li><a href="#" class="button">More</a></li>
160+
</ul>
161+
</section>
162+
163+
<!-- Section -->
164+
<section>
165+
<header class="major">
166+
<h2>Get in touch</h2>
167+
</header>
168+
<p>Sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin sed aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
169+
<ul class="contact">
170+
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
171+
<li class="icon solid fa-phone">(000) 000-0000</li>
172+
<li class="icon solid fa-home">1234 Somewhere Road #8254<br />
173+
Nashville, TN 00000-0000</li>
174+
</ul>
175+
</section>
176+
177+
<!-- Footer -->
178+
<footer id="footer">
179+
<p class="copyright">&copy; Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
180+
</footer>
181+
182+
</div>
183+
</div>
184+
185+
</div>
186+
187+
<!-- Scripts -->
188+
<script src="assets/js/jquery.min.js"></script>
189+
<script src="assets/js/browser.min.js"></script>
190+
<script src="assets/js/breakpoints.min.js"></script>
191+
<script src="assets/js/util.js"></script>
192+
<script src="assets/js/main.js"></script>
193+
194+
</body>
195+
</html>

0 commit comments

Comments
 (0)