feat: polish details

BingyanStudio · Oct 7, 2024 · a9e4c6f · a9e4c6f
1 parent 19cb21a
commit a9e4c6f
Show file tree

Hide file tree

Showing 8 changed files with 99 additions and 79 deletions.
diff --git a/styles/classic/obsidian.css b/styles/classic/obsidian.css
@@ -50,6 +50,7 @@ body {
 }
 
 .HyperMD-header.HyperMD-header-1.cm-line {
+    color: var(--text-normal);
     line-height: var(--h1-line-height);
     text-align: center;
     margin-block-start: 0 !important;
@@ -59,7 +60,7 @@ body {
 
 .HyperMD-header.HyperMD-header-2.cm-line {
     color: var(--color-accent);
-    border-bottom: 1px solid var(--color-accent);
+    border-bottom: 1px solid color-mix(in srgb, var(--color-accent), rgb(0 0 0 / 0) 60%);
     line-height: 1;
     padding: 1mm 0;
     margin-block-start: 2mm !important;
@@ -70,6 +71,7 @@ body {
 .HyperMD-header.HyperMD-header-5.cm-line,
 .HyperMD-header.HyperMD-header-4.cm-line,
 .HyperMD-header.HyperMD-header-3.cm-line {
+    color: var(--text-normal);
     padding-top: 0;
     margin-block-start: 0 !important;
     margin-block-end: 0 !important;

diff --git a/styles/classic/vscode.css b/styles/classic/vscode.css
@@ -25,6 +25,16 @@
     strong {
         color: unset !important;
     }
+
+    code {
+        background-color: unset !important;
+        color: unset !important;
+    }
+
+    .avatar,
+    img[alt="avatar"] {
+        box-shadow: 0 0 0 3mm var(--vscode-editor-background);
+    }
 }
 
 .avatar,
@@ -33,13 +43,6 @@ img[alt="avatar"] {
     right: -2mm;
 }
 
-@media screen {
-    code {
-        background-color: unset !important;
-        color: unset !important;
-    }
-}
-
 blockquote {
     background: unset !important;
     border-left-width: unset;
@@ -48,4 +51,8 @@ blockquote {
 
 hr {
     border: none;
+}
+
+h2 {
+    border-bottom: 1px solid #a2b6d4;
 }
diff --git a/styles/main.css b/styles/main.css
@@ -11,14 +11,6 @@ body {
     --line-height: 1.8;
     --avatar-width: 29mm;
 
-    --color-accent: rgb(72, 112, 173);
-    --text-normal: #353a42;
-    --border-color: #dae3ea;
-    --h2-color: var(--color-accent);
-    --link-color: var(--color-accent);
-    --background-primary: #fff;
-    --code-background: var(--background-primary);
-
     --h1-size: 16pt;
     --h2-size: 12pt;
     --h3-size: 10.5pt;
@@ -27,13 +19,24 @@ body {
     --h1-line-height: 1.5;
     --h2-line-height: 1;
     --h3-line-height: 1.8;
+
+    --text-normal: #353a42;
+    --color-accent: rgb(72, 112, 173);
+    --border-color: #dae3ea;
+    --background-primary: #fff;
+    --code-background: var(--background-primary);
+
+    --h1-color: var(--text-normal);
+    --h2-color: var(--color-accent);
+    --h3-color: var(--text-normal);
+    --h4-color: var(--text-normal);
+    --link-color: var(--color-accent);
 }
 
 /* Text */
 
 p,
 li {
-    text-align: justify;
     font-size: var(--text-size);
     line-height: var(--line-height);
     color: var(--text-normal);
@@ -49,6 +52,7 @@ h3 {
 
 h1 {
     font-size: var(--h1-size);
+    color: var(--h1-color);
     line-height: var(--h1-line-height);
     border-bottom: 0;
 }
@@ -72,6 +76,7 @@ h3,
 h4,
 h5,
 h6 {
+    color: var(--h3-color);
     line-height: var(--h3-line-height);
     font-size: var(--h3-size);
 }
@@ -165,7 +170,7 @@ img[alt="avatar"] {
     border-radius: 50%;
     border: 2px solid var(--border-color);
     box-shadow: 0 0 0 3mm var(--background-primary);
-    margin: 3mm;
+    margin: 0 0 0 3mm !important;
 }
 
 p:has(.avatar, img[alt="avatar"]) {

diff --git a/styles/slim/typora.css b/styles/slim/typora.css
@@ -1,5 +1,5 @@
 /* 
- *   Lapis Slim CV  /  Author - YiNN (BingyanStudio)
+ *   Lapis CV - Slim  /  Author - YiNN (BingyanStudio)
  *   https://github.com/BingyanStudio/LapisCV
  */
 
@@ -108,7 +108,7 @@ img[alt="avatar"] {
     position: absolute;
     box-shadow: none;
     border: none;
-    top: -28mm;
+    top: -27mm;
     right: 1mm;
     width: 24mm;
     height: 24mm;

diff --git a/styles/slim/vscode.css b/styles/slim/vscode.css
@@ -1,3 +1,8 @@
+/* 
+ *   Lapis CV - Slim /  Author - GoForceX, YiNN
+ *   https://github.com/BingyanStudio/LapisCV
+ */
+
 /* Font Face */
 
 @font-face {
@@ -92,6 +97,7 @@ h2 {
     font-size: 13pt;
     line-height: 1;
     padding: 1.2mm 0;
+    border-bottom: 1px solid #a2b6d4;
 }
 
 h3,
@@ -112,8 +118,8 @@ img[alt="avatar"] {
     border: none;
     width: 24mm;
     height: 24mm;
-    margin-top: -29mm;
-    right: 2mm;
+    margin-top: -29mm !important;
+    right: 1mm;
 }
 
 blockquote {

diff --git a/templates/obsidian/template.md b/templates/obsidian/template.md
@@ -8,46 +8,46 @@
 
 ### 八爪科技大学 - 本科 - 软件工程专业   (2008.02 - 2024.06)
 
-- **曾获奖项：** GitHub 认证八爪编码员，敏捷章鱼实践者
+- 曾获奖项： GitHub 认证八爪编码员，敏捷章鱼实践者
 
-- **校园经历：** 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
+- 校园经历： 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
 
-**Github：** [github.com/octocat](https://github.com/octocat)   |  **个人博客：** [octocat.github.io](https://octocat.github.io)
+Github： [github.com/octocat](https://github.com/octocat)   |  个人博客： [octocat.github.io](https://octocat.github.io)
 
 ## 专业技能
 
-- **熟练掌握多种编程语言，包括 Octolang，OctoScript 等**，对**面向对象**和**函数式编程范式**有很好的理解，专注于编写清晰，高效，可维护的代码。
-- **出色的沟通和语言能力，无论八爪生物抑或来自不同地区的猫**，都能进行有效的团队合作和清晰概念沟通。
-- **扎实的软件开发原理，数据结构和算法理解**，熟悉计算机底层原理。
-- **在版本控制方面有丰富的经验**，熟练管理代码库、解决合并冲突，并促进代码审议。
+- 熟练掌握多种编程语言，包括 Octolang，OctoScript 等，对面向对象和函数式编程范式有很好的理解，专注于编写清晰，高效，可维护的代码。
+- 出色的沟通和语言能力，无论八爪生物抑或来自不同地区的猫，都能进行有效的团队合作和清晰概念沟通。
+- 扎实的软件开发原理，数据结构和算法理解，熟悉计算机底层原理。
+- 在版本控制方面有丰富的经验，熟练管理代码库、解决合并冲突，并促进代码审议。
 
 ## 工作经验
 
 <div style="display: flex; justify-content: space-between;">
     <h3>软件开发实习生 - 八爪科技</h3> <p style="text-align: right">2008.06 - 2008.08</p>
 </div>
 
-- 与软件工程师团队合作，**使用 Octolang 开发数据可视化仪表盘**，为海洋保护工作提供八爪种群趋势的洞察。
-- **参与会议和代码审议，按照敏捷章鱼论交付高质量的软件，在紧迫的截止日期内完成任务。**
-- **协助解决技术问题，展现解决问题的技巧和在快节奏环境下积极主动解决挑战的态度。** 为项目需求、架构设计和编码标准的文档撰写做出贡献，促进团队成员间的知识共享和新成员的快速适应。
+- 与软件工程师团队合作，使用 Octolang 开发数据可视化仪表盘，为海洋保护工作提供八爪种群趋势的洞察。
+- 参与会议和代码审议，按照敏捷章鱼论交付高质量的软件，在紧迫的截止日期内完成任务。
+- 协助解决技术问题，展现解决问题的技巧和在快节奏环境下积极主动解决挑战的态度。 为项目需求、架构设计和编码标准的文档撰写做出贡献，促进团队成员间的知识共享和新成员的快速适应。
 
 ## 项目经历
 
 ### GitFlix - [github.com/octocat/gitflix](https://github.com/octocat/gitflix)
 
-- **全栈 Web 应用程序，前端使用 Octo.js，后端使用 OctoScript**，允许用户发现和评价八爪生物主题电影。
-- **实现了一个复杂的推荐算法**，分析八爪生物的偏好和观影历史，为八爪生物跨多个流派提供八爪主题的电影推荐，确保了个性化和吸引人的内容发现。
-- **使用 JSON Web Tokens 和 bcrypt 实现用户身份验证和授权**，用于安全密码哈希。**利用 GitHub Actions 进行持续集成和部署**，确保流畅高效的开发工作流程。
+- 全栈 Web 应用程序，前端使用 Octo.js，后端使用 OctoScript，允许用户发现和评价八爪生物主题电影。
+- 实现了一个复杂的推荐算法，分析八爪生物的偏好和观影历史，为八爪生物跨多个流派提供八爪主题的电影推荐，确保了个性化和吸引人的内容发现。
+- 使用 JSON Web Tokens 和 bcrypt 实现用户身份验证和授权，用于安全密码哈希。利用 GitHub Actions 进行持续集成和部署，确保流畅高效的开发工作流程。
 
 ### OctoConnect - [github.com/octocat/octo-connect](https://github.com/octocat/octo-connect)
 
-- 团队项目，**使用 OctoDB 和 Octolang 创建八爪生物社交平台**。
-- **设计八爪风格的用户个人资料和互动功能**，例如**基于触手的消息传递**和**墨水喷溅反应**，以促进全球八爪生物和猫之间的社区参与。
-- **集成 OAuth 认证，与 GitHub 账户进行同步**，为 Octocat 和其他在 GitHub 上活跃的八爪生物提供无缝登录和个人资料同步。
+- 团队项目，使用 OctoDB 和 Octolang 创建八爪生物社交平台。
+- 设计八爪风格的用户个人资料和互动功能，例如基于触手的消息传递和墨水喷溅反应，以促进全球八爪生物和猫之间的社区参与。
+- 集成 OAuth 认证，与 GitHub 账户进行同步，为 Octocat 和其他在 GitHub 上活跃的八爪生物提供无缝登录和个人资料同步。
 
 ### OctoGitHubber - [github.com/octocat/octo-githubber](https://github.com/octocat/octo-githubber)
 
-- **一款专门针对八爪生物的 GitHub 活动和贡献的网络应用程序**，利用 Octo.js 构建前端，Octolang 构建后端。
-- **与 GitHub API 集成，检索和分析八爪生物的存储库统计信息、提交历史和拉取请求活动**，提供个性化的见解和可视化，深入了解八爪生物的开源之旅。
-- **实现了八爪主题的勋章和成就等游戏化元素**，激励和鼓励八爪生物达成编码里程碑，促进持续学习和改进。
-- **设计了响应式和直观的仪表板界面，具有八爪主题的数据可视化**，使八爪生物能够跟踪进度、设定编码目标，并以有趣和吸引人的方式庆祝成就。
+- 一款专门针对八爪生物的 GitHub 活动和贡献的网络应用程序，利用 Octo.js 构建前端，Octolang 构建后端。
+- 与 GitHub API 集成，检索和分析八爪生物的存储库统计信息、提交历史和拉取请求活动，提供个性化的见解和可视化，深入了解八爪生物的开源之旅。
+- 实现了八爪主题的勋章和成就等游戏化元素，激励和鼓励八爪生物达成编码里程碑，促进持续学习和改进。
+- 设计了响应式和直观的仪表板界面，具有八爪主题的数据可视化，使八爪生物能够跟踪进度、设定编码目标，并以有趣和吸引人的方式庆祝成就。
diff --git a/templates/typora/template.md b/templates/typora/template.md
@@ -10,49 +10,49 @@
     <h3>八爪科技大学 - 本科 - 软件工程专业</h3> 
     <p>2008.02 - 2024.06</p>
 </div>
-- **曾获奖项：** GitHub 认证八爪编码员，敏捷章鱼实践者
-- **校园经历：** 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
+- 曾获奖项： GitHub 认证八爪编码员，敏捷章鱼实践者
+- 校园经历： 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
 
 ## &#xecfa; 专业技能
 
-- **熟练掌握多种编程语言，包括 Octolang，OctoScript 等**，对**面向对象**和**函数式编程范式**有很好的理解，专注于编写清晰，高效，可维护的代码。
-- **出色的沟通和语言能力，无论八爪生物抑或来自不同地区的猫**，都能进行有效的团队合作和清晰技术概念沟通。
-- **扎实的软件开发原理，数据结构和算法理解**，熟悉计算机底层原理。
-- **在版本控制方面有丰富的经验**，熟练管理代码库、解决合并冲突，并促进代码审议。
+- 熟练掌握多种编程语言，包括 Octolang，OctoScript 等，对面向对象和函数式编程范式有很好的理解，专注于编写清晰，高效，可维护的代码。
+- 出色的沟通和语言能力，无论八爪生物抑或来自不同地区的猫，都能进行有效的团队合作和清晰技术概念沟通。
+- 扎实的软件开发原理，数据结构和算法理解，熟悉计算机底层原理。
+- 在版本控制方面有丰富的经验，熟练管理代码库、解决合并冲突，并促进代码审议。
 
 ## &#xe618; 工作经验
 
 <div style="display:flex;justify-content:space-between;align-items:center;">
     <h3>软件开发实习生 - 八爪科技</h3> 
     <span>2008.06 - 2008.08</span>
 </div>
-与软件工程师团队合作，**使用 Octolang 开发数据可视化仪表盘**，为海洋保护工作提供八爪种群趋势的洞察。
-- **参与会议和代码审议，按照敏捷章鱼论交付高质量的软件，在紧迫的截止日期内完成任务。**
-- **协助解决技术问题，展现解决问题的技巧和在快节奏环境下积极主动解决挑战的态度**。为项目需求、架构设计和编码标准的文档撰写做出贡献，促进团队成员间的知识共享和新成员的快速适应。
+与软件工程师团队合作，使用 Octolang 开发数据可视化仪表盘，为海洋保护工作提供八爪种群趋势的洞察。
+- 参与会议和代码审议，按照敏捷章鱼论交付高质量的软件，在紧迫的截止日期内完成任务。
+- 协助解决技术问题，展现解决问题的技巧和在快节奏环境下积极主动解决挑战的态度。为项目需求、架构设计和编码标准的文档撰写做出贡献，促进团队成员间的知识共享和新成员的快速适应。
 
 ## &#xe635; 项目经历
 
 <div style="display:flex;justify-content:space-between;align-items:center;">
     <h3>GitFlix</h3> <a href="https://github.com/YiNNx/cmd-wrapped">github.com/octocat/gitflix</a>
 </div>
-**全栈 Web 应用程序，前端使用 Octo.js，后端使用 OctoScript**，允许用户发现和评价八爪生物主题电影。
+全栈 Web 应用程序，前端使用 Octo.js，后端使用 OctoScript，允许用户发现和评价八爪生物主题电影。
 
-- **实现了一个复杂的推荐算法**，分析八爪生物的偏好和观影历史，为八爪生物跨多个流派提供八爪主题的电影推荐，确保了个性化和吸引人的内容发现。
-- **使用 JSON Web Tokens 和 bcrypt 实现用户身份验证和授权**，用于安全密码哈希。**利用 GitHub Actions 进行持续集成和部署**，确保流畅高效的开发工作流程。
+- 实现了一个复杂的推荐算法，分析八爪生物的偏好和观影历史，为八爪生物跨多个流派提供八爪主题的电影推荐，确保了个性化和吸引人的内容发现。
+- 使用 JSON Web Tokens 和 bcrypt 实现用户身份验证和授权，用于安全密码哈希。利用 GitHub Actions 进行持续集成和部署，确保流畅高效的开发工作流程。
 
 <div style="display:flex;justify-content:space-between;align-items:center;">
     <h3>OctoConnect</h3> 
     <a href="https://github.com/YiNNx/cmd-wrapped">github.com/octocat/gitflix</a>
 </div>
-团队项目，**使用 OctoDB 和 Octolang 创建八爪生物社交平台**。
-- **设计八爪风格的用户个人资料和互动功能**，例如**基于触手的消息传递**和**墨水喷溅反应**，以促进全球八爪生物和猫之间的社区参与。
-- **集成 OAuth 认证，与 GitHub 账户进行同步**，为 Octocat 和其他在 GitHub 上活跃的八爪生物提供无缝登录和个人资料同步。
+团队项目，使用 OctoDB 和 Octolang 创建八爪生物社交平台。
+- 设计八爪风格的用户个人资料和互动功能，例如基于触手的消息传递和墨水喷溅反应，以促进全球八爪生物和猫之间的社区参与。
+- 集成 OAuth 认证，与 GitHub 账户进行同步，为 Octocat 和其他在 GitHub 上活跃的八爪生物提供无缝登录和个人资料同步。
 
 <div style="display:flex;justify-content:space-between;align-items:center;">
     <h3>OctoGithubber</h3> 
     <a href="https://github.com/YiNNx/cmd-wrapped">github.com/octocat/gitflix</a>
 </div>
-**一款专门针对八爪生物的 GitHub 活动和贡献的网络应用程序**，利用 Octo.js 构建前端，Octolang 构建后端。
+一款专门针对八爪生物的 GitHub 活动和贡献的网络应用程序，利用 Octo.js 构建前端，Octolang 构建后端。
 
-- **与 GitHub API 集成，检索和分析八爪生物的存储库统计信息、提交历史和拉取请求活动**，提供个性化的见解和可视化，深入了解八爪生物的开源之旅。
-- **设计了响应式和直观的仪表板界面，具有八爪主题的数据可视化**，使八爪生物能够跟踪进度、设定编码目标，并以有趣和吸引人的方式庆祝成就。
+- 与 GitHub API 集成，检索和分析八爪生物的存储库统计信息、提交历史和拉取请求活动，提供个性化的见解和可视化，深入了解八爪生物的开源之旅。
+- 设计了响应式和直观的仪表板界面，具有八爪主题的数据可视化，使八爪生物能够跟踪进度、设定编码目标，并以有趣和吸引人的方式庆祝成就。