Updated the page style.

index.html

@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="fontawesome-free-5.15.3-web/css/all.css">
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
-    <title>Chen Yang</title>
+    <title>YANG, Chen</title>
     <script>
         function toggleAbstract(absId) {
         var x = document.getElementById(absId);
@@ -25,10 +25,11 @@
 </div>
 
 <div class="main" id="home">
-    <p>  </p>
+    <p>  </p><br>
 </div>
 
 <h1>YANG, Chen</h1>
+<div id="shadowbox">
 <table>
     <tbody>
         <tr>
@@ -50,17 +51,12 @@
         </tr>
     </tbody>
 </table>
-
-<!--
-<div id="annoucement">
-<ul style="list-style-type:square">
-	<li>Abstract submission for <a href="http://www1.se.cuhk.edu.hk/~bfs2020/" target="_blank">Bachelier Finance Society 11th World Congress</a> is now <a href="http://www1.se.cuhk.edu.hk/~bfs2020/cfp/cfp.html" target="_blank">open</a>.
-</ul>
 </div>
--->
 
-<h3 id="teaching">Teaching <a href="https://blackboard.cuhk.edu.hk" target="_blank">[Blackboard@CUHK]</a></h3>
+<br>
 
+<p>
+<h3 id="teaching">Teaching <br> <a href="https://blackboard.cuhk.edu.hk" target="_blank">[Blackboard@CUHK]</a></h3>
 Undergraduate Courses
 <ul class="notATable">
     <li><label><b>Spring 2023 </b></label><div>SEEM3580 Risk Analysis for Financial Engineering</div></li>
@@ -78,10 +74,17 @@ Postgraduate Courses
     <li><label><b>Spring 2023 </b></label><div>SEEM5670 Advanced Models in Financial Engineering</div></li>
     <li><label><b>Fall 2021 </b></label><div>SEEM5340 Stochastic Calculus (with <a href="https://sites.google.com/site/xuedonghepage/home" target="_blank">Xuedong He</a> and <a href="https://sites.google.com/site/lingfeilicuhk/" target="_blank">Lingfei Li</a>)</div></li>
 </ul>
+</p>
+<hr class="style-one">
 
+<p>
 <h3 id="research">Research Interest</h3>
 Stochastic Control; Market Frictions; Market Microstructure; FinTech; Deep Learning for Stochastic Control.
+</p>
 
+<hr class="style-one">
+
+<p>
 <h3>Selected Publications</h3>
 <ul style="list-style-type:square">
     <li><b>Non-Concave Utility Maximization with Transaction Costs</b> (with <a href="https://sites.google.com/view/shuaijie-qian" target="_blank">Shuaijie Qian</a>).<br>
@@ -150,14 +153,22 @@ target="_blank">arXiv</a>|<a href="https://pubsonline.informs.org/doi/abs/10.128
         </div>
     </li>
 </ul>
+</p>
 
+<hr class="style-one">
+
+<p>
 <h3>Grants</h3>
 <ul style="list-style-type:square">
     <li> General Research Fund (ECS), <i>High-Dimensional Continuous-Time Portfolio Selection with Capital Gains Tax</i>, 2022 - 2024</li>
     <li> Direct Grant, <i>Hedging Periodic Cash Flow Streams under Market Frictions</i>, 2020 - 2022 </li>
     <li> Start-up Grant at CUHK </li>
 </ul>
+</p>
 
+<hr class="style-one">
+
+<p>
 <h3>Professional Service</h3>
 <ul style="list-style-type:square">
     <li> <b>Associate Editor:</b> <a href="https://www.springer.com/journal/42521" target="_blank"><i>Digital Finance</i></a>, 2020 - Present</li>
@@ -170,13 +181,10 @@ target="_blank">arXiv</a>|<a href="https://pubsonline.informs.org/doi/abs/10.128
     </li>
     <li> <b>I am one of the organizers of <a href="https://sites.google.com/view/hksgfinmatheng/home" target="_blank"><b>The Hong Kong - Singapore Joint Seminar Series in Financial Mathematics/Engineering.</b><a></li>
 </ul>
+</p>
 
-
+<hr class="style-one">
-<h3 id="links">Links</h3>
+<hr class="style-one">
-<a href="http://www.se.cuhk.edu.hk" target="_blank">SEEM@CUHK</a> &nbsp;&nbsp; <a href="https://www.hongkong-fintech.hk" target="_blank">FinTechHK</a>
-
-
-<hr>
 
 <div align="right"><font size="-1"></font></div>
 

style.css

@@ -1,5 +1,7 @@
 html {
     scroll-behavior: smooth;
+    max-width: 900px;
+    margin: auto;
 }
 
 body {
@@ -9,14 +11,29 @@ body {
     padding-bottom: 200px;
 }
 
+img {
+  border-radius: 15px;
+}
+
 h1, h2, h3, h4 {
-    padding-top: 50px;
+    padding-top: 0px;
+    padding-bottom: 10px;
+    text-align: center;
 }
 
 th{
     font-weight: normal;
 }
 
+p {
+  padding-bottom: 10px;
+}
+
+#topbar{
+  display: inline-block;
+  padding: 0 5px;
+}
+
 div#annoucement {
     width: 750px;
 }
@@ -41,13 +58,14 @@ ul#course {
     top: 0; /* Position the navbar at the top of the page */
     left: 0;
     width: 100%; /* Full width */
+    text-align: center;
     font-weight: bold;
 }
 
 /* Links inside the navbar */
 .navbar a {
-    float: left;
+    /* float: left; */
-    display: block;
+    display: inline-block;
     color: #f2f2f2;
     text-align: center;
     padding: 10px 16px;
@@ -72,7 +90,7 @@ hr {
 .notATable {
   display:table;
   list-style:none;
-  padding-left:0;
+  padding-left:5;
 }
 
 .notATable > li 
@@ -96,3 +114,20 @@ hr {
  content: '|';
 }
 
+#shadowbox {
+  border: 0px solid;
+  border-radius: 15px;
+  padding: 10px;
+  box-shadow: 5px 5px 18px #999999;
+}
+
+hr.style-one {
+border: 0;
+height: 1px;
+background: #333;
+background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
+background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
+background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
+background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
+}
+