Add: PI and photos

content/_index.md

@@ -0,0 +1,102 @@
++++
+date = '2024-11-05T23:20:59+08:00'
+draft = true
+title = ''
+featured_image= 'images/image.jpeg'
++++
+
+# Principle Investigators
+
+<style>
+
+        .info-card {
+            width: 300px;
+            height: 575px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            overflow: hidden;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            font-family: Arial, sans-serif;
+        }
+        .info-card img {
+            width: 100%;
+            height: 400px;
+            object-fit: cover;
+
+
+
+        }
+        .info-card .content {
+            padding: 16px;
+        }
+        .info-card .name {
+            font-size: 1.3em;
+            margin: 8px 0;
+        }
+        .info-card .title {
+            font-size: 0.9em;
+            color: #555;
+        }
+        .card-container {
+            justify-content: center;
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 80px;
+            padding:50px;
+            width: 80%;
+            max-width: 1200px;
+            margin-left: auto;
+            margin-right: auto;
+            transform: translateX(20px); /* Adjust the value to move right */
+
+        }
+
+</style>
+
+
+     
+<div class="card-container">
+
+<div class="info-card">
+    <img src="images/yangqiusong.jpg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Yangqiu Song</div>
+        <div class="title">Associate Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+
+<div class="info-card">
+    <img src="images/weiwang.jpeg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Wei Wang</div>
+        <div class="title">Associate Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+
+<div class="info-card">
+    <img src="images/leichen.jpg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Lei Chen</div>
+        <div class="title">Chair Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+
+<div class="info-card">
+    <img src="images/xiaofangzhou.jpg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Xiaofang Zhou</div>
+        <div class="title">Otto Poon Professor of Engineering and Chair Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+
+
+
+
+</div>
+
+# 

hugo.toml

@@ -1,4 +1,8 @@
 baseURL = 'https://example.org/'
 languageCode = 'en-us'
-title = 'My New Hugo Site'
+title = 'Neural Graph Database'
 theme = 'ananke'
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true         

public/404.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <title>My New Hugo Site</title>
+    <title>Neural Graph Database</title>
     <meta name="viewport" content="width=device-width,minimum-scale=1">
     <meta name="description" content="">
     <meta name="generator" content="Hugo 0.137.0">
@@ -34,7 +34,7 @@
 
 
     <meta property="og:url" content="http://localhost:1313/404.html">
-  <meta property="og:site_name" content="My New Hugo Site">
+  <meta property="og:site_name" content="Neural Graph Database">
   <meta property="og:title" content="404 Page not found">
   <meta property="og:locale" content="en_us">
   <meta property="og:type" content="website">
@@ -54,7 +54,7 @@
   <div class="flex-l justify-between items-center center">
     <a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
 
-        My New Hugo Site
+        Neural Graph Database
 
     </a>
     <div class="flex-l items-center">
@@ -83,7 +83,7 @@ <h1>
     <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
   <div class="flex justify-between">
   <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="http://localhost:1313/" >
-    &copy;  My New Hugo Site 2024 
+    &copy;  Neural Graph Database 2024 
   </a>
     <div><div class="ananke-socials"></div>
 </div>

public/categories/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <title>My New Hugo Site</title>
+    <title>Neural Graph Database</title>
     <meta name="viewport" content="width=device-width,minimum-scale=1">
     <meta name="description" content="">
     <meta name="generator" content="Hugo 0.137.0">
@@ -29,8 +29,8 @@
 
 
 
-      <link href="/categories/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
-      <link href="/categories/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
+      <link href="/categories/index.xml" rel="alternate" type="application/rss+xml" title="Neural Graph Database" />
+      <link href="/categories/index.xml" rel="feed" type="application/rss+xml" title="Neural Graph Database" />
 
 
 
@@ -39,7 +39,7 @@
 
 
     <meta property="og:url" content="http://localhost:1313/categories/">
-  <meta property="og:site_name" content="My New Hugo Site">
+  <meta property="og:site_name" content="Neural Graph Database">
   <meta property="og:title" content="Categories">
   <meta property="og:locale" content="en_us">
   <meta property="og:type" content="website">
@@ -59,7 +59,7 @@
   <div class="flex-l justify-between items-center center">
     <a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
 
-        My New Hugo Site
+        Neural Graph Database
 
     </a>
     <div class="flex-l items-center">
@@ -100,7 +100,7 @@ <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
     <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
   <div class="flex justify-between">
   <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="http://localhost:1313/" >
-    &copy;  My New Hugo Site 2024 
+    &copy;  Neural Graph Database 2024 
   </a>
     <div><div class="ananke-socials"></div>
 </div>

public/categories/index.xml

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Categories on My New Hugo Site</title>
+    <title>Categories on Neural Graph Database</title>
     <link>http://localhost:1313/categories/</link>
-    <description>Recent content in Categories on My New Hugo Site</description>
+    <description>Recent content in Categories on Neural Graph Database</description>
     <generator>Hugo</generator>
     <language>en-us</language>
     <atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />

public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <title>My New Hugo Site</title>
+    <title>Neural Graph Database</title>
     <meta name="viewport" content="width=device-width,minimum-scale=1">
     <meta name="description" content="">
     <meta name="generator" content="Hugo 0.137.0">
