update layout

xerrors · web-flow · commit db5a0348faa9 · 2023-08-12T01:26:29.000Z
diff --git a/index.html b/index.html
@@ -6,17 +6,17 @@
     <title>Wenjie Zhang (张文杰)</title>
 </head>
 <body>
-    <h1 class="name">Wenjie Zhang (张文杰)</h1>
+    <h1 class="name">张文杰 (Wenjie Zhang)</h1>
     <header>
         <div class="info">
             <h3>Ph.D. Student (from Fall 2023)</h3>
             <p>
                 <a href="https://www.jiangnan.edu.cn" target="_blank">Jiangnan University</a>
-                , Institute of advanced Technology <br>
-                Address: 1800 Lihu Avenue, Wuxi, Jiangsu, China
+                , Institute of advanced Technology, <br>
+                Address: 1800 Lihu Avenue, Wuxi, Jiangsu, China.
             </p>
             <!-- <p><a href="https://www.jiangnan.edu.cn" target="_blank">江南大学</a>, 先进技术研究院</p> -->
-            <p>Email: zhangwenjie@stu.jiangnan.edu.cn</p>
+            <p>Email: <span>wenjie.zhang@stu.jiangnan.edu.cn</span></p>
             <p class="actions">
                 <button><a href="https://github.com/xerrors">View My GitHub</a></button>
                 <button><a href="https://scholar.google.com.hk/citations?user=ZwL8FnQAAAAJ">View My Google Scholar</a></button>
@@ -38,10 +38,13 @@ <h2>Short Bio</h2>
         <h2>Publications</h2>
         <ul class="pub">
             <li>
+                <!-- <span class="bable bg-green">arXiv 2023</span>
+                <span class="bable bg-main">CCF-B</span> -->
                 <strong>Zhang W</strong>, Song X, Feng Z, et al.
                 LabelPrompt: Effective Prompt-based Learning for Relation Classification[J]. arXiv preprint arXiv:2302.08068, 2023.
                 [<a href="https://arxiv.org/abs/2302.08068" target="_blank">abstract</a>]
                 [<a href="https://arxiv.org/pdf/2302.08068" target="_blank">pdf</a>]
+                <!-- <strong>cite: 8989, IF: 9.8, JCR Q1</strong> -->
             </li>
             <li>
                 Thinking about what to do next.
@@ -81,6 +84,7 @@ <h2>Awards</h2>
     header img {
         margin: 0;
         height: 200px;
+        border-radius: 4px;
     }
 
     header p.actions {
@@ -115,6 +119,46 @@ <h2>Awards</h2>
         color: #3367d1;
     }
 
+    .bable {
+        display: inline-block;
+        padding: 2px 4px;
+        background-color: #3367d1;
+        color: white;
+        border-radius: 4px;
+        margin-right: 6px;
+        font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+        font-size: small;
+    }
+
+    /* mata-class */
+    .red {
+        color: red;
+    }
+
+    .bg-red {
+        background-color: red;
+    }
+
+    .green {
+        color: green;
+    }
+
+    .bg-green {
+        background-color: green;
+    }
+
+    .main {
+        color: #3367d1;
+    }
+
+    .bg-main {
+        background-color: #3367d1;
+    }
+
+    .bold {
+        font-weight: bold;
+    }
+
     /* common overrides */
     h2 {
         margin: 30px 0 10px 0;
@@ -131,14 +175,26 @@ <h2>Awards</h2>
         text-decoration: underline;
     }
 
+    p {
+        line-height: 1.25;
+    }
+
     li {
         margin-bottom: 10px;
     }
 
     @media screen and (max-width: 600px) {
+        h1 {
+            font-size: 1.8rem;
+        }
+
+        p {
+            line-height: 1.5;
+        }
         header {
             flex-direction: column;
             height: auto;
+            margin: 20px auto;
         }
 
         header img {
@@ -147,6 +203,10 @@ <h2>Awards</h2>
             max-width: 100%;
             margin: 20px auto 20px 0;
         }
+
+        ul {
+            padding-left: 16px;
+        }
     }
 </style>
 </html>
