Zephyr wang personal patch 1

_config.yml

@@ -6,9 +6,9 @@
 # `jekyll serve`. If you change this file, please restart the server process.
 
 # Site Settings
-title                    : "Lorem ipsum"
-description              : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. "
-repository               : "RayeRen/acad-homepage.github.io"
+title                    : "Zijian Wang"
+description              : "A Ph.D student at The Chinese University of Hong Kong, Shenzhen "
+repository               : "Zephyr-Wang-personal/zephyr-wang-personal.github.io"
 google_scholar_stats_use_cdn : true
 
 # google analytics
@@ -21,14 +21,14 @@ baidu_site_verification  :  # get baidu_site_verification from https://ziyuan.ba
 
 # Site Author
 author:
-  name             : "Lorem ipsum"
-  avatar           : "images/android-chrome-512x512.png"
-  bio              : "Lorem ipsum College"
-  location         : "Beijing, China"
+  name             : "Zijian Wang"
+  avatar           : "images/证件照.jpg"
+  bio              : "<a href=\"/files/CV.pdf\">Curriculum Vitae</a>"
+  location         : "Shenzhen, China"
   employer         :
-  pubmed           : 
-  googlescholar    : "https://scholar.google.com/citations?user=YOUR_GOOGLE_SCHOLAR_ID"
-  email            : "Lorem@ipsum.com"
+  pubmed           :
+  googlescholar    : "blank"
+  email            : "zijianwang.work@outlook.com"
   researchgate     :  # e.g., "https://www.researchgate.net/profile/yourprofile"
   uri              :
   bitbucket        :
@@ -37,13 +37,13 @@ author:
   flickr           :
   facebook         :
   foursquare       :
-  github           : # e.g., "github username"
+  github           : Zephyr-Wang-personal # e.g., "github username"
   google_plus      :
   keybase          :
-  instagram        :
+  instagram        : "https://www.instagram.com/zephyr.nipon/"
   impactstory      : # e.g., "https://profiles.impactstory.org/u/xxxx-xxxx-xxxx-xxxx"
   lastfm           :
-  linkedin         : # e.g., "linkedin username"
+  linkedin         : "zijian-wang-007975344" # e.g., "linkedin username"
   dblp             : # e.g., "https://dblp.org/pid/xx/xxxx.html"
   orcid            : # e.g., "https://orcid.org/xxxx"
   pinterest        :

_data/educations.yml

@@ -0,0 +1,9 @@
+- date: "2025.09 - now"
+  role: "Ph.D. student"
+  institution: "School of Data Science, The Chinese University of Hong Kong (Shenzhen)"
+  location: "Shenzhen"
+
+- date: "2021.09 - 2025.06"
+  role: "B.E. in the International School of Information Science & Engineering"
+  institution: "Dalian University of Technology"
+  location: "Dalian"

_data/honors.yml

@@ -0,0 +1,2 @@
+- date: "2022"
+  name: "Excellent Student of the Year, DUT."

_data/navigation.yml

@@ -15,8 +15,6 @@ main:
   - title: "Educations"
     url: "/#-educations"
 
-  - title: "Invited Talks"
-    url: "/#-invited-talks"
 
   - title: "Internships"
     url: "/#-internships"

_data/news.yml

@@ -0,0 +1,5 @@
+- date: "2025.07"
+  content: "🎉🎉 I joined HEAL Lab from the Chinese University of Hong Kong (Shenzhen)!"
+
+- date: "2025.06"
+  content: "🎉🎉 I graduated from Dalian University of Technology undergraduate!"

_data/publications.yml

