add lab members

hao-ai-lab · Mar 15, 2024 · 3f55cce · 3f55cce
1 parent d648293
commit 3f55cce
Show file tree

Hide file tree

Showing 44 changed files with 647 additions and 4 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/content/people.md b/content/people.md
@@ -7,8 +7,29 @@ summary: people
 
 ### Lab Members
 
-&emsp;
+{{< lab_members_grid >}}
+{{< lab_member name="Hao Zhang" role="Assistant Professor" image="hao_zhang.png" academic="https://cseweb.ucsd.edu/~haozhang/" twitter="https://twitter.com/haozhangml" >}}
+
+{{< lab_member name="Lanxiang Hu" role="PhD Student" image="lanxiang_hu.jpg" academic="https://snyhlxde1.github.io/" twitter="https://twitter.com/Lanxiang_Hu" >}}
+
+{{< lab_member name="Yichao Fu" role="PhD Student" image="llama_placeholder.png" academic="https://github.com/Viol2000" >}}
+
+{{< lab_member name="Will Lin" role="PhD Student (Rotation)" image="llama_placeholder.png" academic="https://github.com/SolitaryThinker">}}
+
+{{< lab_member name="Junda Chen" role="PhD Student (Rotation)" image="junda_chen.jpg" academic="https://github.com/GindaChen">}}
+
+{{< lab_member name="Jiangfei Duan" role="Visiting PhD Student" image="llama_placeholder.png" academic="https://jf-d.github.io/">}}
+
+{{< lab_member name="Anze Xie" role="Master's" image="anze_xie.jpg" academic="https://lry89757.github.io/" twitter="https://twitter.com/AnzeXie">}}
+
+{{< lab_member name="Longfei Yun" role="Master's" image="longfei_yun.jpg" twitter="https://twitter.com/longfei_yu78793">}}
+{{< /lab_members_grid >}}
 
 ### Alumni
 
-&emsp;
+{{< alumni category="PhD Students" >}}
+{{< alumni_entry name="Hexu Zhao" description="Undergrad Intern, now PhD Student at NYU." homepage="https://github.com/TarzanZhao">}}
+{{< alumni_entry name="Runyu Lu" description="Undergrad Intern, now PhD Student at UMich." homepage="https://lry89757.github.io/">}}
+{{< alumni_entry name="Dacheng Li" description="Master's, now PhD Student at UC Berkeley." homepage="https://dachengli1.github.io/">}}
+{{< alumni_entry name="Yonghao Zhuang" description="Undergrad Intern, now PhD Student at CMU." homepage="https://zyhowell.github.io/">}}
+{{< /alumni >}}
diff --git a/layouts/.DS_Store b/layouts/.DS_Store
diff --git a/layouts/section/members.html b/layouts/section/members.html
@@ -0,0 +1,46 @@
+{{ define "main" }}
+  <h1>{{ .Title }}</h1>
+
+  <div class="section">
+    <h2>Current Lab Members</h2>
+    <div class="lab-members">
+      {{ range .Params.lab_members }}
+        <div class="lab-member">
+          <img src="{{ .image }}" alt="{{ .name }}" class="member-photo">
+          <h3>{{ .name }}</h3>
+          <p>{{ .role }}</p>
+          <div class="social-links">
+            {{ if .social.twitter }}
+              <a href="{{ .social.twitter }}"><i class="fab fa-twitter"></i></a>
+            {{ end }}
+            {{ if .social.academic }}
+              <a href="{{ .social.academic }}"><i class="fas fa-user-graduate"></i></a>
+            {{ end }}
+          </div>
+        </div>
+      {{ end }}
+    </div>
+  </div>
+
+  <div class="section">
+    <h2>Alumni</h2>
+    <div class="lab-members alumni">
+      {{ range .Params.alumni }}
+        <div class="lab-member">
+          <img src="{{ .image }}" alt="{{ .name }}" class="member-photo">
+          <h3>{{ .name }}</h3>
+          <p>{{ .role }}</p>
+          <div class="social-links">
+            {{ if .social.linkedin }}
+              <a href="{{ .social.linkedin }}"><i class="fab fa-linkedin"></i></a>
+            {{ end }}
+            {{ if .social.academic }}
+              <a href="{{ .social.academic }}"><i class="fas fa-user-graduate"></i></a>
+            {{ end }}
+          </div>
+        </div>
+      {{ end }}
+    </div>
+  </div>
+
+{{ end }}
diff --git a/layouts/shortcodes/alumni.html b/layouts/shortcodes/alumni.html
@@ -0,0 +1,15 @@
+<head>
+    <!-- Other head elements -->
+    <style>
+        .alumni-section h2 {
+            font-size: 1.0rem; /* Adjust the font size as needed */
+        }
+    </style>
+</head>
+
+<div class="alumni-section">
+    <h2>{{ .Get "category" }}</h2>
+    <ul>
+        {{ .Inner }}
+    </ul>
+</div>
diff --git a/layouts/shortcodes/alumni_entry.html b/layouts/shortcodes/alumni_entry.html
@@ -0,0 +1,23 @@
+<head>
+    <!-- Other head elements -->
+    <style>
+        .alumni-entry li strong {
+            font-size: 1.0rem; /* Adjust the font size as needed */
+        }
+        .alumni-entry li {
+            font-size: 1.0rem; /* Adjust the font size as needed */
+        }
+    </style>
+</head>
+
+<div class="alumni-entry">
+    <li>
+        {{ with .Get "homepage" }}
+        <a href="{{ . }}" target="_blank" rel="noopener noreferrer">
+            <strong>{{ $.Get "name" }}</strong>
+        </a>
+        {{ else }}
+            <strong>{{ .Get "name" }}</strong>
+        {{ end }} – {{ .Get "description" }}
+    </li>
+</div>
diff --git a/layouts/shortcodes/lab_member.html b/layouts/shortcodes/lab_member.html
@@ -0,0 +1,35 @@
+<head>
+    <!-- Other head elements -->
+    <style>
+        .lab-member h3 {
+            font-size: 1.0rem; /* Adjust the font size as needed */
+        }
+        .lab-member p, .lab-member .social-links {
+            font-size: 1.0rem; /* Adjust the font size as needed */
+        }
+        .lab-member {
+            display: grid; /* Enables the use of CSS Grid layout */
+        }
+
+        .lab-member img {
+            width: 100%; /* Ensures the image takes the full width of its container */
+            height: auto; /* Maintains the image's aspect ratio */
+            aspect-ratio: 1 / 1; /* Adjust this value to change the aspect ratio */
+            object-fit: cover; /* Ensures the image covers the area, cropping as necessary */
+        }
+    </style>
+</head>
+
+<div class="lab-member">
+    <img src="/img/members/{{ .Get "image" }}" alt="{{ .Get "name" }}" style="lab-member">
+    <h3>{{ .Get "name" }}</h3>
+    <p>{{ .Get "role" }}</p>
+    <div class="social-links">
+        {{ if .Get "twitter" }}
+        <a href="{{ .Get "twitter" }}"><i class="fab fa-twitter"></i></a>
+        {{ end }}
+        {{ if .Get "academic" }}
+        <a href="{{ .Get "academic" }}"><i class="fas fa-home"></i></a>
+        {{ end }}
+    </div>
+</div>
diff --git a/layouts/shortcodes/lab_members_grid.html b/layouts/shortcodes/lab_members_grid.html
@@ -0,0 +1,18 @@
+<div class="lab-members-grid">
+    {{ .Inner }}
+</div>
+
+<style>
+.lab-members-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem; /* This adds space between the items */
+}
+
+.lab-member {
+    width: calc(33.333% - 1rem); /* Sets the width to fit 3 per line, accounting for the gap */
+    display: flex;
+    flex-direction: column;
+    align-items: center; /* Center-align the content */
+}
+</style>
diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/404.html b/public/404.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/blogs/cllm/index.html b/public/blogs/cllm/index.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/blogs/index.html b/public/blogs/index.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/categories/index.html b/public/categories/index.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/contact/index.html b/public/contact/index.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/css/style.css b/public/css/style.css
@@ -54,3 +54,34 @@
     box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
     border-radius: 5px; /* Optional: rounds the corners of the box */
 }
