Skip to content

Commit 48d7e8e

Browse files
RexYingRexYing
committed
intro
1 parent 55e2617 commit 48d7e8e

File tree

2 files changed

+190
-11
lines changed

2 files changed

+190
-11
lines changed

‎index.html‎

Lines changed: 16 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@
66
-->
77
<html>
88
<head>
9-
<title>Editorial by HTML5 UP</title>
9+
<title>GGLab</title>
1010
<meta charset="utf-8" />
1111
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
1212
<link rel="stylesheet" href="assets/css/main.css" />
1313
</head>
14-
<body class="is-preload">
14+
<body class="is-preload">
1515

1616
<!-- Wrapper -->
1717
<div id="wrapper">
@@ -22,27 +22,32 @@
2222

2323
<!-- Header -->
2424
<header id="header">
25-
<a href="index.html" class="logo"><strong>Editorial</strong> by HTML5 UP</a>
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>
2627
<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>
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+
<!-- <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
2931
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
3032
<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>
33+
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li> -->
3234
</ul>
3335
</header>
3436

3537
<!-- Banner -->
3638
<section id="banner">
3739
<div class="content">
3840
<header>
39-
<h1>Hi, I’m Editorial<br />
40-
by HTML5 UP</h1>
41-
<p>A free and fully responsive site template</p>
41+
<h1>Welcome to GGLab</h1>
42+
<p>Graph and Geometric Learning</p>
4243
</header>
43-
<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. Pellentesque sapien ac quam. Lorem ipsum dolor sit nullam.</p>
44+
<p>
45+
Our vision is that real-world data can often be expressed in the ubiquitous language of graphs, a general concept of entities connected by relations.
46+
Our lab focuses on research in machine learning for data expressed in such a structured form, via graph neural networks and geometric learning.
47+
48+
</p>
4449
<ul class="actions">
45-
<li><a href="#" class="button big">Learn More</a></li>
50+
<li><a href="learn_more.html" class="button big">Learn More</a></li>
4651
</ul>
4752
</div>
4853
<span class="image object">

‎learn_more.html‎

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
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+
23+
<!-- 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>
34+
35+
<!-- Content -->
36+
<section>
37+
<header class="main">
38+
<h1>Generic</h1>
39+
</header>
40+
41+
<span class="image main"><img src="images/pic11.jpg" alt="" /></span>
42+
43+
<p>
44+
Recent researches in graph learning not only demonstrated its power in solving tasks that naturally involve graphs / networks as inputs, but also
45+
shown promises in using graph modeling and learning for tasks that were not traditionally thought of as graphs, such as autoML, natural
46+
languages, database ML, physical simulations etc.
47+
Our goal is to push the boundary of graph deep learning and leverage the power of relational structure in solving the most challenging tasks.
48+
</p>
49+
<p>
50+
To learn effective representations for structured data, we develop effective graph neural network (GNN) architectures.
51+
we further leverage a vareity of geometric approaches,
52+
such as order, box, hyperbolic and cone embeddings. The properties inherent in the geometric structures allow us to
53+
achieve superior expressive power and generalization when modeling the inductive biases of real-world data.
54+
55+
<hr class="major" />
56+
57+
<h2>Graph Neural Networks</h2>
58+
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
59+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
60+
61+
<hr class="major" />
62+
63+
<h2>Geometric Representation Learning</h2>
64+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
65+
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
66+
67+
</section>
68+
69+
</div>
70+
</div>
71+
72+
<!-- Sidebar -->
73+
<div id="sidebar">
74+
<div class="inner">
75+
76+
<!-- Search -->
77+
<section id="search" class="alt">
78+
<form method="post" action="#">
79+
<input type="text" name="query" id="query" placeholder="Search" />
80+
</form>
81+
</section>
82+
83+
<!-- Menu -->
84+
<nav id="menu">
85+
<header class="major">
86+
<h2>Menu</h2>
87+
</header>
88+
<ul>
89+
<li><a href="index.html">Homepage</a></li>
90+
<li><a href="generic.html">Generic</a></li>
91+
<li><a href="elements.html">Elements</a></li>
92+
<li>
93+
<span class="opener">Submenu</span>
94+
<ul>
95+
<li><a href="#">Lorem Dolor</a></li>
96+
<li><a href="#">Ipsum Adipiscing</a></li>
97+
<li><a href="#">Tempus Magna</a></li>
98+
<li><a href="#">Feugiat Veroeros</a></li>
99+
</ul>
100+
</li>
101+
<li><a href="#">Etiam Dolore</a></li>
102+
<li><a href="#">Adipiscing</a></li>
103+
<li>
104+
<span class="opener">Another Submenu</span>
105+
<ul>
106+
<li><a href="#">Lorem Dolor</a></li>
107+
<li><a href="#">Ipsum Adipiscing</a></li>
108+
<li><a href="#">Tempus Magna</a></li>
109+
<li><a href="#">Feugiat Veroeros</a></li>
110+
</ul>
111+
</li>
112+
<li><a href="#">Maximus Erat</a></li>
113+
<li><a href="#">Sapien Mauris</a></li>
114+
<li><a href="#">Amet Lacinia</a></li>
115+
</ul>
116+
</nav>
117+
118+
<!-- Section -->
119+
<section>
120+
<header class="major">
121+
<h2>Ante interdum</h2>
122+
</header>
123+
<div class="mini-posts">
124+
<article>
125+
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
126+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
127+
</article>
128+
<article>
129+
<a href="#" class="image"><img src="images/pic08.jpg" alt="" /></a>
130+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
131+
</article>
132+
<article>
133+
<a href="#" class="image"><img src="images/pic09.jpg" alt="" /></a>
134+
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
135+
</article>
136+
</div>
137+
<ul class="actions">
138+
<li><a href="#" class="button">More</a></li>
139+
</ul>
140+
</section>
141+
142+
<!-- Section -->
143+
<section>
144+
<header class="major">
145+
<h2>Get in touch</h2>
146+
</header>
147+
<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>
148+
<ul class="contact">
149+
<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>
150+
<li class="icon solid fa-phone">(000) 000-0000</li>
151+
<li class="icon solid fa-home">1234 Somewhere Road #8254<br />
152+
Nashville, TN 00000-0000</li>
153+
</ul>
154+
</section>
155+
156+
<!-- Footer -->
157+
<footer id="footer">
158+
<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>
159+
</footer>
160+
161+
</div>
162+
</div>
163+
164+
</div>
165+
166+
<!-- Scripts -->
167+
<script src="assets/js/jquery.min.js"></script>
168+
<script src="assets/js/browser.min.js"></script>
169+
<script src="assets/js/breakpoints.min.js"></script>
170+
<script src="assets/js/util.js"></script>
171+
<script src="assets/js/main.js"></script>
172+
173+
</body>
174+
</html>

0 commit comments

Comments
 (0)