@@ -0,0 +1,10 @@
+# Example entry:
+# - title: "Deep Residual Learning for Image Recognition"
+#   authors: "**Kaiming He**, Xiangyu Zhang, Shaoqing Ren, Jian Sun"
+#   venue: "CVPR 2016"
+#   paper_url: "https://openaccess.thecvf.com/content_cvpr_2016/papers/He_Deep_Residual_Learning_CVPR_2016_paper.pdf"
+#   project_url: "https://scholar.google.com/citations?view_op=view_citation&hl=zh-CN&user=DhtAFkwAAAAJ&citation_for_view=DhtAFkwAAAAJ:ALROH1vI_8AC"
+#   code_url: "https://github.com/..."
+#   image: "images/500x300.png"
+#   excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet."
+#   citation: "DhtAFkwAAAAJ:ALROH1vI_8AC"

_data/teaching.yml

@@ -0,0 +1,8 @@
+# Example entry:
+# - date: "2021.06"
+#   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet."
+# - date: "2021.03"
+#   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet."
+#   links:
+#     - text: "video"
+#       url: "https://github.com/"

_includes/author-profile.html

@@ -10,7 +10,7 @@
 
   <div class="author__content">
     <h3 class="author__name">{{ author.name }}</h3>
-    {% if author.bio %}<p class="author__bio">{{ author.bio }}</p>{% endif %}
+    {% if author.bio %}<p class="author__bio">{{ author.bio | markdownify }}</p>{% endif %}
   </div>
 
   <div class="author__urls-wrapper">

_layouts/default.html

@@ -29,5 +29,6 @@
 
     {% include scripts.html %}
 
+    <button id="back-to-top" title="Go to top">Top</button>
   </body>
 </html>

_pages/about.md

