Improve about page

jinningwang · Jan 23, 2025 · 38833fa · 38833fa
1 parent 941c143
commit 38833fa
Showing 1 changed file with 70 additions and 8 deletions.
diff --git a/_pages/about.md b/_pages/about.md
@@ -20,14 +20,76 @@ social: true # includes social icons at the bottom of the page
 Jinning is currently pursuing a Ph.D. degree in electrical engineering at the University of Tennessee, Knoxville, TN, USA.
 His research interests include Data Mining, Scientific Computation, and Power System Simulation.
 
-Jinning is the author of power system scheduling simulator [AMS](https://github.com/CURENT/ams), which is a key component of the [CURENT Large-scale Testbed (LTB)](https://github.com/CURENT).
+Jinning is the author of power system scheduling simulator **AMS**, which is a key component of the **CURENT Large-scale Testbed (LTB)**.
 He has been coordinating the development efforts for the LTB since 2021.
-He also curates the list [Popular Open Source Libraries for Power System Analysis](https://github.com/jinningwang/best-of-ps).
+He also curates the list **Popular Open Source Libraries for Power System Analysis**.
 
-Below are some of the acive projects I contribute to:
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
-- [AMS](https://github.com/CURENT/ams): Power system scheduling simulator in Python
-- [ANDES](https://github.com/CURENT/andes): Power system transient simulator in Python.
-- [Popular Open Source Libraries for Power System Analysis](https://github.com/jinningwang/best-of-ps)
-- [Power Systems Update](./blog/category/power-systems-update/): Collection of emerging trends
-- [Power Systems Wiki](./blog/2024/power-systems-wiki/): Collection of terminologies
+<div class="project-list">
+  <div class="project-item">
+    <a href="https://github.com/CURENT/ams">
+      <i class="fa-solid fa-calculator"></i>
+      <span>AMS: Power system scheduling simulator in Python</span>
+    </a>
+  </div>
+  <div class="project-item">
+    <a href="https://github.com/CURENT/andes">
+      <i class="fas fa-bolt"></i>
+      <span>ANDES: Power system transient simulator in Python</span>
+    </a>
+  </div>
+  <div class="project-item">
+    <a href="https://github.com/jinningwang/best-of-ps">
+      <i class="fa-solid fa-list"></i>
+      <span>Popular Open Source Libraries for Power System Analysis</span>
+    </a>
+  </div>
+  <div class="project-item">
+    <a href="./blog/category/power-systems-update/">
+      <i class="fa-solid fa-newspaper"></i>
+      <span>Power Systems Update: Collection of emerging trends</span>
+    </a>
+  </div>
+  <div class="project-item">
+    <a href="./blog/2024/power-systems-wiki/">
+      <i class="fas fa-book"></i>
+      <span>Power Systems Wiki: Collection of terminologies</span>
+    </a>
+  </div>
+</div>
+
+<style>
+.project-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.project-item {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  transition: background-color 0.3s;
+}
+
+.project-item:hover {
+  background-color: #f0f0f0;
+}
+
+.project-item i {
+  font-size: 24px;
+  margin-right: 10px;
+}
+
+.project-item a {
+  text-decoration: none;
+  color: #333;
+}
+
+.project-item a:hover {
+  text-decoration: underline;
+}
+</style>