From 9d78f5f92088f539e3a292ea98972549df73007b Mon Sep 17 00:00:00 2001
From: mozzie <himozzie@foxmail.com>
Date: Mon, 30 Oct 2023 10:46:01 +0800
Subject: [PATCH] feat: resume

---
 apps/dockyard/src/assets/style/media.less   | 21 ++++++++
 apps/dockyard/src/languages/ar.yml          |  7 +++
 apps/dockyard/src/languages/de.yml          |  6 +++
 apps/dockyard/src/languages/en.yml          |  6 +++
 apps/dockyard/src/languages/es.yml          |  7 +++
 apps/dockyard/src/languages/fr.yml          |  7 +++
 apps/dockyard/src/languages/ja.yml          |  7 +++
 apps/dockyard/src/languages/ko.yml          |  7 +++
 apps/dockyard/src/languages/ru.yml          | 11 +++-
 apps/dockyard/src/languages/zh-CN.yml       |  6 +++
 apps/dockyard/src/languages/zh-TW.yml       | 11 +++-
 apps/dockyard/src/modules/resume/index.ejs  | 21 ++++++--
 apps/dockyard/src/modules/resume/index.less | 34 +++++++++----
 test/hexo-test/source/resume/index.md       | 56 +++++++++------------
 14 files changed, 156 insertions(+), 51 deletions(-)

diff --git a/apps/dockyard/src/assets/style/media.less b/apps/dockyard/src/assets/style/media.less
index 0467210..6e8de22 100644
--- a/apps/dockyard/src/assets/style/media.less
+++ b/apps/dockyard/src/assets/style/media.less
@@ -92,7 +92,28 @@
     }
   }
 
+
+
   .task-bar-popover {
     width: 80% !important;
   }