@@ -17,42 +17,70 @@ redirect_from:
 
 <span class='anchor' id='about-me'></span>
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. Suspendisse condimentum, libero vel tempus mattis, risus risus vulputate libero, elementum fermentum mi neque vel nisl. Maecenas facilisis maximus dignissim. Curabitur mattis vulputate dui, tincidunt varius libero luctus eu. Mauris mauris nulla, scelerisque eget massa id, tincidunt congue felis. Sed convallis tempor ipsum rhoncus viverra. Pellentesque nulla orci, accumsan volutpat fringilla vitae, maximus sit amet tortor. Aliquam ultricies odio ut volutpat scelerisque. Donec nisl nisl, porttitor vitae pharetra quis, fringilla sed mi. Fusce pretium dolor ut aliquam consequat. Cras volutpat, tellus accumsan mattis molestie, nisl lacus tempus massa, nec malesuada tortor leo vel quam. Aliquam vel ex consectetur, vehicula leo nec, efficitur eros. Donec convallis non urna quis feugiat.
+Currently, I am pursuing a Ph.D. in Computer Science at the School of Data Science, The Chinese University of Hong Kong, Shenzhen, supervised by [Prof. Juexiao Zhou (周觉晓)](https://www.joshuachou.ink/about/). I received my Bachelor's degree in Software Engineering from Dalian University of Technology, supervised by [Prof. Junxin Chen (陈俊鑫)](https://faculty.dlut.edu.cn/chenjunxin/zh_CN/index.htm).
 
-My research interest includes neural machine translation and computer vision. I have published more than 100 papers at the top international AI conferences with total <a href='https://scholar.google.com/citations?user=DhtAFkwAAAAJ'>google scholar citations <strong><span id='total_cit'>260000+</span></strong></a> (You can also use google scholar badge <a href='https://scholar.google.com/citations?user=DhtAFkwAAAAJ'><img src="https://img.shields.io/endpoint?url={{ url | url_encode }}&logo=Google%20Scholar&labelColor=f6f6f6&color=9cf&style=flat&label=citations"></a>).
+My research interest includes Multimodal Fusion, AI4H(Artificial Intelligence for Healthcare) and Healthcare Agents.
 
 
 # 🔥 News
-- *2022.02*: &nbsp;🎉🎉 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
-- *2022.02*: &nbsp;🎉🎉 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
+{% for news in site.data.news %}
+- *{{ news.date }}*: &nbsp; {{ news.content }}
+{% endfor %}
+
+# 📖 Educations
+{% for edu in site.data.educations %}
+- *{{ edu.date }}*, {{ edu.role }} at {{ edu.institution }}, {{ edu.location }}.
+{% endfor %}
 
 # 📝 Publications 
 
+{% if site.data.publications %}
+{% for pub in site.data.publications %}
+<div class='paper-box'><div class='paper-box-image'><div><div class="badge">{{ pub.venue }}</div><img src='{{ pub.image }}' alt="sym" width="100%" loading="lazy"></div></div>
+<div class='paper-box-text' markdown="1">
+
+[{{ pub.title }}]({{ pub.paper_url }})
+
+{{ pub.authors }}
+
+[**Project**]({{ pub.project_url }}) <strong><span class='show_paper_citations' data='{{ pub.citation }}'></span></strong>
+- {{ pub.excerpt }}
+</div>
+</div>
+{% endfor %}
+{% endif %}
+
+<!-- Example of hardcoded publication entry (commented out):
 <div class='paper-box'><div class='paper-box-image'><div><div class="badge">CVPR 2016</div><img src='images/500x300.png' alt="sym" width="100%"></div></div>
 <div class='paper-box-text' markdown="1">
+<!-- <div class='paper-box'><div class='paper-box-image'><div><div class="badge">CVPR 2016</div><img src='images/500x300.png' alt="sym" width="100%"></div></div>
+<div class='paper-box-text' markdown="1"> -->
 
-[Deep Residual Learning for Image Recognition](https://openaccess.thecvf.com/content_cvpr_2016/papers/He_Deep_Residual_Learning_CVPR_2016_paper.pdf)
+<!-- [Deep Residual Learning for Image Recognition](https://openaccess.thecvf.com/content_cvpr_2016/papers/He_Deep_Residual_Learning_CVPR_2016_paper.pdf)
 
 **Kaiming He**, Xiangyu Zhang, Shaoqing Ren, Jian Sun
 
 [**Project**](https://scholar.google.com/citations?view_op=view_citation&hl=zh-CN&user=DhtAFkwAAAAJ&citation_for_view=DhtAFkwAAAAJ:ALROH1vI_8AC) <strong><span class='show_paper_citations' data='DhtAFkwAAAAJ:ALROH1vI_8AC'></span></strong>
 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
 </div>
 </div>
-
-- [Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet](https://github.com), A, B, C, **CVPR 2020**
+-->
 
 # 🎖 Honors and Awards
-- *2021.10* Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
-- *2021.09* Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
+{% for honor in site.data.honors %}
+- *{{ honor.date }}* {{ honor.name }}
+{% endfor %}
 
-# 📖 Educations
-- *2019.06 - 2022.04 (now)*, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
-- *2015.09 - 2019.06*, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
 
-# 💬 Invited Talks
-- *2021.06*, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
-- *2021.03*, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet.  \| [\[video\]](https://github.com/)
+# 👨‍🏫 Teaching
+
+{% if site.data.teaching %}
+{% for teach in site.data.teaching %}
+- *{{ teach.date }}*, {{ teach.content }} {% if teach.links %} | {% for link in teach.links %}[\[{{ link.text }}\]]({{ link.url }}){% endfor %}{% endif %}
+{% endfor %}
+{% endif %}
 
-# 💻 Internships
-- *2019.05 - 2020.02*, [Lorem](https://github.com/), China.
+<!-- Example of hardcoded teaching entry (commented out):
+- *2021.06*, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet. 
+- *2021.03*, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare aliquet ipsum, ac tempus justo dapibus sit amet.  \| [\[video\]](https://github.com/) 
+-->

_sass/_back-to-top.scss

@@ -0,0 +1,32 @@
+#back-to-top {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  z-index: 99;
+  font-size: 18px;
+  border: none;
+  outline: none;
+  background-color: #555;
+  color: white;
+  cursor: pointer;
+  padding: 15px;
+  border-radius: 4px;
+  opacity: 0.8;
+  transition: opacity 0.3s;
+}
+
+#back-to-top:hover {
+  background-color: #333;
+  opacity: 1;
+}
+
+@media (prefers-color-scheme: dark) {
+  #back-to-top {
+    background-color: #333;
+    color: #e0e0e0;
+  }
+  #back-to-top:hover {
+    background-color: #555;
+  }
+}

_sass/_base.scss

@@ -5,6 +5,7 @@ html {
   /* sticky footer fix */
   position: relative;
   min-height: 100%;
+  scroll-behavior: smooth;
 }
 
 body {

_sass/_dark-mode.scss

@@ -0,0 +1,103 @@
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #121212;
+    color: #e0e0e0;
+  }
+
+  /* Links */
+  a {
+    color: #58a6ff;
+
+    &:hover {
+      color: #79c0ff;
+    }
+  }
+
+  /* Headings */
+  h1, h2, h3, h4, h5, h6 {
+    color: #f0f0f0;
+  }
+
+  /* Borders */
+  hr, .page__content h1, .page__meta, .page__share, .page__related, .page__comments-title {
+    border-color: #30363d;
+  }
+
+  /* Paper Box (Publications) */
+  .paper-box {
+    border-bottom: 1px solid #30363d;
+
+    .paper-box-text {
+      color: #e0e0e0;
+    }
+
+    img {
+      box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
+      opacity: 0.9;
+    }
+  }
+
+  /* Badges */
+  .badge {
+    background-color: #1f6feb;
+    color: #f0f6fc;
+  }
+
+  /* Navigation (Sidebar) */
+  .sidebar {
+    background-color: #121212; // Adjust if sidebar has background
+
+    .nav__list {
+      color: #e0e0e0;
+
+      a {
+        color: #e0e0e0;
+        &:hover {
+          color: #58a6ff;
+        }
+      }
+    }
+  }
+
+  /* Author Profile */
+  .author__urls-wrapper {
+    button {
+      background-color: #21262d;
+      color: #c9d1d9;
+      border-color: #30363d;
+    }
+  }
+
+  .author__urls {
+     a {
+         color: #e0e0e0;
+     }
+  }
+
+  /* Tables */
+  table {
+    color: #e0e0e0;
+  }
+
+  thead {
+    border-bottom: 2px solid #30363d;
+  }
+
+  tbody tr {
+    border-bottom: 1px solid #30363d;
+  }
+
+  /* Code blocks */
+  pre, code {
+    background-color: #161b22;
+    border-color: #30363d;
+    color: #c9d1d9;
+  }
+
+  /* Inputs */
+  input, textarea {
+    background-color: #0d1117;
+    border-color: #30363d;
+    color: #c9d1d9;
+  }
+}

_sass/_sidebar.scss

@@ -92,11 +92,16 @@
   }
 
   img {
-    max-width: 175px;
-    min-width: 75px;
-    border-radius: 50%;
+    /* Vertical portrait ellipse, responsive */
+    width: 75px;    /* match small avatar column */
+    height: 100px;  /* taller than width for vertical ellipse */
+    object-fit: cover; /* keep face centered and fill */
+    object-position: center top; /* start from top to show hair completely */
+    border-radius: 50% / 60%; /* ellipse: horizontal 50%, vertical 60% */
 
     @include breakpoint($large) {
+      width: 140px;
+      height: 180px;
       padding: 5px;
       border: 1px solid $border-color;
     }
@@ -267,4 +272,4 @@
   @include breakpoint($large) {
     display: none;
   }
-}
+}

_sass/_variables.scss

@@ -14,11 +14,8 @@ $indent-var                 : 0.5em;
 
 /* system typefaces */
 $serif                      : Georgia, Times, serif;
-$sans-serif                 : "Trebuchet MS", Helvetica, sans-serif;
-// $sans-serif                 : Georgia, serif, sans-serif;
-
-// $sans-serif                 : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
-$monospace                  : Monaco, Consolas, "Lucida Console", monospace;
+$sans-serif                 : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$monospace                  : "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
 
 /* sans serif typefaces */
 $sans-serif-narrow          : $sans-serif;