feat: resume

17px · Oct 30, 2023 · 9d78f5f · 9d78f5f
1 parent a248f29
commit 9d78f5f
Show file tree

Hide file tree

Showing 14 changed files with 156 additions and 51 deletions.
diff --git 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;
+      }
+    }
+  }
 }
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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);
+      }
     }
   }
 }