+}
+
+@media only screen and (max-width: 1280px) {
+  .resume {
+
+    .container {
+      grid-template-columns: auto !important;
+      column-gap: 0 !important;
+
+      >aside {
+        display: none;
+      }
+
+      >main {
+        margin: 0 auto;
+        max-width: 860px;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/apps/dockyard/src/languages/ar.yml b/apps/dockyard/src/languages/ar.yml
index cb73675..5df2598 100644
--- a/apps/dockyard/src/languages/ar.yml
+++ b/apps/dockyard/src/languages/ar.yml
@@ -27,6 +27,13 @@ text-license: الترخيص
 text-post-link: رابط المنشور
 text-catalog: الفهرس
 text-today: اليوم
+text-resume: السيرة الذاتية
+text-skill: مهارة
+text-education: التعليم
+text-workExp: الخبرة العملية
+text-project: المشروع
+text-project-name: اسم المشروع
+text-project-desc: وصف المشروع
 
 January: يناير
 February: فبراير
diff --git a/apps/dockyard/src/languages/de.yml b/apps/dockyard/src/languages/de.yml
index f324300..bb87095 100644
--- a/apps/dockyard/src/languages/de.yml
+++ b/apps/dockyard/src/languages/de.yml
@@ -27,6 +27,12 @@ text-license: Lizenz
 text-post-link: Beitrag URL
 text-catalog: Katalog
 text-today: Heute
+text-skill: Fähigkeit
+text-education: Bildung
+text-workExp: Berufserfahrung
+text-project: Projekt
+text-project-name: Projektname
+text-project-desc: Projektbeschreibung
 
 January: Januar
 February: Februar
diff --git a/apps/dockyard/src/languages/en.yml b/apps/dockyard/src/languages/en.yml
index e6a5e9f..807ce97 100644
--- a/apps/dockyard/src/languages/en.yml
+++ b/apps/dockyard/src/languages/en.yml
@@ -30,6 +30,12 @@ text-post-link: Post Url
 text-catalog: Catalog
 text-today: Today
 text-resume: Resume
+text-skill: Skill
+text-education: Educational
+text-workExp: Work Experience
+text-project: Project
+text-project-name: Project Name
+text-project-desc: Project Description
 
 January: January
 February: February
diff --git a/apps/dockyard/src/languages/es.yml b/apps/dockyard/src/languages/es.yml
index 4614adc..393c888 100644
--- a/apps/dockyard/src/languages/es.yml
+++ b/apps/dockyard/src/languages/es.yml
@@ -27,6 +27,13 @@ text-license: Licencia
 text-post-link: URL de la Publicación
 text-catalog: Catálogo
 text-today: Hoy
+text-resume: Currículum
+text-skill: Habilidad
+text-education: Educación
+text-workExp: Experiencia laboral
+text-project: Proyecto
+text-project-name: Nombre del proyecto
+text-project-desc: Descripción del proyecto
 
 January: Enero
 February: Febrero
diff --git a/apps/dockyard/src/languages/fr.yml b/apps/dockyard/src/languages/fr.yml
index 0a41391..9cdc979 100644
--- a/apps/dockyard/src/languages/fr.yml
+++ b/apps/dockyard/src/languages/fr.yml
@@ -27,6 +27,13 @@ text-license: Licence
 text-post-link: URL de l'Article
 text-catalog: Catalogue
 text-today: Aujourd'hui
+text-resume: CV
+text-skill: Compétence
+text-education: Éducation
+text-workExp: Expérience professionnelle
+text-project: Projet
+text-project-name: Nom du projet
+text-project-desc: Description du projet
 
 January: Janvier
 February: Février
diff --git a/apps/dockyard/src/languages/ja.yml b/apps/dockyard/src/languages/ja.yml
index 90a0d1b..6156b31 100644
--- a/apps/dockyard/src/languages/ja.yml
+++ b/apps/dockyard/src/languages/ja.yml
@@ -27,6 +27,13 @@ text-license: ライセンス
 text-post-link: 投稿URL
 text-catalog: カタログ
 text-today: 今日
+text-resume: 履歴書
+text-skill: スキル
+text-education: 教育
+text-workExp: 職歴
+text-project: プロジェクト
+text-project-name: プロジェクト名
+text-project-desc: プロジェクト説明
 
 January: 1月
 February: 2月
diff --git a/apps/dockyard/src/languages/ko.yml b/apps/dockyard/src/languages/ko.yml
index c2edbb1..666b0ec 100644
--- a/apps/dockyard/src/languages/ko.yml
+++ b/apps/dockyard/src/languages/ko.yml
@@ -27,6 +27,13 @@ text-license: 라이선스
 text-post-link: 게시글 URL
 text-catalog: 목록
 text-today: 오늘
+text-resume: 이력서
+text-skill: 기술
+text-education: 교육
+text-workExp: 경력
+text-project: 프로젝트
+text-project-name: 프로젝트 이름
+text-project-desc: 프로젝트 설명
 
 January: 1월
 February: 2월
diff --git a/apps/dockyard/src/languages/ru.yml b/apps/dockyard/src/languages/ru.yml
index e49e241..4588af9 100644
--- a/apps/dockyard/src/languages/ru.yml
+++ b/apps/dockyard/src/languages/ru.yml
@@ -11,7 +11,7 @@ tip-prev-page: Предыдущая страница
 tip-next-page: Следующая страница
 tip-collapse: Свернуть
 tip-expand: Развернуть
-text-today: Сегодня
+tip-roadmap-today: Позиционирование на сегодн
 
 text-select: выбрать
 text-move: движение
@@ -26,7 +26,14 @@ text-pub-time: Опубликовано
 text-license: Лицензия
 text-post-link: Ссылка на публикацию
 text-catalog: Каталог
-tip-roadmap-today: Позиционирование на сегодня
+text-today: Сегодня
+text-resume: Резюме
+text-skill: Навыки
+text-education: Образование
+text-workExp: Опыт работы
+text-project: Проект
+text-project-name: Название проекта
+text-project-desc: Описание проекта
 
 January: Январь
 February: Февраль
diff --git a/apps/dockyard/src/languages/zh-CN.yml b/apps/dockyard/src/languages/zh-CN.yml
index e4ed7ca..4123bb0 100644
--- a/apps/dockyard/src/languages/zh-CN.yml
+++ b/apps/dockyard/src/languages/zh-CN.yml
@@ -30,6 +30,12 @@ text-post-link: 本文链接
 text-catalog: 目录
 text-today: 今天
 text-resume: 简历
+text-skill: 技能
+text-education: 教育经历
+text-workExp: 工作经历
+text-project: 项目经验
+text-project-name: 项目名称
+text-project-desc: 项目描述
 
 January: 一月
 February: 二月
diff --git a/apps/dockyard/src/languages/zh-TW.yml b/apps/dockyard/src/languages/zh-TW.yml
index 9612027..88c446d 100644
--- a/apps/dockyard/src/languages/zh-TW.yml
+++ b/apps/dockyard/src/languages/zh-TW.yml
@@ -11,7 +11,7 @@ tip-prev-page: 上一頁
 tip-next-page: 下一頁
 tip-collapse: 折疊
 tip-expand: 展開
-text-today: 今天
+tip-roadmap-today: 定位至今天
 
 text-select: 選擇
 text-move: 移動
@@ -26,7 +26,14 @@ text-pub-time: 發布於
 text-license: 授權
 text-post-link: 文章連結
 text-catalog: 目錄
-tip-roadmap-today: 定位至今天
+text-today: 今天
+text-resume: 履歷
+text-skill: 技能
+text-education: 教育背景
+text-workExp: 工作經驗
+text-project: 專案
+text-project-name: 專案名稱
+text-project-desc: 專案描述
 
 January: 一月
 February: 二月
diff --git a/apps/dockyard/src/modules/resume/index.ejs b/apps/dockyard/src/modules/resume/index.ejs
index 3141512..1ff3316 100644
--- a/apps/dockyard/src/modules/resume/index.ejs
+++ b/apps/dockyard/src/modules/resume/index.ejs
@@ -80,7 +80,7 @@
       </div>
     </aside>
     <main>
-      <h2>简历</h2>
+      <h2><%- __('text-resume') %></h2>
       <!-- introduction -->
       <div class="about-me">
         <% if (page.about) { %>
@@ -89,6 +89,7 @@
         <% }) %>
         <% } %>
       </div>
+      <h4><%- __('text-skill') %></h4>
       <ul class="skill">
         <% if (page.skill) { %>
         <% page.skill.forEach(function(text) { %>
@@ -107,7 +108,7 @@
               </g>
             </svg>
           </span>
-          <h4>教育经历</h4>
+          <h4><%- __('text-education') %></h4>
         </li>
         <li class="item">
           <% if (page.education) { %>
@@ -132,7 +133,7 @@
               </g>
             </svg>
           </span>
-          <h4>工作经历</h4>
+          <h4><%- __('text-workExp') %></h4>
         </li>
         <% if (page.workExp) { %>
         <% page.workExp.forEach(function(item) { %>
@@ -155,12 +156,22 @@
               </g>
             </svg>
           </span>
-          <h4>项目经验</h4>
+          <h4><%- __('text-project') %></h4>
         </li>
         <% if (page.projectExp) { %>
         <% page.projectExp.forEach(function(item) { %>
         <li class="item">
-          <p class="name"><%- item.name %></p>
+          <p class="name">
+            <label class="tip left" data-tip="<%- __('text-project-name') %>"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
+                <g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M12 15H5.5a2.5 2.5 0 1 1 0-5H6"></path>
+                  <path d="M15 12v6.5a2.5 2.5 0 1 1-5 0V18"></path>
+                  <path d="M12 9h6.5a2.5 2.5 0 1 1 0 5H18"></path>
+                  <path d="M9 12V5.5a2.5 2.5 0 0 1 5 0V6"></path>
+                </g>
+              </svg>
+            </label><%- item.name %>
+          </p>
           <div class="desc"><%- item.desc %></div>
           <ul class="list">
             <% if (item.list) { %>
diff --git a/apps/dockyard/src/modules/resume/index.less b/apps/dockyard/src/modules/resume/index.less
index cafe1f9..ee78e9c 100644
--- a/apps/dockyard/src/modules/resume/index.less
+++ b/apps/dockyard/src/modules/resume/index.less
@@ -3,15 +3,16 @@
 .resume {
   position: relative;
   height: 100%;
-  padding: 24px 0;
+  padding: 60px 0 24px 0;
   overflow-y: auto;
   // background: linear-gradient(to right, #80808012 1px, transparent 1px), linear-gradient(to bottom, #80808012 1px, transparent 1px);
   background: linear-gradient(90deg, var(--color-bg) 21px, transparent 3%) center, linear-gradient(var(--color-bg) 21px, transparent 4%) center, var(--color-font-3);
   background-size: 22.5px 22.5px;
 
   .container {
+    padding: 0 24px;
     margin: 0 auto;
-    width: 960px;
+    max-width: 960px;
     display: grid;
     grid-template-columns: 1fr 4fr;
     column-gap: 24px;
@@ -74,8 +75,8 @@
               display: inline-flex;
               align-items: center;
               justify-content: center;
-              width: 42px;
-              height: 42px;
+              width: 36px;
+              height: 36px;
               border-radius: var(--radius);
               color: var(--color-primary);
 
@@ -200,8 +201,8 @@
             display: inline-flex;
             justify-content: center;
             align-items: center;
-            width: 42px;
-            height: 42px;
+            width: 36px;
+            height: 36px;
             // background: var(--color-bg-3);
             border-radius: var(--radius);
             z-index: 10;
@@ -237,9 +238,8 @@
           }
         }
 
-
         .item {
-          margin-left: 20px;
+          margin-left: 17px;
           padding-bottom: 2rem;
           position: relative;
           padding-left: 2.5rem;
@@ -265,6 +265,14 @@
           .name {
             margin: 0;
             font-size: 1rem;
+
+            >label {
+              margin-right: 12px;
+              vertical-align: middle;
+              display: inline-block;
+              width: 20px;
+              height: 20px;
+            }
           }
 
           .period {
@@ -283,7 +291,8 @@
 
           .desc {
             margin: 0;
-            padding: 1rem 0 1rem 0;
+            line-height: 1.2;
+            padding: .5rem 0 1rem 0;
             color: var(--color-font-2);
           }
 
@@ -298,6 +307,13 @@
           }
         }
       }
+
+      .project .name {
+        transform: translateY(-6px);
+        padding: 2px;
+        border-radius: var(--radius) 0 0 var(--radius);
+        background: linear-gradient(45deg, var(--color-primary-2), transparent);
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/test/hexo-test/source/resume/index.md b/test/hexo-test/source/resume/index.md
index 0c416fe..f0ce0f5 100644
--- a/test/hexo-test/source/resume/index.md
+++ b/test/hexo-test/source/resume/index.md
@@ -1,58 +1,48 @@
 ---
 title: resume
 layout: resume
-name: 陈不渡
-role: 全栈工程师
+name: Hi! Mozzie
+role: Full Stack
 email: himozzie@gmail.com
-phone: +86 18061205553
+phone: +86 180-xxxx-xxx
 birth: Jan 21, 1994
-location: 南京, 江苏, 中国
+location: Nanjing, China
 social:
   - name: github
     link: https://github.com/17px
     icon: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
 about:
-  - 我是一位全栈开发工程师，具备扎实的前端和后端技术基础。熟悉HTML5、CSS3、JS、ES6+以及TypeScript，掌握Vue和React全家桶，包括常用的UI组件库如ElementPlus和AntDesign。同时，我还具备微信小程序和Taro框架的开发经验。
-  - 在后端方面，我熟悉Node和多种后端框架，如SpringBoot和Nestjs。具有Monorepo工程化和DevOps的实践经验。在特殊领域，我还具备医疗3D前端和图形学的相关开发经验。熟悉Linux和Docker基本使用，能够进行前后端性能优化。
+  - My job is to build your website so that it is functional and user-friendly but at the same time attractive. 
+  - Moreover, I add personal touch to your product and make sure that is eye-catching and easy to use. My aim is to bring across your message and identity in the most creative way. I created web design for many famous brand companies.
 
 skill:
-  - 熟悉常见的数据结构和算法，熟悉设计模式
-  - 熟悉前端基础 HTML5 CSS3 JS ES6+ TypeScript 语法
-  - 熟悉 Vue2、Vue3 全家桶，熟悉 ElementPlus NaiveUI ，熟悉 Vue 原理
-  - 熟悉 React 技术栈，熟悉 Hooks 语法，熟悉 AntDesign ，熟悉 React 原理
-  - 熟悉微信小程序开发，熟悉 Taro 框架的使用
-  - 熟悉 Webpack 和 Vite 常见配置，以及性能优化配置
-  - 熟悉 Node, 具备后端开发能力, SpringBoot、Egg、Koa2、Midway 单体应用项目经验，Nestjs 微服务应用项目经验
-  - 有 Monorepo 工程化经验，具备单体前后端分离应用 DevOps 能力
-  - 熟悉 three.js、了解 Vtk.js，具备医疗 3D 前端、图形学相关的开发经验
-  - 掌握 Linux 基本命令，了解 Nginx、Docker 基本使用
+  - Familiar with Node, with backend development capabilities, experience in individual application projects such as SpringBoot, Egg, Koa2, and Midway, and experience in Nestjs microservice application projects
+  - Having experience in Monorepo engineering and possessing the ability to separate the front and rear ends of a single unit and apply DevOps
+  - Familiar with three. js, familiar with Vtk. js, with development experience in medical 3D front-end and graphics related fields
+  - Master basic Linux commands and understand the basic use of Nginx and Docker
 
 education:
-  - school: 南京信息工程大学滨江学院 / 本科
+  - school: University School of the Arts
     time: 2012-2016
 
 workExp:
-  - inc: 拓微摹心数据科技（南京）有限公司
+  - inc: Creative Director
     time: 2021.09 ~ 至今
-  - inc: 江苏优普拓智能科技
+  - inc: Web Designer
     time: 2021.01 ~ 2021.09
-  - inc: 江苏五城共聚网络科技有限公司
-    time: 2018.12 ~ 2019.06
-  - inc: 南京寻鹿网络科技有限公司
-    time: 2016.09 ~ 2018.09
 
 projectExp:
-  - name: PC/React • 标注、算法数据中台
-    desc: 这是一个 xxx 系统。它主要包含 a b c 功能。我在其中主要负责 x y z 模块的开发和维护。
+  - name: PC/React • Annotation, Algorithm Data Center
+    desc: This is a xxx system. It mainly includes a b c function. I am mainly responsible for the development and maintenance of the x, y, and z modules.
     list:
-      - 使用 pnpm workspace 实现 Monorepo 多个代码仓库管理，支持多个框架并存，可共享公共组件库和能力
-      - 自行使用 rollup 打包一些功能能力（如 a b ），可同时用于浏览器和 node.js ，实现代码同构
-      - 使用 Nest.js 开发系统服务端，并用于项目的微服务体系
+      - Using pnpm workspace to manage multiple code repositories in Monorepo, supporting the coexistence of multiple frameworks, and sharing common component libraries and capabilities
+      - Use Rollup to package some functional capabilities (such as a b) on your own, which can be used for both browsers and node.js to achieve code isomorphism
+      - Develop the system server using Nest.js and use it for the microservice system of the project
 
-  - name: PC/React • Tavigator 主动脉根部/外周
-    desc: 这是一个 xxx 系统。它主要包含 a b c 功能。我在其中主要负责 x y z 模块的开发和维护。
+  - name: PC/React • Tavigator Aortic Root/Peripheral
+    desc: This is a xxx system. It mainly includes a b c function. I am mainly responsible for the development and maintenance of the x, y, and z modules.
     list:
-      - 使用 pnpm workspace 实现 Monorepo 多个代码仓库管理，支持多个框架并存，可共享公共组件库和能力
-      - 自行使用 rollup 打包一些功能能力（如 a b ），可同时用于浏览器和 node.js ，实现代码同构
-      - 使用 Nest.js 开发系统服务端，并用于项目的微服务体系
+      - Using pnpm workspace to manage multiple code repositories in Monorepo, supporting the coexistence of multiple frameworks, and sharing common component libraries and capabilities
+      - Use Rollup to package some functional capabilities (such as a b) on your own, which can be used for both browsers and node.js to achieve code isomorphism
+      - Develop the system server using Nest.js and use it for the microservice system of the project
 ---