@@ -29,8 +29,8 @@
 
 
 
-      <link href="/index.xml" rel="alternate" type="application/rss+xml" title="My New Hugo Site" />
-      <link href="/index.xml" rel="feed" type="application/rss+xml" title="My New Hugo Site" />
+      <link href="/index.xml" rel="alternate" type="application/rss+xml" title="Neural Graph Database" />
+      <link href="/index.xml" rel="feed" type="application/rss+xml" title="Neural Graph Database" />
 
 
 
@@ -39,27 +39,36 @@
 
 
     <meta property="og:url" content="http://localhost:1313/">
-  <meta property="og:site_name" content="My New Hugo Site">
-  <meta property="og:title" content="My New Hugo Site">
+  <meta property="og:site_name" content="Neural Graph Database">
+  <meta property="og:title" content="Neural Graph Database">
+  <meta property="og:description" content="Principle Investigators Yangqiu Song Associate Professor HKUST Wei Wang Associate Professor HKUST Lei Chen Chair Professor HKUST Xiaofang Zhou Otto Poon Professor of Engineering and Chair Professor HKUST">
   <meta property="og:locale" content="en_us">
   <meta property="og:type" content="website">
 
-  <meta itemprop="name" content="My New Hugo Site">
+  <meta itemprop="name" content="Neural Graph Database">
+  <meta itemprop="description" content="Principle Investigators Yangqiu Song Associate Professor HKUST Wei Wang Associate Professor HKUST Lei Chen Chair Professor HKUST Xiaofang Zhou Otto Poon Professor of Engineering and Chair Professor HKUST">
+  <meta itemprop="datePublished" content="2024-11-05T23:20:59+08:00">
+  <meta itemprop="dateModified" content="2024-11-05T23:20:59+08:00">
+  <meta itemprop="wordCount" content="28">
   <meta name="twitter:card" content="summary">
-  <meta name="twitter:title" content="My New Hugo Site">
+  <meta name="twitter:title" content="Neural Graph Database">
+  <meta name="twitter:description" content="Principle Investigators Yangqiu Song Associate Professor HKUST Wei Wang Associate Professor HKUST Lei Chen Chair Professor HKUST Xiaofang Zhou Otto Poon Professor of Engineering and Chair Professor HKUST">
 
 
   </head><body class="ma0 avenir bg-near-white development">
 
 
 
-  <header>
-    <div class="pb3-m pb6-l bg-black">
+
+
+  <header class="cover bg-top" style="background-image: url('/images/image.jpeg');">
+
+    <div class="bg-black-60">
       <nav class="pv3 ph3 ph4-ns" role="navigation">
   <div class="flex-l justify-between items-center center">
     <a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
 
-        My New Hugo Site
+        Neural Graph Database
 
     </a>
     <div class="flex-l items-center">
@@ -72,9 +81,9 @@
   </div>
 </nav>
 
-      <div class="tc-l pv3 ph3 ph4-ns">
-        <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
-          My New Hugo Site
+      <div class="tc-l pv4 pv6-l ph3 ph4-ns">
+        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+          Neural Graph Database
         </h1>
 
       </div>
@@ -85,7 +94,89 @@ <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
     <main class="pb7" role="main">
 
   <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
-
+      <h1 id="principle-investigators">Principle Investigators</h1>
+<style>
+
+        .info-card {
+            width: 300px;
+            height: 575px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            overflow: hidden;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            font-family: Arial, sans-serif;
+        }
+        .info-card img {
+            width: 100%;
+            height: 400px;
+            object-fit: cover;
+
+
+
+        }
+        .info-card .content {
+            padding: 16px;
+        }
+        .info-card .name {
+            font-size: 1.3em;
+            margin: 8px 0;
+        }
+        .info-card .title {
+            font-size: 0.9em;
+            color: #555;
+        }
+        .card-container {
+            justify-content: center;
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 80px;
+            padding:50px;
+            width: 80%;
+            max-width: 1200px;
+            margin-left: auto;
+            margin-right: auto;
+            transform: translateX(20px); /* Adjust the value to move right */
+
+        }
+
+</style>
+<div class="card-container">
+<div class="info-card">
+    <img src="images/yangqiusong.jpg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Yangqiu Song</div>
+        <div class="title">Associate Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+<div class="info-card">
+    <img src="images/weiwang.jpeg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Wei Wang</div>
+        <div class="title">Associate Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+<div class="info-card">
+    <img src="images/leichen.jpg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Lei Chen</div>
+        <div class="title">Chair Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+<div class="info-card">
+    <img src="images/xiaofangzhou.jpg" alt="Profile Photo">
+    <div class="content">
+        <div class="name">Xiaofang Zhou</div>
+        <div class="title">Otto Poon Professor of Engineering and Chair Professor</div>
+        <div class="title">HKUST</div>
+    </div>
+</div>
+</div>
+<h1 id="heading"></h1>
+
     </article>
 
 
@@ -104,7 +195,7 @@ <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
     <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
   <div class="flex justify-between">
   <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="http://localhost:1313/" >
-    &copy;  My New Hugo Site 2024 
+    &copy;  Neural Graph Database 2024 
   </a>
     <div><div class="ananke-socials"></div>
 </div>