diff --git a/.vscode/settings.json b/.vscode/settings.json
index 9a57a42..7b03ed6 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,7 @@
 {
   "cSpell.words": [
     "Chun",
+    "Codepen",
     "dmhy",
     "metablock",
     "NCTU",
diff --git a/public/index.css b/public/index.css
index ff7ea2a..9d1e20e 100644
--- a/public/index.css
+++ b/public/index.css
@@ -58,6 +58,11 @@ header {
     }
   }
 }
+@media print {
+  section > h2 {
+    margin: 1rem 0;
+  }
+}
 section#experience {
   a {
     color: green;
@@ -88,6 +93,11 @@ section#works {
       width: 1.2rem;
     }
 
+    svg:has(+ a:hover) {
+      transform: rotateY(360deg);
+      transition: transform 1s;
+    }
+
     & + p {
       margin: 0.5rem;
       padding-left: 1rem;
diff --git a/public/index.html b/public/index.html
index e5e1a7d..cd31bda 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,22 +43,23 @@ <h2>Technical Skills</h2>
 
     <section id="experience">
       <h2>Experience</h2>
-      <h3>Senior Frontend Engineer @ 17LIVE Inc. <time datetime="2021-06">2021.06</time> ~ <time id="time-now">now</time></h3>
+      <h3>Senior Frontend Engineer @ 17LIVE Inc. <time datetime="2021-06">2021.06</time> ~ <time id="time-now">Present</time></h3>
       <ul>
-        <li>Self-design and setup a simple end-to-end test pipeline with <a href="https://playwright.dev/" target="_blank" rel="noopener noreferrer">playwright</a>, <a href="https://github.com/features/actions" target="_blank" rel="noopener noreferrer">GitHub Actions</a>, and <a href="https://developers.cloudflare.com/workers/" target="_blank" rel="noopener noreferrer">cloudflare worker</a>.</li>
-        <li>Introduce type checking tools, such as typescript, zod and valibot, to help our project be more stable than before.</li>
-        <li>Share technical knowledge to my team at least once every year.</li>
-        <li>Reduce e-commerce team <strong>~50%</strong> CI + CD time & <strong>~50%</strong> image size.</li>
-        <li>Collaborate with game team develop webview in vanilla from scratch to release less than <strong>15</strong> days.</li>
-        <li>Develop many tools for QA, PM, UI teammates to make their routines more efficient.</li>
+        <li>Designed and set up a simple end-to-end test pipeline using <a href="https://playwright.dev/" target="_blank" rel="noopener noreferrer">Playwright</a>, <a href="https://github.com/features/actions" target="_blank" rel="noopener noreferrer">GitHub Actions</a>, and <a href="https://developers.cloudflare.com/workers/" target="_blank" rel="noopener noreferrer">Cloudflare Workers</a>.</li>
+        <li>Introduced type-checking tools, such as TypeScript, Zod, and Valibot, to enhance project stability.</li>
+        <li>Shared technical knowledge with the team at least once a year.</li>
+        <li>Reduced the e-commerce team's CI/CD time by <strong>~50%</strong> and image size by <strong>~50%</strong> using multi-stage builds.</li>
+        <li>Collaborated with the game team to develop a webview in vanilla from scratch in less than <strong>15</strong> days.</li>
+        <li>Created various tools using <strong>Userscript, Google App Script, and Codepen</strong> to improve efficiency for QA, PM, and UI teams, with half of these tools becoming their essential daily productivity tools.</li>
+        <li>Developed a web extension in one month, preserving over <strong>90%</strong> of e-commerce team revenue at risk due to the termination of a third-party service.</li>
       </ul>
       <h3>Software Engineer @ MiTAC Inc. <time datetime="2019-11/2021-04">2019.11 ~ 2021.04</time></h3>
       <ul>
         <li>
-          Implement SCADA HMI by <a href="https://v2.vuejs.org/" target="_blank" rel="noopener noreferrer">vue2</a>,
-          <a href="https://echarts.apache.org/en/index.html" target="_blank" rel="noopener noreferrer">Apache EChart</a>,
-          <a href="https://www.jointjs.com/" target="_blank" rel="noopener noreferrer">joint.js</a> and
-          <a href="https://vuetifyjs.com/en/" target="_blank" rel="noopener noreferrer">vuetify</a>.
+          Implemented SCADA HMI using <a href="https://v2.vuejs.org/" target="_blank" rel="noopener noreferrer">vue2</a>,
+          <a href="https://echarts.apache.org/en/index.html" target="_blank" rel="noopener noreferrer">Apache ECharts</a>,
+          <a href="https://www.jointjs.com/" target="_blank" rel="noopener noreferrer">JointJS</a> and
+          <a href="https://vuetifyjs.com/en/" target="_blank" rel="noopener noreferrer">Vuetify</a>.
         </li>
       </ul>
     </section>
@@ -69,22 +70,17 @@ <h3>
         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
         <a href="https://github.com/FlandreDaisuki/dmhy-subscribe" target="_blank" rel="noopener noreferrer">dmhy-subscribe</a>
       </h3>
-      <p>It use crontab to crawl target resource and store it into sqlite, and provide CLI to access sqlite. Implement self-designed migration flow for learning.</p>
+      <p>Utilized crontab to crawl target resources and store them into SQLite, and provide CLI to access SQLite. Implemented self-designed migration flow for learning.</p>
       <h3>
         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
         <a href="https://github.com/FlandreDaisuki/rollup-plugin-userscript-metablock" target="_blank" rel="noopener noreferrer"> rollup-plugin-userscript-metablock</a>
       </h3>
-      <p>Use <a href="https://www.npmjs.com/package/magic-string" target="_blank" rel="noopener noreferrer">magic-string</a> and <a href="https://rollupjs.org/" target="_blank" rel="noopener noreferrer">rollup</a> to make userscript metadata can be version control.</p>
-      <h3>
-        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
-        <a href="https://github.com/FlandreDaisuki/winkblue" target="_blank" rel="noopener noreferrer">winkblue</a>
-      </h3>
-      <p>A reactive DOM observer with simple API. I use this in one of company project.</p>
+      <p>Used <a href="https://www.npmjs.com/package/magic-string" target="_blank" rel="noopener noreferrer">magic-string</a> and <a href="https://rollupjs.org/" target="_blank" rel="noopener noreferrer">rollup</a> to enable userscript metadata version control.</p>
       <h3>
         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
         <a href="https://github.com/FlandreDaisuki/speedtest-monitor" target="_blank" rel="noopener noreferrer">speedtest-monitor</a>
       </h3>
-      <p>Keep tracing my network speed and record it into sqlite. Then I visualize it by grafana.</p>
+      <p>Tracked network speed, recorded it into SQLite, and visualized it with Grafana.</p>
     </section>
 
     <section id="education">