diff --git a/index.html b/index.html
index 206c060..3345fbe 100644
--- a/index.html
+++ b/index.html
@@ -7,218 +7,218 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="generator" content="Source Themes Academic 4.8.0">
 
-  
 
-  
-  
-  
-  
-  
-    
-    
-    
-  
-  
+
+
+
+
+
+
+
+
+
+
+
 
   <meta name="author" content="Jiahao Zhang">
 
-  
-  
-  
-    
-  
+
+
+
+
+
   <meta name="description" content="Academic-DavidZ">
 
-  
+
   <link rel="alternate" hreflang="en-us" href="/">
 
-  
 
 
-  
-  
-  
+
+
+
+
   <meta name="theme-color" content="rgb(251, 191, 183)">
-  
 
-  
-  
-  
+
+
+
+
   <script src="/js/mathjax-config.js"></script>
-  
 
-  
-  
-  
-  
-    
+
+
+
+
+
+
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/css/all.min.css" integrity="sha256-4w9DunooKSr3MFXHXWyFER38WmPdm361bQS/2KUWZbU=" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha256-Vzbj7sDDS/woiFS3uNKo8eIuni59rjyNGtXfstRzStA=" crossorigin="anonymous">
 
-    
-    
-    
-      
-    
-    
-      
-      
-        
+
+
+
+
+
+
+
+
+
           <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/github.min.css" crossorigin="anonymous" title="hl-light">
           <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
-        
-      
-    
 
-    
+
+
+
+
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.css" integrity="sha256-SHMGCYmST46SoyGgo4YR/9AlK1vf3ff84Aq9yK4hdqM=" crossorigin="anonymous">
-    
 
-    
 
-    
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js" integrity="sha256-Md1qLToewPeKjfAHU1zyPwOutccPAm5tahnaw7Osw0A=" crossorigin="anonymous" async></script>
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
-    
-      
 
-      
-      
 
-      
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
         <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" integrity="" crossorigin="anonymous" async></script>
-      
-    
-      
 
-      
-      
 
-      
-    
 
-  
 
-  
-  
-  
+
+
+
+
+
+
+
+
+
+
+
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cutive+Mono%7CLora:400,700%7CRoboto:400,700&display=swap">
-  
 
-  
-  
-  
-  
+
+
+
+
+
   <link rel="stylesheet" href="/css/academic.css">
 
-  
 
 
 
 
-  
 
 
-  
-  
+
+
+
+
   <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
-  
 
-  
+
+
   <link rel="alternate" href="/index.xml" type="application/rss+xml" title="Academic-DavidZ">
-  
+
 
   <link rel="manifest" href="/index.webmanifest">
   <link rel="icon" type="image/png" href="/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_32x32_fill_lanczos_center_2.png">
@@ -226,29 +226,29 @@
 
   <link rel="canonical" href="/">
 
-  
-  
-  
-  
-  
-  
-  
-    
-    
-  
-  
+
+
+
+
+
+
+
+
+
+
+
   <meta property="twitter:card" content="summary">
-  
+
   <meta property="og:site_name" content="Academic-DavidZ">
   <meta property="og:url" content="/">
   <meta property="og:title" content="Academic-DavidZ">
   <meta property="og:description" content="Academic-DavidZ"><meta property="og:image" content="/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_512x512_fill_lanczos_center_2.png">
   <meta property="twitter:image" content="/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_512x512_fill_lanczos_center_2.png"><meta property="og:locale" content="en-us">
-  
-    <meta property="og:updated_time" content="2020-06-25T02:23:04&#43;08:00">
-  
 