+
+.alumni-section h2 {
+    font-size: 1.5rem; /* Adjust the font size as needed */
+}
+
+.alumni-entry li {
+  margin-bottom: 0.5rem;
+  line-height: 1.4;
+  font-size: 1.0rem;
+}
+
+.alumni-entry li strong {
+  font-weight: bold;
+  font-size: 1.0rem;
+}
+
+.lab-member h3 {
+    font-size: 1.0rem; /* Adjust to your preference */
+}
+
+.lab-member p, .lab-member .social-links {
+    font-size: 1.0rem; /* Adjust to your preference */
+}
+
+.lab-member img {
+    width: 100%; /* Adjust the width as needed */
+    height: auto; /* Maintain aspect ratio */
+    max-width: 200px; /* Or any specific width you prefer */
+    object-fit: cover; /* This will cover the area without breaking the aspect ratio */
+    border-radius: 50%; /* Optional: for round images */
+}
diff --git a/public/home/index.html b/public/home/index.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/img/.DS_Store b/public/img/.DS_Store
diff --git a/public/img/Screenshot 2024-02-21 at 5.33.39 AM.png b/public/img/Screenshot 2024-02-21 at 5.33.39 AM.png
diff --git a/public/img/members/.DS_Store b/public/img/members/.DS_Store
diff --git a/public/img/members/anze_xie.jpg b/public/img/members/anze_xie.jpg
diff --git a/public/img/members/hao_zhang.png b/public/img/members/hao_zhang.png
diff --git a/public/img/members/junda_chen.jpg b/public/img/members/junda_chen.jpg
diff --git a/public/img/members/lanxiang_hu.jpg b/public/img/members/lanxiang_hu.jpg
diff --git a/public/img/members/llama_placeholder.png b/public/img/members/llama_placeholder.png
diff --git a/public/img/members/longfei_yun.jpg b/public/img/members/longfei_yun.jpg
diff --git a/public/index.html b/public/index.html
@@ -4,6 +4,7 @@
 <head>
 	<meta name="generator" content="Hugo 0.123.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/math-examples/index.html b/public/math-examples/index.html
@@ -3,6 +3,7 @@
 
 <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
 <link rel="stylesheet" href="/css/custom.css">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">