update: about

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

build.py

@@ -1,3 +1,5 @@
+# 或許可以值機在本地生成 blog 資料夾，並且把所有的文章都放在裡面
+
 import os
 import json
 import requests

inc/about.html

@@ -4,20 +4,37 @@ <h2 class="h2 article-title">About me</h2>
 
 <section class="about-text">
     <p>
-        I am Hugo ChunHo Lin, a 4th-year student at [*National Central University (NCU)*](https://www.ncu.edu.tw/), driven by a ***genuine passion*** for the field of **Software Engineering 💻**.
+        I am Hugo ChunHo Lin, a 4th-year student at <a href="https://www.ncu.edu.tw/" class="navbar-link active"
+            style="color: var(--orange-yellow-crayola); display: inline;">National Central University (NCU)</a>,
+        driven by a <em><strong>genuine passion</strong></em> for the field of <strong>Software Engineering 💻</strong>.
     </p>
 
     <p>
-        I am currently preparing my application for a Master\'s Degree, while simultaneously serving as a **2023 Amazon Web Services (AWS) Educate Cloud Ambassador** and an **Ex Software Engineering (SWE) Intern at PEGATROON**.
-        turning complex problems into simple, beautiful and intuitive designs.
+        I am currently preparing my application for a Master's Degree, while simultaneously serving as a
+        <strong><a href="https://aws.amazon.com/tw/education/awseducate/" class="navbar-link active"
+                style="color: var(--orange-yellow-crayola); display: inline;">Amazon
+                Web Services (AWS) Educate</a> Cloud Ambassador -- Tech Support</strong> and an <strong>Ex Software
+            Engineering (SWE)
+            Intern at
+            <a href="https://www.pegatroncorp.com/" class="navbar-link active"
+                style="color: var(--orange-yellow-crayola); display: inline;">PEGATROON</a></strong>, turning complex
+        problems into simple, beautiful and intuitive designs.
     </p>
 
     <p>
-        As part of my preparations, I am focusing on enhancing my programming skills in languages such as `GO`, `Flutter`, and `JavaScript`. Additionally, I am actively studying **Data structures** and **Algorithms** to further strengthen my technical expertise.
+        As part of my preparations, I am focusing on enhancing my programming skills in languages such as
+        <code class="navbar-link active"
+            style="color: var(--orange-yellow-crayola); display: inline;">GO, Flutter, and JavaScript</code>.
+        Additionally, I am actively studying <strong>Data
+            structures</strong>
+        and <strong>Algorithms</strong> to further strengthen my technical expertise.
     </p>
+
     <p>
-        🔔 **I\'m looking for 2024 Summer research internships!**
+        🔔 <strong>I'm looking for 2024 Summer research internships!</strong>
     </p>
+
+
 </section>
 
 
@@ -100,7 +117,6 @@ <h4 class="h4 service-item-title">Photography</h4>
 
 </section>
 
-
 <!--
     - testimonials
   -->
@@ -109,6 +125,92 @@ <h4 class="h4 service-item-title">Photography</h4>
 
     <h3 class="h3 testimonials-title">Testimonials</h3>
 
+    <ul class="testimonials-list has-scrollbar">
+
+        <li class="testimonials-item">
+            <div class="content-card" data-testimonials-item>
+
+                <figure class="testimonials-avatar-box">
+                    <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="60" data-testimonials-avatar>
+                </figure>
+
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>eunchaeee?</h4>
+
+                <div class="testimonials-text" data-testimonials-text>
+                    <p>
+                        Lazy to work on this... maybe later.
+                    </p>
+                </div>
+
+            </div>
+        </li>
+
+        <li class="testimonials-item">
+            <div class="content-card" data-testimonials-item>
+
+                <figure class="testimonials-avatar-box">
+                    <img src="./assets/images/avatar-2.png" alt="Jessica miller" width="60" data-testimonials-avatar>
+                </figure>
+
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>chaewonnn?</h4>
+
+                <div class="testimonials-text" data-testimonials-text>
+                    <p>
+                        Easy peasy lemon squeezy...
+                    </p>
+                </div>
+
+            </div>
+        </li>
+
+        <li class="testimonials-item">
+            <div class="content-card" data-testimonials-item>
+
+                <figure class="testimonials-avatar-box">
+                    <img src="./assets/images/avatar-3.png" alt="Emily evans" width="60" data-testimonials-avatar>
+                </figure>
+
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>who?</h4>
+
+                <div class="testimonials-text" data-testimonials-text>
+                    <p>
+                        Lazy to work on this... maybe later.
+                    </p>
+                </div>
+
+            </div>
+        </li>
+
+        <li class="testimonials-item">
+            <div class="content-card" data-testimonials-item>
+
+                <figure class="testimonials-avatar-box">
+                    <img src="./assets/images/avatar-4.png" alt="Henry william" width="60" data-testimonials-avatar>
+                </figure>
+
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>Who?</h4>
+
+                <div class="testimonials-text" data-testimonials-text>
+                    <p>
+                        Lazy to work on this... maybe later.
+                    </p>
+                </div>
+
+            </div>
+        </li>
+
+    </ul>
+
+</section>
+
+<!--
+    - testimonials
+  -->
+
+<!-- <section class="testimonials">
+
+    <h3 class="h3 testimonials-title">Testimonials</h3>
+
     <ul class="testimonials-list has-scrollbar">
 
         <li class="testimonials-item">
@@ -205,7 +307,7 @@ <h4 class="h4 testimonials-item-title" data-testimonials-title>Henry william</h4
 
     </ul>
 
-</section>
+</section> -->
 
 
 <!--

js/main.js

@@ -81,4 +81,4 @@ export const INITIALIZE = () => {
         res(MANAGER.postLoad());
 
     });
-}
+}

js/vcard.js

@@ -50,8 +50,8 @@ for (let i = 0; i < testimonialsItem.length; i++) {
 }
 
 // add click event to modal close button
-// modalCloseBtn.addEventListener("click", testimonialsModalFunc);
-// overlay.addEventListener("click", testimonialsModalFunc);
+modalCloseBtn.addEventListener("click", testimonialsModalFunc);
+overlay.addEventListener("click", testimonialsModalFunc);