-  
+    <meta property="og:updated_time" content="2020-06-25T02:23:04&#43;08:00">
+
+
+
 
 <script type="application/ld+json">
 {
@@ -258,13 +258,13 @@
 </script>
 
 
-  
 
 
-  
 
 
-  
+
+
+
 
 
 
@@ -289,16 +289,16 @@
       </div>
 
       <div id="search-box">
-        
-        
-        
+
+
+
       </div>
 
     </section>
     <section class="section-search-results">
 
       <div id="search-hits">
-        
+
       </div>
 
     </section>
@@ -306,7 +306,7 @@
 </aside>
 
 
-  
+
 
 
 
@@ -319,212 +319,212 @@
 <nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
   <div class="container">
 
-    
+
     <div class="d-none d-lg-inline-flex">
       <a class="navbar-brand" href="/">Academic-DavidZ</a>
     </div>
-    
 
-    
+
+
     <button type="button" class="navbar-toggler" data-toggle="collapse"
             data-target="#navbar-content" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
     <span><i class="fas fa-bars"></i></span>
     </button>
-    
 
-    
+
+
     <div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
       <a class="navbar-brand" href="/">Academic-DavidZ</a>
     </div>
-    
 
-    
-    
+
+
+
     <div class="navbar-collapse main-menu-item collapse justify-content-end" id="navbar-content">
 
-      
+
       <ul class="navbar-nav d-md-inline-flex">
-        
 
-        
 
-        
-        
-        
-          
-        
 
-        
-        
-        
-        
-        
-        
-          
-          
-          
-            
-          
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         <li class="nav-item">
           <a class="nav-link " href="/#about" data-target="#about"><span>Home</span></a>
         </li>
 
-        
-        
 
-        
 
-        
-        
-        
-          
-        
 
-        
-        
-        
-        
-        
-        
-          
-          
-          
-            
-          
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         <li class="nav-item">
           <a class="nav-link " href="/#skills" data-target="#skills"><span>Skills</span></a>
         </li>
 
-        
-        
 
-        
 
-        
-        
-        
-          
-        
 
-        
-        
-        
-        
-        
-        
-          
-          
-          
-            
-          
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         <li class="nav-item">
           <a class="nav-link " href="/#projects" data-target="#projects"><span>Projects</span></a>
         </li>
 
-        
-        
 
-        
 
-        
-        
-        
-          
-        
 
-        
-        
-        
-        
-        
-        
-          
-          
-          
-            
-          
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         <li class="nav-item">
           <a class="nav-link " href="/#experience" data-target="#experience"><span>Experience</span></a>
         </li>
 
-        
-        
 
-        
 
-        
-        
-        
-          
-        
 
-        
-        
-        
-        
-        
-        
-          
-          
-          
-            
-          
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         <li class="nav-item">
           <a class="nav-link " href="/#accomplishments" data-target="#accomplishments"><span>Accomplishments</span></a>
         </li>
 
-        
-        
 
-        
 
-        
-        
-        
-          
-            
-          
-        
 
-        
-        
-        
-        
-        
-        
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
         <li class="nav-item">
           <a class="nav-link " href="https://cv.davidz.cn/" target="_blank" rel="noopener"><span>CV</span></a>
         </li>
 
-        
-        
 
-      
 
-        
+
+
+
+
       </ul>
     </div>
 
     <ul class="nav-icons navbar-nav flex-row ml-auto d-flex pl-md-2">
-      
 
-      
+
+
       <li class="nav-item dropdown theme-dropdown">
         <a href="#" class="nav-link js-theme-selector" data-toggle="dropdown" aria-haspopup="true">
           <i class="fas fa-palette" aria-hidden="true"></i>
@@ -541,9 +541,9 @@
           </a>
         </div>
       </li>
-      
 
-      
+
+
 
     </ul>
 
@@ -551,7 +551,7 @@
 </nav>
 
 
-  
+
 
 
 
@@ -569,52 +569,52 @@
 
 
 
-  
-  
-  
-  
 
 
 
 
-  
-  
-  
 
-  
 
-  
 
-  
 
-  
 
-  
 
-  
-  
 
-  
-  
-  
 
-  
-  
-  
-  
-  
 
-  
-  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
   <section id="about" class="home-section wg-about   "  >
     <div class="container">
-      
 
 
 
 
-  
+
+
 
 
 
@@ -629,130 +629,130 @@
   <div class="col-12 col-lg-4">
     <div id="profile">
 
-      
-      
+
+
       <img class="avatar avatar-circle" src="/author/jiahao-zhang/avatar_hu609c30d31133c7c52ede4f0e281fcb2d_226065_270x270_fill_q90_lanczos_center.jpg" alt="Jiahao Zhang">
-      
+
 
       <div class="portrait-title">
         <h2>Jiahao Zhang</h2>
         <h3>Undergraduate Student of Advanced Computing</h3>
 
-        
+
         <h3>
           <a href="https://www.anu.edu.au/" target="_blank" rel="noopener">
           <span>Australian National University</span>
           </a>
         </h3>
-        
+
       </div>
 
       <ul class="network-icon" aria-hidden="true">
-        
-        
-        
-        
-          
-        
-        
-        
-        
-        
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
         <li>
           <a href="https://blog.davidz.cn" target="_blank" rel="noopener">
             <i class="fas fa-blog big-icon"></i>
           </a>
         </li>
-        
-        
-        
-        
-          
-        
-        
-        
-        
-        
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
         <li>
           <a href="https://github.com/DavidZhang73" target="_blank" rel="noopener">
             <i class="fab fa-github big-icon"></i>
           </a>
         </li>
-        
-        
-        
-        
-          
-        
-        
-        
-        
-        
+
+
+
+
+
+
+
+
+
+
         <li>
           <a href="mailto:davidbill@outlook.com" >
             <i class="fas fa-envelope big-icon"></i>
           </a>
         </li>
-        
-        
-        
-        
-          
-        
-        
-        
-        
-        
-          
-        
+
+
+
+
+
+
+
+
+
+
+
+
         <li>
           <a href="https://cv.davidz.cn" target="_blank" rel="noopener">
             <i class="fas fa-address-card big-icon"></i>
           </a>
         </li>
-        
+
       </ul>
 
     </div>
   </div>
   <div class="col-12 col-lg-8">
 
-    
+
     <h1>Hi</h1>
 
-    <p>I am an undergraduate student in the Research School of Computer Science, Australian National University. I used to be an active web developer, but I am now a passionate starter in academic research and interested in many deep learning topics, particularly computer vision.</p>
+    <p>I am an undergraduate student in the Research School of Computer Science, Australian National University. I used to be an active web developer, but I am now a passionate starter in academic research and interested in many deep learning topics, particularly computer vision.</p>
 
 
     <div class="row">
 
-      
+
       <div class="col-md-5">
         <h3>Interests</h3>
         <ul class="ul-interests">
-          
+
           <li>Computer Vision(Deep Learning)</li>
-          
+
           <li>Inteligent Traffic</li>
-          
+
           <li>Automatic Driving</li>
-          
+
           <li>Web Developing</li>
-          
+
           <li>Internet of Things</li>
-          
+
         </ul>
       </div>
-      
 
-      
+
+
       <div class="col-md-7">
         <h3>Education</h3>
         <ul class="ul-edu fa-ul">
-          
+
           <li>
             <i class="fa-li fas fa-graduation-cap"></i>
             <div class="description">
@@ -760,7 +760,7 @@
               <p class="institution">Australian National University</p>
             </div>
           </li>
-          
+
           <li>
             <i class="fa-li fas fa-graduation-cap"></i>
             <div class="description">
@@ -768,10 +768,10 @@
               <p class="institution">Shandong University, Weihai</p>
             </div>
           </li>
-          
+
         </ul>
       </div>
-      
+
 
     </div>
   </div>
@@ -780,168 +780,168 @@
     </div>
   </section>
 
-  
-  
-  
 
-  
 
-  
 
-  
 
-  
 
-  
 
-  
-  
 
-  
-  
-  
 
-  
-  
-  
-  
-  
 
-  
-  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
   <section id="skills" class="home-section wg-featurette   "  >
     <div class="container">
-      
+
 
 
 <div class="row featurette">
-  
+
   <div class="col-md-12 section-heading">
     <h1>Skills</h1>
-    
+
   </div>
-  
 
-  
 
-  
-  
-  
-  
-    
-  
+
+
+
+
+
+
+
+
   <div class="col-12 col-sm-4">
-    
+
     <div class="featurette-icon"><i class="fab fa-python"></i></div>
-    
+
     <h3>Python</h3>
     <p>Scikit-Learn, PyTorch, Django, Flask</p>
   </div>
-  
-  
-  
-  
-    
-  
+
+
+
+
+
+
   <div class="col-12 col-sm-4">
-    
+
     <div class="featurette-icon"><i class="fab fa-cuttlefish"></i></div>
-    
+
     <h3>C/C++</h3>
     <p>POCO, Cpp Micro Service</p>
   </div>
-  
-  
-  
-  
-    
-  
+
+
+
+
+
+
   <div class="col-12 col-sm-4">
-    
+
     <div class="featurette-icon"><i class="fab fa-node-js"></i></div>
-    
+
     <h3>JavaScript</h3>
     <p>Vue.js, Jquery</p>
   </div>
-  
-  
-  
-  
-    
-  
+
+
+
+
+
+
   <div class="col-12 col-sm-4">
-    
+
     <div class="featurette-icon"><i class="fab fa-html5"></i></div>
-    
+
     <h3>HTML and CSS</h3>
     <p>Bootstrap, Ant Design, Element</p>
   </div>
-  
-  
-  
-  
-    
-  
+
+
+
+
+
+
   <div class="col-12 col-sm-4">
-    
+
     <div class="featurette-icon"><i class="fas fa-database"></i></div>
-    
+
     <h3>Database</h3>
     <p>PostgreSQL, MySQL, MongoDB</p>
   </div>
-  
-  
-  
-  
-    
-  
+
+
+
+
+
+
   <div class="col-12 col-sm-4">
-    
+
     <div class="featurette-icon"><i class="fas fa-server"></i></div>
-    
+
     <h3>Server</h3>
     <p>Ubuntu, CentOS, Docker</p>
   </div>
-  
+
 </div>
 
     </div>
   </section>
 
-  
-  
-  
 
-  
 
-  
 
-  
 
-  
 
-  
 
-  
-  
 
-  
-  
-  
 
-  
-  
-  
-  
-  
 
-  
-  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
   <section id="projects" class="home-section wg-portfolio   "  >
     <div class="container">
-      
+
 
 
 
@@ -956,33 +956,32 @@
   <div class="col-12 col-lg-4 section-heading">
 
     <h1>Projects</h1>
-    <p>From 2017 till now</p>
+    <p>Since 2017</p>
 
   </div>
   <div class="col-12 col-lg-8">
 
 
 
-    
 
-    
+
+
 
     <div class=" row js-layout-row ">
-      
 
-        
-        
-        
-          
-          
-        
 
-        
-          
+
+
+
+
+
+
+
+
+
 
 
 <div class="col-12 isotope-item ">
-  
 
 
 
@@ -990,18 +989,19 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1011,24 +1011,23 @@
       <a href="https://github.com/DavidZhang73/ImageCaptionGenerator" target="_blank" rel="noopener">Image Caption Generator</a>
     </h3>
 
-    
+
     <a href="/project/image-caption-generator/" class="summary-link">
       <div class="article-style">
         An encoder(Resnet152)-decoder(LSTM) implementation of image caption model.
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1037,7 +1036,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1058,39 +1058,24 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="https://github.com/DavidZhang73/ImageCaptionGenerator" target="_blank" rel="noopener">
       <img src="/project/image-caption-generator/featured_hua9b8deec36d6892c209521dce5147c5a_251706_150x0_resize_lanczos_2.png" alt="Image Caption Generator">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
-
-      
-
-        
-        
-        
-          
-          
-        
-
-        
-          
 
 
-<div class="col-12 isotope-item ">
-  
 
 
 
@@ -1098,18 +1083,33 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+<div class="col-12 isotope-item ">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1119,24 +1119,23 @@
       <a href="https://blog.davidz.cn/inspur-internship/" target="_blank" rel="noopener">Plugin Manager</a>
     </h3>
 
-    
+
     <a href="/project/plugin-manager/" class="summary-link">
       <div class="article-style">
         A plugin Manager based on Cpp Micro Service.
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1145,7 +1144,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1166,39 +1166,24 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="https://blog.davidz.cn/inspur-internship/" target="_blank" rel="noopener">
       <img src="/project/plugin-manager/featured_hub2d7bd1baa2e188d5dd019d3bd4d3448_30498_150x0_resize_lanczos_2.png" alt="Plugin Manager">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
-
-      
-
-        
-        
-        
-          
-          
-        
-
-        
-          
 
 
-<div class="col-12 isotope-item ">
-  
 
 
 
@@ -1206,18 +1191,33 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+<div class="col-12 isotope-item ">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1227,24 +1227,23 @@
       <a href="https://blog.davidz.cn/anu-comp2310-assignment1/" target="_blank" rel="noopener">COMP2310 Assignment 1(2019)</a>
     </h3>
 
-    
+
     <a href="/project/comp2310-assignment-1/" class="summary-link">
       <div class="article-style">
         A distributed vehicle control system.
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1253,7 +1252,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1274,39 +1274,24 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="https://blog.davidz.cn/anu-comp2310-assignment1/" target="_blank" rel="noopener">
       <img src="/project/comp2310-assignment-1/featured_hu9c82d478dead121cdbb97655ba43beff_131141_150x0_resize_lanczos_2.png" alt="COMP2310 Assignment 1(2019)">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
-
-      
-
-        
-        
-        
-          
-          
-        
-
-        
-          
 
 
-<div class="col-12 isotope-item ">
-  
 
 
 
@@ -1314,18 +1299,33 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+<div class="col-12 isotope-item ">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1335,24 +1335,23 @@
       <a href="https://daty.davidz.cn/#/" target="_blank" rel="noopener">File Collector</a>
     </h3>
 
-    
+
     <a href="/project/file-collector/" class="summary-link">
       <div class="article-style">
         A project designed to simplify file collection from classmates.
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1361,7 +1360,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1382,39 +1382,24 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="https://daty.davidz.cn/#/" target="_blank" rel="noopener">
       <img src="/project/file-collector/featured_hue2b0de845958cd95dc3cebba0a467c16_77711_150x0_resize_lanczos_2.png" alt="File Collector">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
-
-      
-
-        
-        
-        
-          
-          
-        
-
-        
-          
 
 
-<div class="col-12 isotope-item ">
-  
 
 
 
@@ -1422,18 +1407,33 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+<div class="col-12 isotope-item ">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1443,24 +1443,23 @@
       <a href="http://thugh.cn/#/" target="_blank" rel="noopener">Weihai Construction Consulting System</a>
     </h3>
 
-    
+
     <a href="/project/ccs/" class="summary-link">
       <div class="article-style">
         An enterprise-level business projects(CMS for construction companies).
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1469,7 +1468,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1490,39 +1490,24 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="http://thugh.cn/#/" target="_blank" rel="noopener">
       <img src="/project/ccs/featured_hu5e4208b01e31f33eff383c54b481b2d1_364609_150x0_resize_lanczos_2.png" alt="Weihai Construction Consulting System">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
-
-      
-
-        
-        
-        
-          
-          
-        
-
-        
-          
 
 
-<div class="col-12 isotope-item ">
-  
 
 
 
@@ -1530,18 +1515,33 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+<div class="col-12 isotope-item ">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1551,24 +1551,23 @@
       <a href="https://git.davidz.cn/david/BookingService" target="_blank" rel="noopener">School Booking System</a>
     </h3>
 
-    
+
     <a href="/project/booking-system/" class="summary-link">
       <div class="article-style">
         A booking system designed for school.
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1577,7 +1576,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1598,39 +1598,24 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="https://git.davidz.cn/david/BookingService" target="_blank" rel="noopener">
       <img src="/project/booking-system/featured_huc76998c961d396029ff2cfbc972cde02_67046_150x0_resize_lanczos_2.png" alt="School Booking System">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
-
-      
-
-        
-        
-        
-          
-          
-        
-
-        
-          
 
 
-<div class="col-12 isotope-item ">
-  
 
 
 
@@ -1638,18 +1623,33 @@
 
 
 
-  
-  
-
-
-  
-  
 
 
 
 
 
-  
+
+<div class="col-12 isotope-item ">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <div class="media stream-item">
@@ -1659,24 +1659,23 @@
       <a href="https://github.com/DavidZhang73/VJ" target="_blank" rel="noopener">Virtual Judge</a>
     </h3>
 
-    
+
     <a href="/project/virtual-judge/" class="summary-link">
       <div class="article-style">
         Virtual Judge for ACM practice.
       </div>
     </a>
-    
+
 
     <div class="stream-meta article-metadata">
 
-      
 
-      
+
+
     </div>
 
-    
+
     <div class="btn-links">
-      
 
 
 
@@ -1685,7 +1684,8 @@
 
 
 
-  
+
+
 
 
 
@@ -1706,25 +1706,25 @@
 
 
     </div>
-    
+
 
   </div>
   <div class="ml-3">
-    
-    
-    
+
+
+
     <a href="https://github.com/DavidZhang73/VJ" target="_blank" rel="noopener">
       <img src="/project/virtual-judge/featured_hudfc51f50b4b44cf22b7e1317e564ca9d_144690_150x0_resize_lanczos_2.png" alt="Virtual Judge">
     </a>
-    
+
   </div>
 </div>
 
 </div>
 
-        
 
-      
+
+
     </div>
 
   </div>
@@ -1733,55 +1733,55 @@
     </div>
   </section>
 
-  
-  
-  
 
-  
 
-  
 
-  
 
-  
 
-  
 
-  
-  
 
-  
-  
-  
 
-  
-  
-  
-  
-  
 
-  
-  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
   <section id="experience" class="home-section wg-experience   "  >
     <div class="container">
-      
+
 
 
 
 <div class="row">
   <div class="col-12 col-lg-4 section-heading">
     <h1>Experience</h1>
-    <p>From 2017 till now</p>
+    <p>Since 2017</p>
   </div>
   <div class="col-12 col-lg-8">
-    
 
-    
-    
-    
+
+
+
+
     <div class="row experience">
-      
+
       <div class="col-auto text-center flex-column d-none d-sm-flex">
         <div class="row h-50">
           <div class="col ">&nbsp;</div>
@@ -1795,7 +1795,7 @@
           <div class="col">&nbsp;</div>
         </div>
       </div>
-      
+
       <div class="col py-2">
         <div class="card">
           <div class="card-body">
@@ -1803,30 +1803,30 @@
             <h4 class="card-title exp-company text-muted my-0"><a href="https://www.inspur.com/" target="_blank" rel="noopener">Inspur</a></h4>
             <div class="text-muted exp-meta">
               Nov 2019 –
-              
+
                 Jan 2020
-              
-              
+
+
                 <span class="middot-divider"></span>
                 <span>Jinan, China</span>
-              
+
             </div>
-            <div class="card-text"><p>I was an intern at the Inspur, which is a Server and Cloud company in China. I helped to build a plugin management system based on <a href="http://cppmicroservices.org/">Cpp Micro Service</a>.</p>
-<p>Responsibilities include:</p>
-<ul>
-<li>Design</li>
-<li>Develop</li>
-<li>Deploy</li>
-<li>Test</li>
-</ul>
+            <div class="card-text"><p>I was an intern at the Inspur, which is a Server and Cloud company in China. I helped to build a plugin management system based on <a href="http://cppmicroservices.org/">Cpp Micro Service</a>.</p>
+<p>Responsibilities include:</p>
+<ul>
+<li>Design</li>
+<li>Develop</li>
+<li>Deploy</li>
+<li>Test</li>
+</ul>
 </div>
           </div>
         </div>
       </div>
     </div>
-    
+
     <div class="row experience">
-      
+
       <div class="col-auto text-center flex-column d-none d-sm-flex">
         <div class="row h-50">
           <div class="col border-right">&nbsp;</div>
@@ -1840,7 +1840,7 @@
           <div class="col">&nbsp;</div>
         </div>
       </div>
-      
+
       <div class="col py-2">
         <div class="card">
           <div class="card-body">
@@ -1848,30 +1848,30 @@
             <h4 class="card-title exp-company text-muted my-0"><a href="https://ie.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandong University, Weihai, School of Mechanical, Electrical &amp; Information Engineering</a></h4>
             <div class="text-muted exp-meta">
               May 2019 –
-              
+
                 Jul 2019
-              
-              
+
+
                 <span class="middot-divider"></span>
                 <span>Weihai, China</span>
-              
+
             </div>
-            <div class="card-text"><p>I was an independent developer of the Booking System designed to simplify the appointment process. The system is in-use till now, and maintained by a junior student.</p>
-<p>Responsibilities include:</p>
-<ul>
-<li>Design</li>
-<li>Develop</li>
-<li>Deploy</li>
-<li>Test</li>
-</ul>
+            <div class="card-text"><p>I was an independent developer of the Booking System designed to simplify the appointment process. The system is in-use till now, and maintained by a junior student.</p>
+<p>Responsibilities include:</p>
+<ul>
+<li>Design</li>
+<li>Develop</li>
+<li>Deploy</li>
+<li>Test</li>
+</ul>
 </div>
           </div>
         </div>
       </div>
     </div>
-    
+
     <div class="row experience">
-      
+
       <div class="col-auto text-center flex-column d-none d-sm-flex">
         <div class="row h-50">
           <div class="col border-right">&nbsp;</div>
@@ -1885,7 +1885,7 @@
           <div class="col">&nbsp;</div>
         </div>
       </div>
-      
+
       <div class="col py-2">
         <div class="card">
           <div class="card-body">
@@ -1893,31 +1893,31 @@
             <h4 class="card-title exp-company text-muted my-0"><a href="https://ie.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandong University, Weihai, School of Mechanical, Electrical &amp; Information Engineering</a></h4>
             <div class="text-muted exp-meta">
               Mar 2019 –
-              
+
                 Present
-              
-              
+
+
                 <span class="middot-divider"></span>
                 <span>Weihai, China</span>
-              
+
             </div>
-            <div class="card-text"><p>I was a major developer(one of six) of the Weihai Construction Consulting System, which is an
-enterprise-level business projects, and still in active development(from V1 to V2).</p>
-<p>Responsibilities include:</p>
-<ul>
-<li>Frontend developing</li>
-<li>Agile software development manager</li>
-<li>Deploying</li>
-<li>Testing</li>
-</ul>
+            <div class="card-text"><p>I was a major developer(one of six) of the Weihai Construction Consulting System, which is an
+enterprise-level business projects, and still in active development(from V1 to V2).</p>
+<p>Responsibilities include:</p>
+<ul>
+<li>Frontend developing</li>
+<li>Agile software development manager</li>
+<li>Deploying</li>
+<li>Testing</li>
+</ul>
 </div>
           </div>
         </div>
       </div>
     </div>
-    
+
     <div class="row experience">
-      
+
       <div class="col-auto text-center flex-column d-none d-sm-flex">
         <div class="row h-50">
           <div class="col border-right">&nbsp;</div>
@@ -1931,7 +1931,7 @@ enterprise-level business projects, and still in active development(from V1 to V
           <div class="col">&nbsp;</div>
         </div>
       </div>
-      
+
       <div class="col py-2">
         <div class="card">
           <div class="card-body">
@@ -1939,146 +1939,146 @@ enterprise-level business projects, and still in active development(from V1 to V
             <h4 class="card-title exp-company text-muted my-0"><a href="https://ie.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandong University, Weihai, School of Mechanical, Electrical &amp; Information Engineering</a></h4>
             <div class="text-muted exp-meta">
               Feb 2018 –
-              
+
                 Jul 2019
-              
-              
+
+
                 <span class="middot-divider"></span>
                 <span>Weihai, China</span>
-              
+
             </div>
-            <div class="card-text"><p>I was the major maintainer(one of three) of the VJ(Virtual Judge for ACM practice) system developed by a senior student. The system has more than 10K submissions since first published in 2017.</p>
-<p>Responsibilities include:</p>
-<ul>
-<li>Maintaining the service</li>
-<li>Optimizing response speed</li>
-<li>Developing new features with senior students</li>
-</ul>
+            <div class="card-text"><p>I was the major maintainer(one of three) of the VJ(Virtual Judge for ACM practice) system developed by a senior student. The system has more than 10K submissions since first published in 2017.</p>
+<p>Responsibilities include:</p>
+<ul>
+<li>Maintaining the service</li>
+<li>Optimizing response speed</li>
+<li>Developing new features with senior students</li>
+</ul>
 </div>
           </div>
         </div>
       </div>
     </div>
-    
-    
+
+
   </div>
 </div>
 
     </div>
   </section>
 
-  
-  
-  
 
-  
 
-  
 
-  
 
-  
 
-  
 
-  
-  
 
-  
-  
-  
 
-  
-  
-  
-  
-  
 
-  
-  
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
   <section id="accomplishments" class="home-section wg-accomplishments   "  >
     <div class="container">
-      
+
 
 
 
 <div class="row">
   <div class="col-12 col-lg-4 section-heading">
     <h1>Accomplish­ments</h1>
-    <p>From 2017 till now</p>
+    <p>Since 2017</p>
   </div>
   <div class="col-12 col-lg-8">
-    
 
-    
-    
+
+
+
       <div class="card experience course">
         <div class="card-body"><h4 class="card-title exp-title text-muted my-0">First Scholarship of Abroad Special</h4><div class="card-subtitle my-0 article-metadata"><a href="https://www.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandon University, Weihai</a><span class="middot-divider"></span>
 
             Jul 2019
-            
+
           </div>
 
-          
 
-          
+
+
         </div>
       </div>
-    
+
       <div class="card experience course">
         <div class="card-body"><h4 class="card-title exp-title text-muted my-0">Third Scholarship of University</h4><div class="card-subtitle my-0 article-metadata"><a href="https://www.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandon University, Weihai</a><span class="middot-divider"></span>
 
             Jul 2019
-            
+
           </div>
 
-          
 
-          
+
+
         </div>
       </div>
-    
+
       <div class="card experience course">
         <div class="card-body"><h4 class="card-title exp-title text-muted my-0">Second Scholarship of Research and Innovation</h4><div class="card-subtitle my-0 article-metadata"><a href="https://www.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandon University, Weihai</a><span class="middot-divider"></span>
 
             Jul 2018
-            
+
           </div>
 
-          
 
-          
+
+
         </div>
       </div>
-    
+
       <div class="card experience course">
         <div class="card-body"><h4 class="card-title exp-title text-muted my-0">Third Scholarship of University</h4><div class="card-subtitle my-0 article-metadata"><a href="https://www.wh.sdu.edu.cn/" target="_blank" rel="noopener">Shandon University, Weihai</a><span class="middot-divider"></span>
 
             Jul 2018
-            
+
           </div>
 
-          
 
-          
+
+
         </div>
       </div>
-    
+
       <div class="card experience course">
         <div class="card-body"><a href="http://dasai.lanqiao.cn/" target="_blank" rel="noopener"><h4 class="card-title exp-title text-muted my-0">&ldquo;LanQiao&rdquo; Programming Competition Province-Level Second Prize</h4></a><div class="card-subtitle my-0 article-metadata"><a href="https://www.lanqiao.cn/" target="_blank" rel="noopener">LanQiao</a><span class="middot-divider"></span>
 
             Jun 2018
-            
+
           </div>
 
-          
 
-          
+
+
         </div>
       </div>
-    
-    
+
+
   </div>
 </div>
 
@@ -2087,60 +2087,60 @@ enterprise-level business projects, and still in active development(from V1 to V
 
 
 
-      
 
-    
-    
-    
+
+
+
+
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script>
 
-      
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.8/mermaid.min.js" integrity="sha256-lyWCDMnMeZiXRi7Zl54sZGKYmgQs4izcT7+tKc+KUBk=" crossorigin="anonymous" title="mermaid"></script>
-      
 
-      
-        
+
+
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js" integrity="sha256-eOgo0OtLL4cdq7RdwRUiGKLX9XsIJ7nGhWEKbohmVAQ=" crossorigin="anonymous"></script>
-        
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/languages/r.min.js"></script>
-        
-      
 
-    
 
-    
-    
+
+
+
+
+
       <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.js" integrity="sha256-EErZamuLefUnbMBQbsEqu1USa+btR2oIlCpBJbyD4/g=" crossorigin="anonymous"></script>
-    
 
-    
-    
+
+
+
     <script>const code_highlighting = true;</script>
-    
 
-    
-    
+
+
+
     <script>const isSiteThemeDark = false;</script>
-    
 
-    
 
-    
-    
 
-    
 
-    
-    
 
-    
-    
 
-    
-    
+
+
+
+
+
+
+
+
+
+
+
     <script>
       if (window.netlifyIdentity) {
         window.netlifyIdentity.on("init", user => {
@@ -2152,44 +2152,44 @@ enterprise-level business projects, and still in active development(from V1 to V
         });
       }
     </script>
-    
 
-    
-    
 
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     <script src="/js/academic.min.cbb55fd8eafa574bce72dcb94f65cd2c.js"></script>
 
-    
 
 
 
 
 
 
-  
-  
+
+
+
   <div class="container">
     <footer class="site-footer">
-  
+
 
   <p class="powered-by">
     CopyRight © DavidZ
   </p>
 
-  
-  
+
+
 
 
 
@@ -2201,7 +2201,7 @@ enterprise-level business projects, and still in active development(from V1 to V
     <a href="https://sourcethemes.com/academic/" target="_blank" rel="noopener">Academic theme</a> for
     <a href="https://gohugo.io" target="_blank" rel="noopener">Hugo</a>.
 
-    
+
     <span class="float-right" aria-hidden="true">
       <a href="#" class="back-to-top">
         <span class="button_icon">
@@ -2209,14 +2209,14 @@ enterprise-level business projects, and still in active development(from V1 to V
         </span>
       </a>
     </span>
-    
+
   </p>
 </footer>
 
   </div>
-  
 
-  
+
+
 <div id="modal" class="modal fade" role="dialog">
   <div class="modal-dialog">
     <div class="modal-content">