feat: update about me

ngseke · Jun 14, 2024 · fa8e72c · fa8e72c
1 parent d311040
commit fa8e72c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 10 deletions.
diff --git a/src/components/AboutMeSectionExperience.vue b/src/components/AboutMeSectionExperience.vue
@@ -7,34 +7,47 @@ const getListClassName = (index: number) => ({
   'before:content-["▸"]': !index,
 })
 
+type Period = [string] | [string, string] | string
+
 const list: {
   title: string,
   company: string,
-  period: [string, string] | string,
+  link: string,
+  period: Period,
 }[] = [
+  {
+    title: 'Software Engineer',
+    company: 'TSMC',
+    link: 'https://www.tsmc.com/',
+    period: ['2024/02'],
+  },
   {
     title: 'Software Engineer',
     company: 'ASUS AICS',
+    link: 'https://aics.asus.com/',
     period: ['2022/07', '2023/05'],
   },
   {
     title: 'Software Engineer',
     company: '3drens',
+    link: 'https://www.3drens.com/',
     period: ['2021/08', '2022/03'],
   },
   {
     title: 'Software Engineer',
     company: 'gogoout',
+    link: 'https://gogoout.com/',
     period: ['2019/12', '2021/07'],
   },
   {
     title: 'Summer Engineering Intern',
     company: 'Hiero7',
+    link: 'https://www.hiero7.com/',
     period: 'Summer 2018',
   },
 ]
 
-const getFormattedPeriod = (period: [string, string] | string) => {
+const getFormattedPeriod = (period: Period) => {
   if (typeof period === 'string') return period
 
   const start = getFormattedYear(period[0])
@@ -48,15 +61,19 @@ const getFormattedPeriod = (period: [string, string] | string) => {
   <AboutMeSectionLayout title="Experience">
     <ul class="flex max-w-md flex-col space-y-3 pt-2 leading-tight">
       <li
-        v-for="({ title, company, period }, index) in list"
+        v-for="({ title, company, link, period }, index) in list"
         :key="index"
         :class="getListClassName(index)"
       >
         <div class="ml-2">
           <span>{{ title }}</span>
-          <span class="ml-1 mr-3 font-medium">
-            @ {{ company }}
-          </span>
+          <span> @</span>
+          <a
+            class="ml-1 mr-3 font-medium decoration-dashed hover:underline"
+            :href="link"
+          >
+            {{ company }}
+          </a>
           <br class="inline-block sm:hidden">
           <span class="whitespace-nowrap text-base text-black-700 dark:text-black-300">
             {{ getFormattedPeriod(period) }}

diff --git a/src/components/AboutMeSectionSelfIntroduction.vue b/src/components/AboutMeSectionSelfIntroduction.vue
@@ -20,11 +20,11 @@
 
     <p>
       現職前端軟體工程師，專注於
-      <Emphasis>TypeScript</Emphasis>、<Emphasis>Vue</Emphasis>
+      <Emphasis>React</Emphasis>、<Emphasis>Next.js</Emphasis>
       和
-      <Emphasis>React</Emphasis>。
+      <Emphasis>Vue</Emphasis>。
       <br>
-      追求撰寫無瑕程式碼是我的開發格言，並致力於優化開發者體驗。
+      追求撰寫無瑕程式碼是我的開發格言，致力於優化開發者體驗。
       <br>
       熱衷探究前端領域的新鮮事，期待藉由知識分享為社群創造影響力。
     </p>

diff --git a/src/components/AboutMeSectionSkills.vue b/src/components/AboutMeSectionSkills.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 const skills = [
   'React',
+  'Next.js ',
   'Vue 3',
   'Tailwind CSS',
   'Nuxt',
   'TypeScript',
-  'Node.js',
 ]
 </script>