diff --git a/.gitignore b/.gitignore index 32faa77..f0c7914 100644 --- a/.gitignore +++ b/.gitignore @@ -24,7 +24,6 @@ Thumbs.db # Files ref/ -_draft/ # IDE .idea/ @@ -34,3 +33,15 @@ _draft/ # documentation docs/ !docs/CONTRIBUTING.md +!docs/CODE_OF_CONDUCT.md +!docs/ISSUE_TEMPLATE.md +!docs/PULL_REQUEST_TEMPLATE.md +!docs/CHANGELOG.md +!docs/SECURITY.md + +# Posts +**/_drafts/ + +# Node modules +node_modules/ +package-lock.json diff --git a/404.html b/404.html index 70efccd..2f4d2ae 100644 --- a/404.html +++ b/404.html @@ -3,22 +3,23 @@ ---
-

404

+

404

-

Page not found :(

-

The requested page could not be found.

-
+

Page not found :(

+

The requested page could not be found.

+ \ No newline at end of file diff --git a/README.md b/README.md index e7a534a..e6a3e2a 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,49 @@ # NoVarYe'Blogs +**NoVarYe**: + +- **NoVar**: This part stands for “No Variation,” implying consistency and stability. In personal life and work, it represents the absence of unnecessary variables, reflecting simplicity, stability, and efficiency.\ +- **Ye**: An abbreviation for “Yet Another.” In the field of computing, it usually denotes another tool, library, or system of the same type, possibly a variation, improvement, or complement to existing solutions.\ +- **Overall Meaning**: +“NoVarYe” can be understood as dynamic within stability, suggesting that while one pursues a simple, stable, and efficient lifestyle, they also continuously explore new things. + +- **NoVar**:这个部分代表 "No Variation",意指一种一致性和稳定性。在个人生活和工作中,表现为没有多余的变量,体现了简洁、稳定和高效的特性。 +- **Ye**:为 "Yet Another" 的缩写。在计算机领域,通常表示又一个同类型的工具、库或系统,可能是对已有解决方案的变体、改进或补充。 + +- **整体含义:** +"NoVarYe" 可以理解为在稳定中蕴含动态,暗示着个人在追求简洁、稳定和高效的生活方式的同时,也不断探索新事物。 + + ## Introduction +## Prerequisites + +Jekyll requires the following: +- Ruby version 2.5.0 or higher + +> [!WARNING] +> +> If you are using Ruby version 3.0.0 or higher. You may fix it by adding webrick to your dependencies: `bundle add webrick` +> + ## Development `bundle exec jekyll serve` To preview your site with drafts, run jekyll serve or jekyll build with the `--drafts`
+ `bundle exec jekyll serve --drafts` `bundle exec jekyll serve --watch` +Pass the -`-livereload` option to serve to automatically refresh the page with each change you make to the source files: `bundle exec jekyll serve --livereload` + +## Deployment + +You can set the environment by using the `JEKYLL_ENV` environment variable when running a command. For example: +`JEKYLL_ENV=production bundle exec jekyll build` ## License diff --git a/_config.yml b/_config.yml index 6775668..588bef3 100644 --- a/_config.yml +++ b/_config.yml @@ -16,7 +16,7 @@ description: >- and draw inspiration and wisdom to add color to your life." # the avatar on sidebar, support local or CORS resources -avatar: /assets/avatar.jpg +avatar: /assets/avatars/avatar.jpg # Site settings # domain: No4Var2Ye.github.io @@ -38,8 +38,8 @@ plugins: # Web Analytics Settings sass: - style: compressed - + style: compressed + analytics: google: id: G-MRH0X2Y200 @@ -82,7 +82,29 @@ pagination: enabled: true per_page: 10 title: "Page {{ page.number }}" -paginate: 10 +paginate: + +# Collection settings +# TODO: Add your collections here. +collections: + note: + output: true + permalink: /note/:path/ + design: + output: true + permalink: /design/:path/ + life: + output: true + permalink: /life/:path/ + code: + output: true + permalink: /code/:path/ + cg: + output: true + permalink: /cg/:path/ + ai: + output: true + permalink: /ai/:path/ # GitHub Pages settings lsi: false @@ -115,18 +137,20 @@ excerpt_separator: "" # If you want to link only specific pages in your header, use this and add the path to the pages # in order as they should show up. +# TODO: Add the pages you want to show up in the header. header_pages: - - blog.md - - contact.md + # - blog.md + # - contact.md + - webgl-example.html - about.markdown -# Set to `true` to show excerpts on the homepage. +# TODO: Set to `true` to show excerpts on the homepage. #show_excerpts: false varatoz: # Available skins are: # classic Default, light color scheme. - # dark Dark variant of the classic skin. + # dark Dark variant of the classic skin. skin: classic # VarAtoZ date format. diff --git a/_data/navigation.yml b/_data/navigation.yml new file mode 100644 index 0000000..8175ade --- /dev/null +++ b/_data/navigation.yml @@ -0,0 +1,4 @@ +- name: Home + link: / +- name: About + link: /about.html diff --git a/_drafts/2016-05-20-welcome-to-jekyll.md b/_drafts/2016-05-20-welcome-to-jekyll.md deleted file mode 100644 index b104580..0000000 --- a/_drafts/2016-05-20-welcome-to-jekyll.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -layout: post ---- - -{% highlight ruby %} -def print_hi(name) - puts "Hi, #{name}" -end -print_hi('Tom') - -# => prints 'Hi, Tom' to STDOUT - -{% endhighlight %} diff --git a/_drafts/2024-08-26-human-machine-inteaction.markdown b/_drafts/2024-08-26-human-machine-inteaction.markdown deleted file mode 100644 index 4f733b2..0000000 --- a/_drafts/2024-08-26-human-machine-inteaction.markdown +++ /dev/null @@ -1,170 +0,0 @@ ---- -layout: post -title: "Thinking of Human Machine Interaction" -date: 2024-08-26 09:24:16 +0800 -author: NoVarYe -categories: Design HMI -# tags: tag01 tag02 -# comments: true ---- - -# HMI -> Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} - -人机界面 (Human Machine Interaction, HMI) - - -{% comment %} -================================================================= -# 课程记录 - -## Interaction Design -首先打破思维, 交互不单单 建立于 人和机器之间, 也可以是 机器和机器之间的交互,也可以是 人和人之间的交互 - -## 隐藏在表面之下的逻辑 - -## UI 是什么 - -重在交互 -Input 和Output - -## 指令 是什么 - -组合键 是什么 - -基础指令 -开关指令 - -功能指令 -单一功能 -组合功能 - -===组合指令=== -着重电路设计,效率和成本, 忽视 用户体验, 需要 用户记忆 组合按键指向特定功能,用户需要一定学习成本 - -不好用,不好记,不好学 - - - -## 界面 - -硬件界面 和 软件界面 - -===如何判断软硬件=== -看指令去向 -如何调用硬件 -又有哪些硬件可以受到控制 -===案例:车载系统的控制器=== -驾驶的核心功能 - -机械面板 - - -网站界面 - -跳转 -不要超过三级跳转 - - -## 功能的组合 - -界面底层隐藏的逻辑 - -基础功能, 拓展功能 - - -### 系统的类别 -通用性系统 -环境复杂 - - -专用性系统 -系统冗余性低 -缓存低 - -编译器 和 解释器 - -"信号" -模拟电路 和 数字电路 -[通信原理]() - -信号的边界是什么 - -### - -## Terms - -运行环境 -差分 提供选择 - -## Thinking - -运行效率 和 学习成本 的平衡 -运行效率 底层蕴含的 依旧是生产成本 -承载的学习成本: 用户群体,用户能够承载的学习成本决定 - - -先验判断 后验判断 - -差额剩余价值 - -================================================================= -{% endcomment %} - -{% comment %} -总结 - -如何设计界面 - -1. 明确指令集 - -明确指令的范围 - -明确指令的功能 - -明确划分边界 - -边界内的 风险, 车门的控制, 电梯的控制 - -2. 指令的层级 - -环境、 基础、 拓展(增效) - -结合经历 - -3. 交互性能 - -用户性能(比较容易解决) -运行效率(难以触及) - - -{% endcomment %} -{% comment %} -加不加 项目组 - -1. 项目组的组成 - -2. 项目组的工作 - - -用神经网络判定,竹子的质量 - - -看上下游 - -划定范围 - -产业链 - -回本, - -如果说,用神经网络,效率高,能够提高效率,但是成本高,回本周期长,那么就不会去做 -有什么样的输出, 有什么样的输入 - - - -{% endcomment %} - -## Reference - - diff --git a/_drafts/2024-08-27-record.markdown b/_drafts/2024-08-27-record.markdown deleted file mode 100644 index 3fafe09..0000000 --- a/_drafts/2024-08-27-record.markdown +++ /dev/null @@ -1,150 +0,0 @@ ---- -layout: post -title: "影视导演——引论" -date: 2024-08-27 08:45:12 +0800 -author: NoVarYe -categories: Video -# tags: tag01 tag02 -# comments: true ---- - -# 影视导演 - -> Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} - -## 概念介绍 - -**记录片:** - -- 现在进行时 真实 客观 -- 展现生活原样, 排斥虚构 摆拍 -- 长镜头或者同期声 -- 主题意识要隐藏 - -**专题片:** - -- 现在时、过去式 -- 对社会生活的 一方面进行深入报道,内容集中, 形式多样 -- 多种艺术手段 -- 允许直接阐明观点 -- 介于电视新闻 和 电视艺术, 既有新闻的真实性,又有艺术的审美力 - - -## 纪录片——《贵州水族马尾绣》赏析 - -历史背景 -制作流程 -成本应用 寓意 -传承人 未来发展 - -空镜 - -视**听** - -马尾绣 不会动,意味着什么 - -如何动起来 - -### 影片难点 - -静态和听觉的缺陷 - -采访来弥补历史的缺失,现存物 - -非物质 文化遗产 - -人物角度 - -人物,代表人物 -1. 官方 -2. 个人 -3. 传承人 - -传承人一般都 在结尾处,出现物质文化遗产 - - -开场30s 包主要对象、事件内容介绍清楚
-被摄对象存在的难点(“硬伤”):虽有色彩,但静态试听语言要求 视觉动态,听觉丰富
-留存材料少:过去——现在——未来(传承)
-如何弥补:节庆日 民族特色 欢歌笑语 - -### 《贵州水族马尾绣》分析 - -专题片的结构一般较为严通,整体框架清晰。利用解说词丰富补足画面的不足,同时也作为两 -面贯穿的逻依据在底层铺垫。采访像房屋中的梁柱,较规则地支撑起全片,可以看是全片 -下每个小段落的核心或篇章主要内昏的发起点。 - -本片逻想: -1. 宏观描绘引出水族(别:大远景——远景一全景——近景),起到从宏观风贯到引出具象化人物的作用; -2. 具象化人物出现,先讲解民族特性再引出主要内容马尾绣(中先穿插了节日,以在片子开头调动气纸): -3. 通过采访,进一步深入、全面地讲解马尾绣的历史文化(画面:精美特写,人物动作--此股强酒镜头的叙事功能) -4. 中后程提升本片高度,提出并进一步强调传承(传与承=老人与小孩、以及现在正在开展文化传播的传承人): -5. 尾处,节日民俗与马尾绣穿插,进一步演染民族内通(四面:呼应开头节日场面,马尾铁特 -写,大场最和远景出现,结尾) - -## 课程实践——侯官村 - -## 纪实类短视频的定义 - -### 纪录 纪实 - -纪录 -定义:纪录通常指对某些事件、现象或过程的详细记录。这种记录可以是文字、音频、视频或其他形式的资料。纪录通常强调的是记录过程本身,更多的是关于信息的保存。 - -用途: - -纪录片:以影像的方式记录真实事件或情况,通常带有一定的艺术加工和叙事结构,旨在引发观众的思考或情感共鸣。 -个人纪录:例如个人日记、备忘录等,记录个人生活或事件。 -纪实 -定义:纪实侧重于通过真实的记录来展示和反映现实生活中的事件或人物。它不仅仅是记录的过程,更加关注如何真实、客观地反映实际情况,通常具有较强的现实主义色彩。 - -用途: - -纪实文学:通过详细描写和叙述真实事件和人物,探讨社会问题或人性。 -纪实摄影:以摄影的方式捕捉和表现现实生活中的真实瞬间。 -区别 -侧重点: - -纪录更多关注信息的记录和保存。 -纪实则注重真实地反映现实生活中的状况,往往带有一定的分析和深度。 -表现形式: - -纪录可以是多种形式的记录,未必有深层次的解读。 -纪实通常强调对真实情况的深刻观察和反映,表现出强烈的现实主义风格。 -目标: - -纪录的目标是保存信息和数据。 -纪实的目标是通过真实的描述和展示来引发观众的思考或感受。 - - -### 赏析《二更 打开折叠人生》 - -内容编排的底层逻辑 - -内容推进的手段 - -情感 - -新闻素材的处理方式 - - -### 思政 - -中华优秀传统文化 - -中华优秀传统文化是中国几千年文明的积淀,涵盖了哲学、伦理、艺术、宗教等多个方面。它不仅是中国人民的文化根基,也是全球文化的重要组成部分。理解中华优秀传统文化 - -中华优秀传统文化是中华民族的精神瑰宝,其核心价值观如仁爱、重民本、守诚信等,塑造了中国人的行为准则和社会风尚。理解这些传统文化的内涵,有助于我们更好地继承和发扬这些优良传统,并在现代社会中融入这些价值观,推动社会的进步和发展。 - -文旅 - - -{% comment %} - -{% endcomment %} - -## Reference - -[二更视频平台](https://www.ergengtv.com/) -![alt text]({{ '/assets/images/image.png' | relative_url}}) -二更视频平台,杭州二更网络科技有限公司旗下网站,依托二更品牌影响力、内容原创力和渠道整合力,为广大影视创作人、品牌企业等提供集视频内容创作、商业项目对接、 diff --git a/_drafts/game-programming.markdown b/_drafts/game-programming.markdown deleted file mode 100644 index 17edb69..0000000 --- a/_drafts/game-programming.markdown +++ /dev/null @@ -1,45 +0,0 @@ ---- -layout: post -title: "OpenGL Programmming!" -date: 2024-08-26 14:23:03 +0800 -author: NoVarYe -# categories: class01 class02 -# tags: tag01 tag02 -# comments: true ---- - -# Template of Blogs - -> Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} - -## Terms - -Nanite 置换技术 - - -## OpenGL -摄像机类 模型导入类(静态模型和 动态模型) -纹理贴图类 程序框架类 粒子特效类 - -友元类 - -static 静态成员函数 - -保护成员 - -析构函数 - -虚构函数 - -资源的释放 - -目前确缺少 框架的封装 - -{% comment %} {% endcomment %} - -平时实验 30 - 40 % - -期末作品 60 - 70 % - - -## Reference diff --git a/_drafts/my_draft.md b/_drafts/my_draft.md deleted file mode 100644 index 43d7c7e..0000000 --- a/_drafts/my_draft.md +++ /dev/null @@ -1,19 +0,0 @@ - ---- - -title: "如何使用 Jekyll" -layout: post -date: 2024-08-21 -categories: [教程, Jekyll] -tags: [前置数据, 配置] -published: false ---- - -这是文章的正文内容。 - -你可以在这里写关于 Jekyll 的使用技巧和经验。 - - -Render Posts Marked As Unpublished - -To preview unpublished pages, run `jekyll serve` or `jekyll build` with the `--unpublished` switch. Jekyll also has a handy drafts feature tailored specifically for blog posts. \ No newline at end of file diff --git a/_drafts/what-is-mit-license.markdown b/_drafts/what-is-mit-license.markdown deleted file mode 100644 index 8eaf1ad..0000000 --- a/_drafts/what-is-mit-license.markdown +++ /dev/null @@ -1,7 +0,0 @@ - -# What is the MIT License? - -What is the MIT License?
-The MIT license gives express permission for users to reuse code for any purpose, sometimes even if code is part of proprietary software. As long as users include the original copy of the MIT license in their distribution, they can make changes or modifications to the code to suit their own needs. - -It is one of the simplest open source license agreements. The intent was for the text to be understandable by average users and to avoid extensive litigation, which may arise from other similar Free and Open Source Software (FOSS) licenses. diff --git a/_includes/custom-head.html b/_includes/custom-head.html deleted file mode 100644 index 564fd06..0000000 --- a/_includes/custom-head.html +++ /dev/null @@ -1,6 +0,0 @@ -{% comment %} -Placeholder to allow defining custom head, in principle, you can add anything here, e.g. favicons: - -1. Head over to https://realfavicongenerator.net/ to add your own favicons. -2. Customize default _includes/custom-head.html in your source directory and insert the given code snippet. -{% endcomment %} \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html index 23b7446..6a54792 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -5,9 +5,15 @@ {%- seo -%} {%- feed_meta -%} + {%- if jekyll.environment == 'production' and site.google_analytics -%} {%- include google-analytics.html -%} {%- endif -%} - {%- include custom-head.html -%} + {% comment %} + Placeholder to allow defining custom head, in principle, you can add anything here, e.g. favicons: + 1. Head over to https://realfavicongenerator.net/ to add your own favicons. + 2. Customize default _includes/custom-head.html in your source directory and insert the given code snippet. + {% endcomment %} + \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html index ed5a382..1ebf414 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,31 +1,33 @@ + {%- if titles_size > 0 -%} + + {%- endif -%} + + \ No newline at end of file diff --git a/_includes/navigation.html b/_includes/navigation.html new file mode 100644 index 0000000..273734d --- /dev/null +++ b/_includes/navigation.html @@ -0,0 +1,7 @@ + \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index f570e68..d1f5b84 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -3,59 +3,67 @@ ---
- {%- if page.title -%} + {%- if page.title -%}

{{ page.title }}

- {%- endif -%} + {%- endif -%} - {{ content }} + {{ content }} - {% if site.paginate %} + {% if site.paginate %} {% assign posts = paginator.posts %} - {% else %} + {% else %} {% assign posts = site.posts %} - {% endif %} + {% endif %} - {%- if posts.size > 0 -%} + {%- if posts.size > 0 -%} {%- if page.list_title -%} -

{{ page.list_title }}

+

{{ page.list_title }}

{%- endif -%} {% if site.paginate %} -
+
-
+
{%- endif %} - {%- endif -%} + {%- endif -%} -
+ \ No newline at end of file diff --git a/_posts/2024-08-27-record.markdown b/_posts/2024-08-27-record.markdown deleted file mode 100644 index 3fafe09..0000000 --- a/_posts/2024-08-27-record.markdown +++ /dev/null @@ -1,150 +0,0 @@ ---- -layout: post -title: "影视导演——引论" -date: 2024-08-27 08:45:12 +0800 -author: NoVarYe -categories: Video -# tags: tag01 tag02 -# comments: true ---- - -# 影视导演 - -> Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} - -## 概念介绍 - -**记录片:** - -- 现在进行时 真实 客观 -- 展现生活原样, 排斥虚构 摆拍 -- 长镜头或者同期声 -- 主题意识要隐藏 - -**专题片:** - -- 现在时、过去式 -- 对社会生活的 一方面进行深入报道,内容集中, 形式多样 -- 多种艺术手段 -- 允许直接阐明观点 -- 介于电视新闻 和 电视艺术, 既有新闻的真实性,又有艺术的审美力 - - -## 纪录片——《贵州水族马尾绣》赏析 - -历史背景 -制作流程 -成本应用 寓意 -传承人 未来发展 - -空镜 - -视**听** - -马尾绣 不会动,意味着什么 - -如何动起来 - -### 影片难点 - -静态和听觉的缺陷 - -采访来弥补历史的缺失,现存物 - -非物质 文化遗产 - -人物角度 - -人物,代表人物 -1. 官方 -2. 个人 -3. 传承人 - -传承人一般都 在结尾处,出现物质文化遗产 - - -开场30s 包主要对象、事件内容介绍清楚
-被摄对象存在的难点(“硬伤”):虽有色彩,但静态试听语言要求 视觉动态,听觉丰富
-留存材料少:过去——现在——未来(传承)
-如何弥补:节庆日 民族特色 欢歌笑语 - -### 《贵州水族马尾绣》分析 - -专题片的结构一般较为严通,整体框架清晰。利用解说词丰富补足画面的不足,同时也作为两 -面贯穿的逻依据在底层铺垫。采访像房屋中的梁柱,较规则地支撑起全片,可以看是全片 -下每个小段落的核心或篇章主要内昏的发起点。 - -本片逻想: -1. 宏观描绘引出水族(别:大远景——远景一全景——近景),起到从宏观风贯到引出具象化人物的作用; -2. 具象化人物出现,先讲解民族特性再引出主要内容马尾绣(中先穿插了节日,以在片子开头调动气纸): -3. 通过采访,进一步深入、全面地讲解马尾绣的历史文化(画面:精美特写,人物动作--此股强酒镜头的叙事功能) -4. 中后程提升本片高度,提出并进一步强调传承(传与承=老人与小孩、以及现在正在开展文化传播的传承人): -5. 尾处,节日民俗与马尾绣穿插,进一步演染民族内通(四面:呼应开头节日场面,马尾铁特 -写,大场最和远景出现,结尾) - -## 课程实践——侯官村 - -## 纪实类短视频的定义 - -### 纪录 纪实 - -纪录 -定义:纪录通常指对某些事件、现象或过程的详细记录。这种记录可以是文字、音频、视频或其他形式的资料。纪录通常强调的是记录过程本身,更多的是关于信息的保存。 - -用途: - -纪录片:以影像的方式记录真实事件或情况,通常带有一定的艺术加工和叙事结构,旨在引发观众的思考或情感共鸣。 -个人纪录:例如个人日记、备忘录等,记录个人生活或事件。 -纪实 -定义:纪实侧重于通过真实的记录来展示和反映现实生活中的事件或人物。它不仅仅是记录的过程,更加关注如何真实、客观地反映实际情况,通常具有较强的现实主义色彩。 - -用途: - -纪实文学:通过详细描写和叙述真实事件和人物,探讨社会问题或人性。 -纪实摄影:以摄影的方式捕捉和表现现实生活中的真实瞬间。 -区别 -侧重点: - -纪录更多关注信息的记录和保存。 -纪实则注重真实地反映现实生活中的状况,往往带有一定的分析和深度。 -表现形式: - -纪录可以是多种形式的记录,未必有深层次的解读。 -纪实通常强调对真实情况的深刻观察和反映,表现出强烈的现实主义风格。 -目标: - -纪录的目标是保存信息和数据。 -纪实的目标是通过真实的描述和展示来引发观众的思考或感受。 - - -### 赏析《二更 打开折叠人生》 - -内容编排的底层逻辑 - -内容推进的手段 - -情感 - -新闻素材的处理方式 - - -### 思政 - -中华优秀传统文化 - -中华优秀传统文化是中国几千年文明的积淀,涵盖了哲学、伦理、艺术、宗教等多个方面。它不仅是中国人民的文化根基,也是全球文化的重要组成部分。理解中华优秀传统文化 - -中华优秀传统文化是中华民族的精神瑰宝,其核心价值观如仁爱、重民本、守诚信等,塑造了中国人的行为准则和社会风尚。理解这些传统文化的内涵,有助于我们更好地继承和发扬这些优良传统,并在现代社会中融入这些价值观,推动社会的进步和发展。 - -文旅 - - -{% comment %} - -{% endcomment %} - -## Reference - -[二更视频平台](https://www.ergengtv.com/) -![alt text]({{ '/assets/images/image.png' | relative_url}}) -二更视频平台,杭州二更网络科技有限公司旗下网站,依托二更品牌影响力、内容原创力和渠道整合力,为广大影视创作人、品牌企业等提供集视频内容创作、商业项目对接、 diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss index ea8d8f2..8ce268d 100644 --- a/_sass/minima/_base.scss +++ b/_sass/minima/_base.scss @@ -5,12 +5,24 @@ html { /** * Reset some basic elements */ -body, h1, h2, h3, h4, h5, h6, -p, blockquote, pre, hr, -dl, dd, ol, ul, figure { +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +hr, +dl, +dd, +ol, +ul, +figure { margin: 0; padding: 0; - } @@ -24,9 +36,9 @@ body { background-color: $background-color; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; - -moz-font-feature-settings: "kern" 1; - -o-font-feature-settings: "kern" 1; - font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; + -o-font-feature-settings: "kern" 1; + font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; @@ -39,9 +51,19 @@ body { /** * Set `margin-bottom` to maintain vertical rhythm */ -h1, h2, h3, h4, h5, h6, -p, blockquote, pre, -ul, ol, dl, figure, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +ul, +ol, +dl, +figure, %vertical-rhythm { margin-bottom: $spacing-unit * .5; } @@ -55,7 +77,8 @@ hr { * `main` element */ main { - display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ + display: block; + /* Default value of `display` of `main` element is 'inline' in IE 11. */ } @@ -73,7 +96,7 @@ img { /** * Figures */ -figure > img { +figure>img { display: block; } @@ -86,13 +109,15 @@ figcaption { /** * Lists */ -ul, ol { +ul, +ol { margin-left: $spacing-unit; } li { - > ul, - > ol { + + >ul, + >ol { margin-bottom: 0; } } @@ -102,7 +127,12 @@ li { /** * Headings */ -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-weight: $base-font-weight; } @@ -148,7 +178,8 @@ blockquote { margin-bottom: 0; } - i, em { + i, + em { font-style: normal; } } @@ -175,7 +206,7 @@ pre { padding: 8px 12px; overflow-x: auto; - > code { + >code { border: 0; padding-right: 0; padding-left: 0; @@ -256,18 +287,23 @@ table { color: $table-text-color; border-collapse: collapse; border: 1px solid $table-border-color; + tr { &:nth-child(even) { background-color: $table-zebra-color; } } - th, td { + + th, + td { padding: ($spacing-unit * 33.3333333333 * .01) ($spacing-unit * .5); } + th { background-color: $table-header-bg-color; border: 1px solid $table-header-border; } + td { border: 1px solid $table-border-color; } @@ -276,6 +312,6 @@ table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; + -ms-overflow-style: -ms-autohiding-scrollbar; } -} +} \ No newline at end of file diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss index 8702c6e..d88c9fc 100644 --- a/_sass/minima/_layout.scss +++ b/_sass/minima/_layout.scss @@ -49,7 +49,7 @@ padding-top: 10px; text-align: center; - > svg path { + >svg path { fill: $border-color-03; } } @@ -63,12 +63,12 @@ cursor: pointer; } - input ~ .trigger { + input~.trigger { clear: both; display: none; } - input:checked ~ .trigger { + input:checked~.trigger { display: block; padding-bottom: 5px; } @@ -100,7 +100,7 @@ display: none; } - input ~ .trigger { + input~.trigger { display: block; } @@ -217,7 +217,7 @@ margin-left: 0; list-style: none; - > li { + >li { margin-bottom: $spacing-unit; } } @@ -255,7 +255,14 @@ .post-content { margin-bottom: $spacing-unit; - h1, h2, h3, h4, h5, h6 { margin-top: $spacing-unit } + h1, + h2, + h3, + h4, + h5, + h6 { + margin-top: $spacing-unit + } h2 { @include relative-font-size(1.75); @@ -280,6 +287,7 @@ h5 { @include relative-font-size(1.125); } + h6 { @include relative-font-size(1.0625); } @@ -289,15 +297,23 @@ .social-media-list { display: table; margin: 0 auto; + li { float: left; margin: 5px 10px 5px 0; - &:last-of-type { margin-right: 0 } + + &:last-of-type { + margin-right: 0 + } + a { display: block; padding: 10px 12px; border: 1px solid $border-color-01; - &:hover { border-color: $border-color-02 } + + &:hover { + border-color: $border-color-02 + } } } } @@ -310,12 +326,16 @@ .pagination { margin-bottom: $spacing-unit; @extend .social-media-list; + li { - a, div { + + a, + div { min-width: 41px; text-align: center; box-sizing: border-box; } + div { display: block; padding: $spacing-unit * .25; @@ -338,4 +358,4 @@ .one-half { width: calc(50% - (#{$spacing-unit} / 2)); } -} +} \ No newline at end of file diff --git a/_sass/minima/custom-styles.scss b/_sass/minima/custom-styles.scss index f1c2787..c5a18db 100644 --- a/_sass/minima/custom-styles.scss +++ b/_sass/minima/custom-styles.scss @@ -1,2 +1,2 @@ // Placeholder to allow defining custom styles that override everything else. -// (Use `_sass/varatoz/custom-variables.scss` to override variable defaults) +// (Use `_sass/varatoz/custom-variables.scss` to override variable defaults) \ No newline at end of file diff --git a/_sass/minima/custom-variables.scss b/_sass/minima/custom-variables.scss index 2a2d0fa..1e1a42e 100644 --- a/_sass/minima/custom-variables.scss +++ b/_sass/minima/custom-variables.scss @@ -1 +1 @@ -// Placeholder to allow overriding predefined variables smoothly. +// Placeholder to allow overriding predefined variables smoothly. \ No newline at end of file diff --git a/_sass/minima/initialize.scss b/_sass/minima/initialize.scss index 3aeed3e..b12959c 100644 --- a/_sass/minima/initialize.scss +++ b/_sass/minima/initialize.scss @@ -4,23 +4,23 @@ $base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default; $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace; -$base-font-size: 16px !default; +$base-font-size: 16px !default; $base-font-weight: 400 !default; -$small-font-size: $base-font-size * 0.875 !default; +$small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default; -$spacing-unit: 30px !default; +$spacing-unit: 30px !default; $table-text-align: left !default; // Width of the content area -$content-width: 800px !default; +$content-width: 800px !default; -$on-palm: 600px !default; -$on-laptop: 800px !default; +$on-palm: 600px !default; +$on-laptop: 800px !default; -$on-medium: $on-palm !default; -$on-large: $on-laptop !default; +$on-medium: $on-palm !default; +$on-large: $on-laptop !default; // Use media queries like this: // @include media-query($on-palm) { @@ -42,9 +42,8 @@ $on-large: $on-laptop !default; } // Import pre-styling-overrides hook and style-partials. -@import - "varatoz/custom-variables", // Hook to override predefined variables. - "varatoz/base", // Defines element resets. - "varatoz/layout", // Defines structure and style based on CSS selectors. - "varatoz/custom-styles" // Hook to override existing styles. -; +@import "varatoz/custom-variables", // Hook to override predefined variables. +"varatoz/base", // Defines element resets. +"varatoz/layout", // Defines structure and style based on CSS selectors. +"varatoz/custom-styles" // Hook to override existing styles. +; \ No newline at end of file diff --git a/_sass/minima/skins/auto.scss b/_sass/minima/skins/auto.scss index 8902e8c..2b62cf2 100644 --- a/_sass/minima/skins/auto.scss +++ b/_sass/minima/skins/auto.scss @@ -10,29 +10,29 @@ $color-scheme-dark: false !default; // Light mode // ---------- -$lm-brand-color: #828282 !default; -$lm-brand-color-light: lighten($lm-brand-color, 40%) !default; -$lm-brand-color-dark: darken($lm-brand-color, 25%) !default; +$lm-brand-color: #828282 !default; +$lm-brand-color-light: lighten($lm-brand-color, 40%) !default; +$lm-brand-color-dark: darken($lm-brand-color, 25%) !default; -$lm-site-title-color: $lm-brand-color-dark !default; +$lm-site-title-color: $lm-brand-color-dark !default; -$lm-text-color: #111111 !default; -$lm-background-color: #fdfdfd !default; +$lm-text-color: #111111 !default; +$lm-background-color: #fdfdfd !default; $lm-code-background-color: #eeeeff !default; -$lm-link-base-color: #2a7ae2 !default; -$lm-link-visited-color: darken($lm-link-base-color, 15%) !default; -$lm-link-hover-color: $lm-text-color !default; +$lm-link-base-color: #2a7ae2 !default; +$lm-link-visited-color: darken($lm-link-base-color, 15%) !default; +$lm-link-hover-color: $lm-text-color !default; -$lm-border-color-01: $lm-brand-color-light !default; -$lm-border-color-02: lighten($lm-brand-color, 35%) !default; -$lm-border-color-03: $lm-brand-color-dark !default; +$lm-border-color-01: $lm-brand-color-light !default; +$lm-border-color-02: lighten($lm-brand-color, 35%) !default; +$lm-border-color-03: $lm-brand-color-dark !default; -$lm-table-text-color: lighten($lm-text-color, 18%) !default; -$lm-table-zebra-color: lighten($lm-brand-color, 46%) !default; +$lm-table-text-color: lighten($lm-text-color, 18%) !default; +$lm-table-zebra-color: lighten($lm-brand-color, 46%) !default; $lm-table-header-bg-color: lighten($lm-brand-color, 43%) !default; -$lm-table-header-border: lighten($lm-brand-color, 37%) !default; -$lm-table-border-color: $lm-border-color-01 !default; +$lm-table-header-border: lighten($lm-brand-color, 37%) !default; +$lm-table-border-color: $lm-border-color-01 !default; // Syntax highlighting styles should be adjusted appropriately for every "skin" @@ -40,65 +40,316 @@ $lm-table-border-color: $lm-border-color-01 !default; @mixin lm-highlight { .highlight { - .c { color: #998; font-style: italic } // Comment - .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1 { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long + .c { + color: #998; + font-style: italic + } + + // Comment + .err { + color: #a61717; + background-color: #e3d2d2 + } + + // Error + .k { + font-weight: bold + } + + // Keyword + .o { + font-weight: bold + } + + // Operator + .cm { + color: #998; + font-style: italic + } + + // Comment.Multiline + .cp { + color: #999; + font-weight: bold + } + + // Comment.Preproc + .c1 { + color: #998; + font-style: italic + } + + // Comment.Single + .cs { + color: #999; + font-weight: bold; + font-style: italic + } + + // Comment.Special + .gd { + color: #000; + background-color: #fdd + } + + // Generic.Deleted + .gd .x { + color: #000; + background-color: #faa + } + + // Generic.Deleted.Specific + .ge { + font-style: italic + } + + // Generic.Emph + .gr { + color: #a00 + } + + // Generic.Error + .gh { + color: #999 + } + + // Generic.Heading + .gi { + color: #000; + background-color: #dfd + } + + // Generic.Inserted + .gi .x { + color: #000; + background-color: #afa + } + + // Generic.Inserted.Specific + .go { + color: #888 + } + + // Generic.Output + .gp { + color: #555 + } + + // Generic.Prompt + .gs { + font-weight: bold + } + + // Generic.Strong + .gu { + color: #aaa + } + + // Generic.Subheading + .gt { + color: #a00 + } + + // Generic.Traceback + .kc { + font-weight: bold + } + + // Keyword.Constant + .kd { + font-weight: bold + } + + // Keyword.Declaration + .kp { + font-weight: bold + } + + // Keyword.Pseudo + .kr { + font-weight: bold + } + + // Keyword.Reserved + .kt { + color: #458; + font-weight: bold + } + + // Keyword.Type + .m { + color: #099 + } + + // Literal.Number + .s { + color: #d14 + } + + // Literal.String + .na { + color: #008080 + } + + // Name.Attribute + .nb { + color: #0086B3 + } + + // Name.Builtin + .nc { + color: #458; + font-weight: bold + } + + // Name.Class + .no { + color: #008080 + } + + // Name.Constant + .ni { + color: #800080 + } + + // Name.Entity + .ne { + color: #900; + font-weight: bold + } + + // Name.Exception + .nf { + color: #900; + font-weight: bold + } + + // Name.Function + .nn { + color: #555 + } + + // Name.Namespace + .nt { + color: #000080 + } + + // Name.Tag + .nv { + color: #008080 + } + + // Name.Variable + .ow { + font-weight: bold + } + + // Operator.Word + .w { + color: #bbb + } + + // Text.Whitespace + .mf { + color: #099 + } + + // Literal.Number.Float + .mh { + color: #099 + } + + // Literal.Number.Hex + .mi { + color: #099 + } + + // Literal.Number.Integer + .mo { + color: #099 + } + + // Literal.Number.Oct + .sb { + color: #d14 + } + + // Literal.String.Backtick + .sc { + color: #d14 + } + + // Literal.String.Char + .sd { + color: #d14 + } + + // Literal.String.Doc + .s2 { + color: #d14 + } + + // Literal.String.Double + .se { + color: #d14 + } + + // Literal.String.Escape + .sh { + color: #d14 + } + + // Literal.String.Heredoc + .si { + color: #d14 + } + + // Literal.String.Interpol + .sx { + color: #d14 + } + + // Literal.String.Other + .sr { + color: #009926 + } + + // Literal.String.Regex + .s1 { + color: #d14 + } + + // Literal.String.Single + .ss { + color: #990073 + } + + // Literal.String.Symbol + .bp { + color: #999 + } + + // Name.Builtin.Pseudo + .vc { + color: #008080 + } + + // Name.Variable.Class + .vg { + color: #008080 + } + + // Name.Variable.Global + .vi { + color: #008080 + } + + // Name.Variable.Instance + .il { + color: #099 + } + + // Literal.Number.Integer.Long } } @@ -106,29 +357,29 @@ $lm-table-border-color: $lm-border-color-01 !default; // Dark mode // --------- -$dm-brand-color: #999999 !default; -$dm-brand-color-light: lighten($dm-brand-color, 5%) !default; -$dm-brand-color-dark: darken($dm-brand-color, 35%) !default; +$dm-brand-color: #999999 !default; +$dm-brand-color-light: lighten($dm-brand-color, 5%) !default; +$dm-brand-color-dark: darken($dm-brand-color, 35%) !default; -$dm-site-title-color: $dm-brand-color-light !default; +$dm-site-title-color: $dm-brand-color-light !default; -$dm-text-color: #bbbbbb !default; -$dm-background-color: #181818 !default; +$dm-text-color: #bbbbbb !default; +$dm-background-color: #181818 !default; $dm-code-background-color: #212121 !default; -$dm-link-base-color: #79b8ff !default; -$dm-link-visited-color: $dm-link-base-color !default; -$dm-link-hover-color: $dm-text-color !default; +$dm-link-base-color: #79b8ff !default; +$dm-link-visited-color: $dm-link-base-color !default; +$dm-link-hover-color: $dm-text-color !default; -$dm-border-color-01: $dm-brand-color-dark !default; -$dm-border-color-02: $dm-brand-color-light !default; -$dm-border-color-03: $dm-brand-color !default; +$dm-border-color-01: $dm-brand-color-dark !default; +$dm-border-color-02: $dm-brand-color-light !default; +$dm-border-color-03: $dm-brand-color !default; -$dm-table-text-color: $dm-text-color !default; -$dm-table-zebra-color: lighten($dm-background-color, 4%) !default; +$dm-table-text-color: $dm-text-color !default; +$dm-table-zebra-color: lighten($dm-background-color, 4%) !default; $dm-table-header-bg-color: lighten($dm-background-color, 10%) !default; -$dm-table-header-border: lighten($dm-background-color, 21%) !default; -$dm-table-border-color: $dm-border-color-01 !default; +$dm-table-header-border: lighten($dm-background-color, 21%) !default; +$dm-table-border-color: $dm-border-color-01 !default; // Syntax highlighting styles should be adjusted appropriately for every "skin" @@ -140,65 +391,317 @@ $dm-table-border-color: $dm-border-color-01 !default; @mixin dm-highlight { .highlight { - .c { color: #545454; font-style: italic } // Comment - .err { color: #f07178; background-color: #e3d2d2 } // Error - .k { color: #89DDFF; font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #545454; font-style: italic } // Comment.Multiline - .cp { color: #545454; font-weight: bold } // Comment.Preproc - .c1 { color: #545454; font-style: italic } // Comment.Single - .cs { color: #545454; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #f07178 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #f07178 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #FFCB6B; font-weight: bold } // Keyword.Type - .m { color: #F78C6C } // Literal.Number - .s { color: #C3E88D } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #EEFFFF } // Name.Builtin - .nc { color: #FFCB6B; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #82AAFF; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #FFCB6B } // Name.Tag - .nv { color: #EEFFFF } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #EEFFFF } // Text.Whitespace - .mf { color: #F78C6C } // Literal.Number.Float - .mh { color: #F78C6C } // Literal.Number.Hex - .mi { color: #F78C6C } // Literal.Number.Integer - .mo { color: #F78C6C } // Literal.Number.Oct - .sb { color: #C3E88D } // Literal.String.Backtick - .sc { color: #C3E88D } // Literal.String.Char - .sd { color: #C3E88D } // Literal.String.Doc - .s2 { color: #C3E88D } // Literal.String.Double - .se { color: #EEFFFF } // Literal.String.Escape - .sh { color: #C3E88D } // Literal.String.Heredoc - .si { color: #C3E88D } // Literal.String.Interpol - .sx { color: #C3E88D } // Literal.String.Other - .sr { color: #C3E88D } // Literal.String.Regex - .s1 { color: #C3E88D } // Literal.String.Single - .ss { color: #C3E88D } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #FFCB6B } // Name.Variable.Class - .vg { color: #EEFFFF } // Name.Variable.Global - .vi { color: #EEFFFF } // Name.Variable.Instance - .il { color: #F78C6C } // Literal.Number.Integer.Long + .c { + color: #545454; + font-style: italic + } + + // Comment + .err { + color: #f07178; + background-color: #e3d2d2 + } + + // Error + .k { + color: #89DDFF; + font-weight: bold + } + + // Keyword + .o { + font-weight: bold + } + + // Operator + .cm { + color: #545454; + font-style: italic + } + + // Comment.Multiline + .cp { + color: #545454; + font-weight: bold + } + + // Comment.Preproc + .c1 { + color: #545454; + font-style: italic + } + + // Comment.Single + .cs { + color: #545454; + font-weight: bold; + font-style: italic + } + + // Comment.Special + .gd { + color: #000; + background-color: #fdd + } + + // Generic.Deleted + .gd .x { + color: #000; + background-color: #faa + } + + // Generic.Deleted.Specific + .ge { + font-style: italic + } + + // Generic.Emph + .gr { + color: #f07178 + } + + // Generic.Error + .gh { + color: #999 + } + + // Generic.Heading + .gi { + color: #000; + background-color: #dfd + } + + // Generic.Inserted + .gi .x { + color: #000; + background-color: #afa + } + + // Generic.Inserted.Specific + .go { + color: #888 + } + + // Generic.Output + .gp { + color: #555 + } + + // Generic.Prompt + .gs { + font-weight: bold + } + + // Generic.Strong + .gu { + color: #aaa + } + + // Generic.Subheading + .gt { + color: #f07178 + } + + // Generic.Traceback + .kc { + font-weight: bold + } + + // Keyword.Constant + .kd { + font-weight: bold + } + + // Keyword.Declaration + .kp { + font-weight: bold + } + + // Keyword.Pseudo + .kr { + font-weight: bold + } + + // Keyword.Reserved + .kt { + color: #FFCB6B; + font-weight: bold + } + + // Keyword.Type + .m { + color: #F78C6C + } + + // Literal.Number + .s { + color: #C3E88D + } + + // Literal.String + .na { + color: #008080 + } + + // Name.Attribute + .nb { + color: #EEFFFF + } + + // Name.Builtin + .nc { + color: #FFCB6B; + font-weight: bold + } + + // Name.Class + .no { + color: #008080 + } + + // Name.Constant + .ni { + color: #800080 + } + + // Name.Entity + .ne { + color: #900; + font-weight: bold + } + + // Name.Exception + .nf { + color: #82AAFF; + font-weight: bold + } + + // Name.Function + .nn { + color: #555 + } + + // Name.Namespace + .nt { + color: #FFCB6B + } + + // Name.Tag + .nv { + color: #EEFFFF + } + + // Name.Variable + .ow { + font-weight: bold + } + + // Operator.Word + .w { + color: #EEFFFF + } + + // Text.Whitespace + .mf { + color: #F78C6C + } + + // Literal.Number.Float + .mh { + color: #F78C6C + } + + // Literal.Number.Hex + .mi { + color: #F78C6C + } + + // Literal.Number.Integer + .mo { + color: #F78C6C + } + + // Literal.Number.Oct + .sb { + color: #C3E88D + } + + // Literal.String.Backtick + .sc { + color: #C3E88D + } + + // Literal.String.Char + .sd { + color: #C3E88D + } + + // Literal.String.Doc + .s2 { + color: #C3E88D + } + + // Literal.String.Double + .se { + color: #EEFFFF + } + + // Literal.String.Escape + .sh { + color: #C3E88D + } + + // Literal.String.Heredoc + .si { + color: #C3E88D + } + + // Literal.String.Interpol + .sx { + color: #C3E88D + } + + // Literal.String.Other + .sr { + color: #C3E88D + } + + // Literal.String.Regex + .s1 { + color: #C3E88D + } + + // Literal.String.Single + .ss { + color: #C3E88D + } + + // Literal.String.Symbol + .bp { + color: #999 + } + + // Name.Builtin.Pseudo + .vc { + color: #FFCB6B + } + + // Name.Variable.Class + .vg { + color: #EEFFFF + } + + // Name.Variable.Global + .vi { + color: #EEFFFF + } + + // Name.Variable.Instance + .il { + color: #F78C6C + } + + // Literal.Number.Integer.Long } } @@ -322,7 +825,9 @@ $table-border-color: $lm-table-border-color; $table-border-color: var(--minima-table-border-color); -} @else if $color-scheme-dark { +} + +@else if $color-scheme-dark { // Dark skin (always dark mode) @@ -353,9 +858,11 @@ $table-border-color: $lm-table-border-color; @include dm-highlight; -} @else { +} + +@else { // Classic skin syntax highlighting @include lm-highlight; -} +} \ No newline at end of file diff --git a/_sass/minima/skins/classic.scss b/_sass/minima/skins/classic.scss index 8583fc3..51f5089 100644 --- a/_sass/minima/skins/classic.scss +++ b/_sass/minima/skins/classic.scss @@ -2,4 +2,4 @@ $color-scheme-auto: false; $color-scheme-dark: false; -@import "varatoz/skins/auto"; +@import "varatoz/skins/auto"; \ No newline at end of file diff --git a/_sass/minima/skins/dark.scss b/_sass/minima/skins/dark.scss index 7657c85..1c011e7 100644 --- a/_sass/minima/skins/dark.scss +++ b/_sass/minima/skins/dark.scss @@ -2,4 +2,4 @@ $color-scheme-auto: false; $color-scheme-dark: true; -@import "varatoz/skins/auto"; +@import "varatoz/skins/auto"; \ No newline at end of file diff --git a/_sass/minima/skins/solarized-dark.scss b/_sass/minima/skins/solarized-dark.scss index 0f1f2f4..a674c81 100644 --- a/_sass/minima/skins/solarized-dark.scss +++ b/_sass/minima/skins/solarized-dark.scss @@ -2,4 +2,4 @@ $sol-is-auto: false; $sol-is-dark: true; -@import "varatoz/skins/solarized"; +@import "varatoz/skins/solarized"; \ No newline at end of file diff --git a/_sass/minima/skins/solarized-light.scss b/_sass/minima/skins/solarized-light.scss index e0e4d41..2c7d776 100644 --- a/_sass/minima/skins/solarized-light.scss +++ b/_sass/minima/skins/solarized-light.scss @@ -1,4 +1,4 @@ @charset "utf-8"; $sol-is-auto: false; -@import "varatoz/skins/solarized"; +@import "varatoz/skins/solarized"; \ No newline at end of file diff --git a/_sass/minima/skins/solarized.scss b/_sass/minima/skins/solarized.scss index 7ac1f5a..b9603e6 100644 --- a/_sass/minima/skins/solarized.scss +++ b/_sass/minima/skins/solarized.scss @@ -16,22 +16,22 @@ $sol-is-dark: false !default; // ------------ // The inline comments show the canonical L*a*b values for each color. -$sol-base03: #002b36; // 15 -12 -12 -$sol-base02: #073642; // 20 -12 -12 -$sol-base01: #586e75; // 45 -07 -07 -$sol-base00: #657b83; // 50 -07 -07 -$sol-base0: #839496; // 60 -06 -03 -$sol-base1: #93a1a1; // 65 -05 -02 -$sol-base2: #eee8d5; // 92 -00 10 -$sol-base3: #fdf6e3; // 97 00 10 -$sol-yellow: #b58900; // 60 10 65 -$sol-orange: #cb4b16; // 50 50 55 -$sol-red: #dc322f; // 50 65 45 -$sol-magenta: #d33682; // 50 65 -05 -$sol-violet: #6c71c4; // 50 15 -45 -$sol-blue: #268bd2; // 55 -10 -45 -$sol-cyan: #2aa198; // 60 -35 -05 -$sol-green: #859900; // 60 -20 65 +$sol-base03: #002b36; // 15 -12 -12 +$sol-base02: #073642; // 20 -12 -12 +$sol-base01: #586e75; // 45 -07 -07 +$sol-base00: #657b83; // 50 -07 -07 +$sol-base0: #839496; // 60 -06 -03 +$sol-base1: #93a1a1; // 65 -05 -02 +$sol-base2: #eee8d5; // 92 -00 10 +$sol-base3: #fdf6e3; // 97 00 10 +$sol-yellow: #b58900; // 60 10 65 +$sol-orange: #cb4b16; // 50 50 55 +$sol-red: #dc322f; // 50 65 45 +$sol-magenta: #d33682; // 50 65 -05 +$sol-violet: #6c71c4; // 50 15 -45 +$sol-blue: #268bd2; // 55 -10 -45 +$sol-cyan: #2aa198; // 60 -35 -05 +$sol-green: #859900; // 60 -20 65 // Mixed colors @@ -40,162 +40,417 @@ $sol-green: #859900; // 60 -20 65 // are meant to replicate the visual style of the classic skin. They should // not be used in cases where sufficiently contrasting colors are needed. -$sol-light-mix1: mix($sol-base1, $sol-base3); -$sol-light-mix2: mix($sol-blue, $sol-base00); -$sol-light-mix3: mix($sol-base2, $sol-base3); -$sol-dark-mix1: mix($sol-base01, $sol-base03); -$sol-dark-mix2: mix($sol-blue, $sol-base0); -$sol-dark-mix3: mix($sol-base02, $sol-base03); +$sol-light-mix1: mix($sol-base1, $sol-base3); +$sol-light-mix2: mix($sol-blue, $sol-base00); +$sol-light-mix3: mix($sol-base2, $sol-base3); +$sol-dark-mix1: mix($sol-base01, $sol-base03); +$sol-dark-mix2: mix($sol-blue, $sol-base0); +$sol-dark-mix3: mix($sol-base02, $sol-base03); // Mode selection // -------------- -$sol-mono3: $sol-base3; -$sol-mono2: $sol-base2; -$sol-mono1: $sol-base1; -$sol-mono00: $sol-base00; -$sol-mono01: $sol-base01; -$sol-mix1: $sol-light-mix1; -$sol-mix2: $sol-light-mix2; -$sol-mix3: $sol-light-mix3; +$sol-mono3: $sol-base3; +$sol-mono2: $sol-base2; +$sol-mono1: $sol-base1; +$sol-mono00: $sol-base00; +$sol-mono01: $sol-base01; +$sol-mix1: $sol-light-mix1; +$sol-mix2: $sol-light-mix2; +$sol-mix3: $sol-light-mix3; @if $sol-is-dark { - $sol-mono3: $sol-base03; - $sol-mono2: $sol-base02; - $sol-mono1: $sol-base01; + $sol-mono3: $sol-base03; + $sol-mono2: $sol-base02; + $sol-mono1: $sol-base01; $sol-mono00: $sol-base0; $sol-mono01: $sol-base1; - $sol-mix1: $sol-dark-mix1; - $sol-mix2: $sol-dark-mix2; - $sol-mix3: $sol-dark-mix3; + $sol-mix1: $sol-dark-mix1; + $sol-mix2: $sol-dark-mix2; + $sol-mix3: $sol-dark-mix3; } @if $sol-is-auto { :root { - --solarized-mono3: #{$sol-base3}; - --solarized-mono2: #{$sol-base2}; - --solarized-mono1: #{$sol-base1}; + --solarized-mono3: #{$sol-base3}; + --solarized-mono2: #{$sol-base2}; + --solarized-mono1: #{$sol-base1}; --solarized-mono00: #{$sol-base00}; --solarized-mono01: #{$sol-base01}; - --solarized-mix1: #{$sol-light-mix1}; - --solarized-mix2: #{$sol-light-mix2}; - --solarized-mix3: #{$sol-light-mix3}; + --solarized-mix1: #{$sol-light-mix1}; + --solarized-mix2: #{$sol-light-mix2}; + --solarized-mix3: #{$sol-light-mix3}; } @media (prefers-color-scheme: dark) { :root { - --solarized-mono3: #{$sol-base03}; - --solarized-mono2: #{$sol-base02}; - --solarized-mono1: #{$sol-base01}; + --solarized-mono3: #{$sol-base03}; + --solarized-mono2: #{$sol-base02}; + --solarized-mono1: #{$sol-base01}; --solarized-mono00: #{$sol-base0}; --solarized-mono01: #{$sol-base1}; - --solarized-mix1: #{$sol-dark-mix1}; - --solarized-mix2: #{$sol-dark-mix2}; - --solarized-mix3: #{$sol-dark-mix3}; + --solarized-mix1: #{$sol-dark-mix1}; + --solarized-mix2: #{$sol-dark-mix2}; + --solarized-mix3: #{$sol-dark-mix3}; } } - $sol-mono3: var(--solarized-mono3); - $sol-mono2: var(--solarized-mono2); - $sol-mono1: var(--solarized-mono1); + $sol-mono3: var(--solarized-mono3); + $sol-mono2: var(--solarized-mono2); + $sol-mono1: var(--solarized-mono1); $sol-mono00: var(--solarized-mono00); $sol-mono01: var(--solarized-mono01); - $sol-mix1: var(--solarized-mix1); - $sol-mix2: var(--solarized-mix2); - $sol-mix3: var(--solarized-mix3); + $sol-mix1: var(--solarized-mix1); + $sol-mix2: var(--solarized-mix2); + $sol-mix3: var(--solarized-mix3); } // Minima color variables // ---------------------- -$brand-color: $sol-mono1 !default; -$brand-color-light: $sol-mix1 !default; -$brand-color-dark: $sol-mono00 !default; +$brand-color: $sol-mono1 !default; +$brand-color-light: $sol-mix1 !default; +$brand-color-dark: $sol-mono00 !default; -$site-title-color: $sol-mono00 !default; +$site-title-color: $sol-mono00 !default; -$text-color: $sol-mono01 !default; -$background-color: $sol-mono3 !default; +$text-color: $sol-mono01 !default; +$background-color: $sol-mono3 !default; $code-background-color: $sol-mono2 !default; -$link-base-color: $sol-blue !default; -$link-visited-color: $sol-mix2 !default; -$link-hover-color: $sol-mono00 !default; +$link-base-color: $sol-blue !default; +$link-visited-color: $sol-mix2 !default; +$link-hover-color: $sol-mono00 !default; -$border-color-01: $brand-color-light !default; -$border-color-02: $sol-mono1 !default; -$border-color-03: $sol-mono00 !default; +$border-color-01: $brand-color-light !default; +$border-color-02: $sol-mono1 !default; +$border-color-03: $sol-mono00 !default; -$table-text-color: $sol-mono00 !default; -$table-zebra-color: $sol-mix3 !default; +$table-text-color: $sol-mono00 !default; +$table-zebra-color: $sol-mix3 !default; $table-header-bg-color: $sol-mono2 !default; -$table-header-border: $sol-mono1 !default; -$table-border-color: $sol-mono1 !default; +$table-header-border: $sol-mono1 !default; +$table-border-color: $sol-mono1 !default; // Syntax highlighting styles // -------------------------- .highlight { - .c { color: $sol-mono1; font-style: italic } // Comment - .err { color: $sol-red } // Error - .k { color: $sol-mono01; font-weight: bold } // Keyword - .o { color: $sol-mono01; font-weight: bold } // Operator - .cm { color: $sol-mono1; font-style: italic } // Comment.Multiline - .cp { color: $sol-mono1; font-weight: bold } // Comment.Preproc - .c1 { color: $sol-mono1; font-style: italic } // Comment.Single - .cs { color: $sol-mono1; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: $sol-red } // Generic.Deleted - .gd .x { color: $sol-red } // Generic.Deleted.Specific - .ge { color: $sol-mono00; font-style: italic } // Generic.Emph - .gr { color: $sol-red } // Generic.Error - .gh { color: $sol-mono1 } // Generic.Heading - .gi { color: $sol-green } // Generic.Inserted - .gi .x { color: $sol-green } // Generic.Inserted.Specific - .go { color: $sol-mono00 } // Generic.Output - .gp { color: $sol-mono00 } // Generic.Prompt - .gs { color: $sol-mono01; font-weight: bold } // Generic.Strong - .gu { color: $sol-mono1 } // Generic.Subheading - .gt { color: $sol-red } // Generic.Traceback - .kc { color: $sol-mono01; font-weight: bold } // Keyword.Constant - .kd { color: $sol-mono01; font-weight: bold } // Keyword.Declaration - .kp { color: $sol-mono01; font-weight: bold } // Keyword.Pseudo - .kr { color: $sol-mono01; font-weight: bold } // Keyword.Reserved - .kt { color: $sol-violet; font-weight: bold } // Keyword.Type - .m { color: $sol-cyan } // Literal.Number - .s { color: $sol-magenta } // Literal.String - .na { color: $sol-cyan } // Name.Attribute - .nb { color: $sol-blue } // Name.Builtin - .nc { color: $sol-violet; font-weight: bold } // Name.Class - .no { color: $sol-cyan } // Name.Constant - .ni { color: $sol-violet } // Name.Entity - .ne { color: $sol-violet; font-weight: bold } // Name.Exception - .nf { color: $sol-blue; font-weight: bold } // Name.Function - .nn { color: $sol-mono00 } // Name.Namespace - .nt { color: $sol-blue } // Name.Tag - .nv { color: $sol-cyan } // Name.Variable - .ow { color: $sol-mono01; font-weight: bold } // Operator.Word - .w { color: $sol-mono1 } // Text.Whitespace - .mf { color: $sol-cyan } // Literal.Number.Float - .mh { color: $sol-cyan } // Literal.Number.Hex - .mi { color: $sol-cyan } // Literal.Number.Integer - .mo { color: $sol-cyan } // Literal.Number.Oct - .sb { color: $sol-magenta } // Literal.String.Backtick - .sc { color: $sol-magenta } // Literal.String.Char - .sd { color: $sol-magenta } // Literal.String.Doc - .s2 { color: $sol-magenta } // Literal.String.Double - .se { color: $sol-magenta } // Literal.String.Escape - .sh { color: $sol-magenta } // Literal.String.Heredoc - .si { color: $sol-magenta } // Literal.String.Interpol - .sx { color: $sol-magenta } // Literal.String.Other - .sr { color: $sol-green } // Literal.String.Regex - .s1 { color: $sol-magenta } // Literal.String.Single - .ss { color: $sol-magenta } // Literal.String.Symbol - .bp { color: $sol-mono1 } // Name.Builtin.Pseudo - .vc { color: $sol-cyan } // Name.Variable.Class - .vg { color: $sol-cyan } // Name.Variable.Global - .vi { color: $sol-cyan } // Name.Variable.Instance - .il { color: $sol-cyan } // Literal.Number.Integer.Long -} + .c { + color: $sol-mono1; + font-style: italic + } + + // Comment + .err { + color: $sol-red + } + + // Error + .k { + color: $sol-mono01; + font-weight: bold + } + + // Keyword + .o { + color: $sol-mono01; + font-weight: bold + } + + // Operator + .cm { + color: $sol-mono1; + font-style: italic + } + + // Comment.Multiline + .cp { + color: $sol-mono1; + font-weight: bold + } + + // Comment.Preproc + .c1 { + color: $sol-mono1; + font-style: italic + } + + // Comment.Single + .cs { + color: $sol-mono1; + font-weight: bold; + font-style: italic + } + + // Comment.Special + .gd { + color: $sol-red + } + + // Generic.Deleted + .gd .x { + color: $sol-red + } + + // Generic.Deleted.Specific + .ge { + color: $sol-mono00; + font-style: italic + } + + // Generic.Emph + .gr { + color: $sol-red + } + + // Generic.Error + .gh { + color: $sol-mono1 + } + + // Generic.Heading + .gi { + color: $sol-green + } + + // Generic.Inserted + .gi .x { + color: $sol-green + } + + // Generic.Inserted.Specific + .go { + color: $sol-mono00 + } + + // Generic.Output + .gp { + color: $sol-mono00 + } + + // Generic.Prompt + .gs { + color: $sol-mono01; + font-weight: bold + } + + // Generic.Strong + .gu { + color: $sol-mono1 + } + + // Generic.Subheading + .gt { + color: $sol-red + } + + // Generic.Traceback + .kc { + color: $sol-mono01; + font-weight: bold + } + + // Keyword.Constant + .kd { + color: $sol-mono01; + font-weight: bold + } + + // Keyword.Declaration + .kp { + color: $sol-mono01; + font-weight: bold + } + + // Keyword.Pseudo + .kr { + color: $sol-mono01; + font-weight: bold + } + + // Keyword.Reserved + .kt { + color: $sol-violet; + font-weight: bold + } + + // Keyword.Type + .m { + color: $sol-cyan + } + + // Literal.Number + .s { + color: $sol-magenta + } + + // Literal.String + .na { + color: $sol-cyan + } + + // Name.Attribute + .nb { + color: $sol-blue + } + + // Name.Builtin + .nc { + color: $sol-violet; + font-weight: bold + } + + // Name.Class + .no { + color: $sol-cyan + } + + // Name.Constant + .ni { + color: $sol-violet + } + + // Name.Entity + .ne { + color: $sol-violet; + font-weight: bold + } + + // Name.Exception + .nf { + color: $sol-blue; + font-weight: bold + } + + // Name.Function + .nn { + color: $sol-mono00 + } + + // Name.Namespace + .nt { + color: $sol-blue + } + + // Name.Tag + .nv { + color: $sol-cyan + } + + // Name.Variable + .ow { + color: $sol-mono01; + font-weight: bold + } + + // Operator.Word + .w { + color: $sol-mono1 + } + + // Text.Whitespace + .mf { + color: $sol-cyan + } + + // Literal.Number.Float + .mh { + color: $sol-cyan + } + + // Literal.Number.Hex + .mi { + color: $sol-cyan + } + + // Literal.Number.Integer + .mo { + color: $sol-cyan + } + + // Literal.Number.Oct + .sb { + color: $sol-magenta + } + + // Literal.String.Backtick + .sc { + color: $sol-magenta + } + + // Literal.String.Char + .sd { + color: $sol-magenta + } + + // Literal.String.Doc + .s2 { + color: $sol-magenta + } + + // Literal.String.Double + .se { + color: $sol-magenta + } + + // Literal.String.Escape + .sh { + color: $sol-magenta + } + + // Literal.String.Heredoc + .si { + color: $sol-magenta + } + + // Literal.String.Interpol + .sx { + color: $sol-magenta + } + + // Literal.String.Other + .sr { + color: $sol-green + } + + // Literal.String.Regex + .s1 { + color: $sol-magenta + } + + // Literal.String.Single + .ss { + color: $sol-magenta + } + + // Literal.String.Symbol + .bp { + color: $sol-mono1 + } + + // Name.Builtin.Pseudo + .vc { + color: $sol-cyan + } + + // Name.Variable.Class + .vg { + color: $sol-cyan + } + + // Name.Variable.Global + .vi { + color: $sol-cyan + } + + // Name.Variable.Instance + .il { + color: $sol-cyan + } + + // Literal.Number.Integer.Long +} \ No newline at end of file diff --git a/about.markdown b/about.markdown index 8b4e0b2..a6cf275 100644 --- a/about.markdown +++ b/about.markdown @@ -4,15 +4,24 @@ title: About permalink: /about/ --- -This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/) +**NoVarYe**: -You can find the source code for Minima at GitHub: -[jekyll][jekyll-organization] / -[minima](https://github.com/jekyll/minima) +- **NoVar**: This part stands for “No Variation,” implying consistency and stability. In personal life and work, it represents the absence of unnecessary variables, reflecting simplicity, stability, and efficiency.\ +- **Ye**: An abbreviation for “Yet Another.” In the field of computing, it usually denotes another tool, library, or system of the same type, possibly a variation, improvement, or complement to existing solutions.\ +- **Overall Meaning**: +“NoVarYe” can be understood as dynamic within stability, suggesting that while one pursues a simple, stable, and efficient lifestyle, they also continuously explore new things. -You can find the source code for Jekyll at GitHub: -[jekyll][jekyll-organization] / -[jekyll](https://github.com/jekyll/jekyll) +You can find the source code of My Website at GitHub: +[NoVarYe's Blogs][novarye-blogs] +You can find the source code of My Theme at GitHub: +[VarAtoZ][varatoz-source-code] -[jekyll-organization]: https://github.com/jekyll +[varatoz-source-code]: + +[novarye-blogs]: + + +## License + +The theme is available as open source under the terms of the GNU GENERAL PUBLIC LICENSE V3. diff --git a/favicon.ico b/assets/favicon.ico similarity index 100% rename from favicon.ico rename to assets/favicon.ico diff --git a/assets/icons/menu.svg b/assets/icons/menu.svg new file mode 100644 index 0000000..a4edad2 --- /dev/null +++ b/assets/icons/menu.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/static/logo.png b/assets/logo.png similarity index 100% rename from static/logo.png rename to assets/logo.png diff --git a/static/logo_with_text.png b/assets/logo_with_text.png similarity index 100% rename from static/logo_with_text.png rename to assets/logo_with_text.png diff --git a/static/social_preview.png b/assets/social_preview.png similarity index 100% rename from static/social_preview.png rename to assets/social_preview.png diff --git a/_posts/2024-08-21-blog.markdown b/code/_posts/2024-08-21-blog.markdown similarity index 98% rename from _posts/2024-08-21-blog.markdown rename to code/_posts/2024-08-21-blog.markdown index 2fd902b..64943bd 100644 --- a/_posts/2024-08-21-blog.markdown +++ b/code/_posts/2024-08-21-blog.markdown @@ -3,7 +3,7 @@ layout: post title: "Welcome to Github Pages!" date: 2024-08-21 03:58:56 +0800 author: NoVarYe -categories: Github update +categories: Github comments: true --- diff --git a/_drafts/2024-08-22-welcome-to-jekyll.markdown b/code/_posts/2024-08-22-welcome-to-jekyll.markdown similarity index 100% rename from _drafts/2024-08-22-welcome-to-jekyll.markdown rename to code/_posts/2024-08-22-welcome-to-jekyll.markdown diff --git a/_posts/2024-08-23-gem-theme.markdown b/code/_posts/2024-08-23-gem-theme.markdown similarity index 94% rename from _posts/2024-08-23-gem-theme.markdown rename to code/_posts/2024-08-23-gem-theme.markdown index 76adc5a..6464a74 100644 --- a/_posts/2024-08-23-gem-theme.markdown +++ b/code/_posts/2024-08-23-gem-theme.markdown @@ -3,7 +3,7 @@ layout: post title: "Gem Theme" date: 2024-08-23 03:58:56 +0800 author: NoVarYe -categories: Github update +categories: Github # comments: true --- If you have the theme gem, you can (if you desire) `run bundle` update to update all gems in your project. Or you can run `bundle update `, replacing `` with the theme name, such as `minima`, to just update the theme gem. Any new files or updates the theme developer has made (such as to stylesheets or includes) will be pulled into your project automatically. diff --git a/_drafts/0000-00-00-template.markdown b/code/_posts/2024-08-30-coding.markdown similarity index 59% rename from _drafts/0000-00-00-template.markdown rename to code/_posts/2024-08-30-coding.markdown index 8f97214..278e68c 100644 --- a/_drafts/0000-00-00-template.markdown +++ b/code/_posts/2024-08-30-coding.markdown @@ -10,6 +10,13 @@ author: NoVarYe # Template of Blogs -> Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} +Author: NoVarYe | Date: August 30, 2024 + +## Terms + +编码 + ## Reference + +Code: The Hidden Language of Computer Hardware and Software. Charles Petzold \ No newline at end of file diff --git a/_drafts/20240821blog.md b/code/_posts/20240821blog.md similarity index 100% rename from _drafts/20240821blog.md rename to code/_posts/20240821blog.md diff --git a/design/_posts/2024-08-26-human-machine-inteaction.markdown b/design/_posts/2024-08-26-human-machine-inteaction.markdown new file mode 100644 index 0000000..6b30425 --- /dev/null +++ b/design/_posts/2024-08-26-human-machine-inteaction.markdown @@ -0,0 +1,130 @@ +--- +layout: post +title: "Thinking of Human Machine Interaction" +date: 2024-08-26 09:24:16 +0800 +author: NoVarYe +categories: Design HMI +# tags: tag01 tag02 +# comments: true +--- + +# HMI + +Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} + +人机界面 (Human Machine Interaction, HMI) + +## 概述 + +人机界面(Human Machine Interaction, HMI)是研究人类与机器之间的交互的领域。它不仅包括人与机器之间的互动,还包括机器与机器之间的互动,以及人与人之间的互动。 + +## 课程记录 + +### 交互设计 + +交互不仅仅局限于人和机器之间,也可以是机器与机器之间的交互,或是人和人之间的交互。 + +### 隐藏在表面之下的逻辑 + +UI(用户界面)重在交互,包括输入(Input)和输出(Output)。 + +### 指令 + +基础指令:如开关指令。 +功能指令:包括单一功能和组合功能。 +组合指令 +着重于电路设计、效率和成本,可能会忽视用户体验。组合按键需要用户记忆,并有一定的学习成本。组合指令可能导致不易使用、难记、难学的问题。 + +### 界面 + +硬件界面和软件界面。 + +如何判断软硬件: + +观察指令去向 +确定如何调用硬件 +查看哪些硬件可以受到控制 +案例:车载系统的控制器 + +产生干扰,对主驾驶 + +指令集的优先级的控制 + +驾驶的核心功能 +车机系统 +U3D(Unity 3D) + +数据的真实性 + + + +### U3D 的技术考量 + +强制帧同步 +技术路线的不稳定性 +机械面板 +网站界面 +跳转:不要超过三级跳转。 +功能的组合 +界面底层隐藏的逻辑: +基础功能 +拓展功能 + +### 系统的类别 + +通用性系统:环境复杂 +专用性系统:系统冗余性低,缓存低 + +### 编译器和解释器 + +信号:模拟电路和数字电路 +通信原理:信号的边界是什么 + +## Terms + +运行环境 +差分:提供选择 + +## Thinking + +运行效率和学习成本的平衡: + +运行效率通常与生产成本相关。 +学习成本受用户群体和用户承载能力的影响。 +先验判断和后验判断: + +差额剩余价值。 + +## 总结 + +### 如何设计界面 +明确指令集: + +明确指令的范围和功能 +划分边界,如车门控制、电梯控制 +风险评估 +指令的层级: + +环境、基础、拓展(增效) +结合实际经历 +交互性能: + +用户性能(较易解决) +运行效率(难以触及) + +### 项目组的考量 + +项目组的组成 +项目组的工作 +使用神经网络判定竹子的质量。 +评估上下游。 +划定范围和产业链。 +回本周期:如果使用神经网络提高效率但成本高,则需要评估回本周期。 + +### 华为系统 + +导入U3D模型,先塌缩为三角面,自动解算。 + +## Reference + + diff --git a/design/_posts/2024-08-26-ui-design.markdown b/design/_posts/2024-08-26-ui-design.markdown new file mode 100644 index 0000000..ad3ea59 --- /dev/null +++ b/design/_posts/2024-08-26-ui-design.markdown @@ -0,0 +1,71 @@ +--- +layout: post +# permalink: /posts/:title/ +title: "UI Design Specifications" +date: 2024-08-30 08:53:12 +0800 +author: NoVarYe +categories: Design +# tags: tag01, tag02 +# comments: true +--- + +# UI设计规范 + +Author: NoVarYe | Date: August 30, 2024 + +## UI可用性 + +1. 可见性:字体设置 +2. 可输入性:输入框和按钮的间距与大小 +3. 效能:以上二者的效能 + +**加权值**:运行环境的干扰影响 + + + +### 案例1 + +空调嵌入书开关,和风扇开关的区别 + +基础指令集 + +## 人机界面设计 + +### 1. 设计软件和构建之间的接口 + +界面功能模块的通讯(连接)模块 + +确保不同界面功能模块之间的有效通信。 +设计数据流动和控制信号传递机制。 + +### 2. 设计模块和其他非人的信息生产者和消费者的界面 + +前后端的数据传输设计: + +设计如何在前端和后端之间传输数据。 +确保数据传输的准确性和实时性。 +软件或网站后台的控制前端的数据统计: + +设计如何从前端收集数据并进行统计分析。 +解析过程的复杂程度和基础分析。 + +### 3. 设计人和计算机间的界面 + +可视化控制面板构建 + +{% comment %} +区分形势设计 与 内容设计 +思考底层逻辑 + +灰阶很多 +解析度, 马赛克 +效能而定 +{% endcomment %} + +HUD + +## Terms + +产能结构崩塌 + +## References diff --git a/design/_posts/2024-08-27-record.markdown b/design/_posts/2024-08-27-record.markdown new file mode 100644 index 0000000..924a745 --- /dev/null +++ b/design/_posts/2024-08-27-record.markdown @@ -0,0 +1,435 @@ +--- +layout: post +title: "影视导演——引论" +date: 2024-08-27 08:45:12 +0800 +author: NoVarYe +categories: Video +# tags: tag01 tag02 +# comments: true +--- + +# 影视导演 + +> Author: {{ page.author }} | Date: {{ page.date | date: "%a, %B %d, %Y" }} + +## 概念介绍 + +**记录片:** + +- 现在进行时 真实 客观 +- 展现生活原样, 排斥虚构 摆拍 +- 长镜头或者同期声 +- 主题意识要隐藏 + +**专题片:** + +- 现在时、过去式 +- 对社会生活的 一方面进行深入报道,内容集中, 形式多样 +- 多种艺术手段 +- 允许直接阐明观点 +- 介于电视新闻 和 电视艺术, 既有新闻的真实性,又有艺术的审美力 + + +## 纪录片——《贵州水族马尾绣》赏析 + +历史背景 +制作流程 +成本应用 寓意 +传承人 未来发展 + +空镜 + +视**听** + +马尾绣 不会动,意味着什么 + +如何动起来 + +### 影片难点 + +静态和听觉的缺陷 + +采访来弥补历史的缺失,现存物 + +非物质 文化遗产 + +人物角度 + +人物,代表人物 +1. 官方 +2. 个人 +3. 传承人 + +传承人一般都 在结尾处,出现物质文化遗产 + + +开场30s 包主要对象、事件内容介绍清楚
+被摄对象存在的难点(“硬伤”):虽有色彩,但静态试听语言要求 视觉动态,听觉丰富
+留存材料少:过去——现在——未来(传承)
+如何弥补:节庆日 民族特色 欢歌笑语 + +### 《贵州水族马尾绣》分析 + +专题片的结构一般较为严通,整体框架清晰。利用解说词丰富补足画面的不足,同时也作为两 +面贯穿的逻依据在底层铺垫。采访像房屋中的梁柱,较规则地支撑起全片,可以看是全片 +下每个小段落的核心或篇章主要内昏的发起点。 + +本片逻想: +1. 宏观描绘引出水族(别:大远景——远景一全景——近景),起到从宏观风贯到引出具象化人物的作用; +2. 具象化人物出现,先讲解民族特性再引出主要内容马尾绣(中先穿插了节日,以在片子开头调动气纸): +3. 通过采访,进一步深入、全面地讲解马尾绣的历史文化(画面:精美特写,人物动作--此股强酒镜头的叙事功能) +4. 中后程提升本片高度,提出并进一步强调传承(传与承=老人与小孩、以及现在正在开展文化传播的传承人): +5. 尾处,节日民俗与马尾绣穿插,进一步演染民族内通(四面:呼应开头节日场面,马尾铁特 +写,大场最和远景出现,结尾) + +## 课程实践——侯官村 + +## 纪实类短视频的定义 + +### 纪录 纪实 + +纪录 +定义:纪录通常指对某些事件、现象或过程的详细记录。这种记录可以是文字、音频、视频或其他形式的资料。纪录通常强调的是记录过程本身,更多的是关于信息的保存。 + +用途: + +纪录片:以影像的方式记录真实事件或情况,通常带有一定的艺术加工和叙事结构,旨在引发观众的思考或情感共鸣。 +个人纪录:例如个人日记、备忘录等,记录个人生活或事件。 +纪实 +定义:纪实侧重于通过真实的记录来展示和反映现实生活中的事件或人物。它不仅仅是记录的过程,更加关注如何真实、客观地反映实际情况,通常具有较强的现实主义色彩。 + +用途: + +纪实文学:通过详细描写和叙述真实事件和人物,探讨社会问题或人性。 +纪实摄影:以摄影的方式捕捉和表现现实生活中的真实瞬间。 +区别 +侧重点: + +纪录更多关注信息的记录和保存。 +纪实则注重真实地反映现实生活中的状况,往往带有一定的分析和深度。 +表现形式: + +纪录可以是多种形式的记录,未必有深层次的解读。 +纪实通常强调对真实情况的深刻观察和反映,表现出强烈的现实主义风格。 +目标: + +纪录的目标是保存信息和数据。 +纪实的目标是通过真实的描述和展示来引发观众的思考或感受。 + +## 新闻纪实类 + +### 赏析《二更 打开折叠人生》 + +内容编排的底层逻辑 + +内容推进的手段 + +情感 + +新闻素材的处理方式 + +### 赏析《天问一号发射成功——火星我们来了》 + +时间 +解说+描述性画面+采访 + +内容推进的手段: +1. 采用了时间线推进。 +通过明确的时间来推进新闻内容,从天文一号发射开始的前12小时,每间隔一段时间,介绍下火箭发射的进程,最后报道了发射成功的结果。这种推进方式使得新闻内容更加清晰 + +2. 采用了主题推进: +通过介绍技术的进步。在报道过程中,穿插了多项关键技术的突破,如火星制动捕获、进入/下降/着陆、长期自主管理、远距离测控通信、火星表面巡视等,这些技术突破不仅展示了中国深空探测能力的显著提升,也增强了文章的专业性。 + +3.采用了民众视角: +在报道中,穿插了民众的情感反应,如“我国首次火星探测任务天问一号发射成功,引发了社会各界的热烈关注和祝贺”,“网友纷纷表示,中国航天事业的发展令人振奋,为国家的科技实力感到自豪”,这些民众的情感反应,使得新闻内容更加生动。最后以”火星我们来了“结尾,增强了新闻的情感共鸣。 + +素材编辑的逻辑: + +1. 素材的有效性,真实性: +首先为了保证新闻的有效性,选取了权威的新闻素材。 + +2. 素材的多样性: +不仅包含了火星探测任务的发射过程,还包含了火星探测任务的技术突破,以及民众的情感反应,使得新闻内容更加丰富。 + +3. 素材的时效性: +新闻内容的时效性很强,及时报道了火星探测任务的发射成功,增强了新闻的实时性。 + +时效性与故事性: + +1. 时效性: +通过倒计时 + +该火箭发射的过程, + +不存在补拍 +视频的框架 + +{% comment %} +传播学理论 +听不懂, +采用了朴实的语言 +{% endcomment %} + +采访中的提问: +针对不同的人群采取了不同的问答方式 + +虽然在报道的过程中,没有记者采访的过程,但是,可以通过报道的内容,推测出记者在采访中可能会提出的问题类型。 + +问题类型主要分为: + +1. 开放式问题 +开放式问题旨在引导受访者自由表达想法、感受和经历,不限制答案的范围。 + +2. 封闭式问题 +封闭式问题通常要求受访者从给定的选项中选择答案,或给出简短的肯定/否定回答。 + +3. 引导式问题 +引导式问题通过预设的框架或提示来引导受访者的回答,有助于聚焦讨论。 + +4. 具体性问题 +具体性问题针对具体细节、事件或情境进行提问,有助于获取详细信息。 + +对于火箭发射过程中的具体细节。大致推测可能会采用具体性问题,如“火箭发射的过程中,有哪些关键技术突破?”,“火星探测任务的发射过程中,有哪些难点?” + +5. 追问 +追问是在受访者回答后进一步提问,以获取更多信息、澄清观点或深入探讨。 + +6. 假设性问题 + +假设性问题让受访者基于某种假设情境给出回答,有助于探索未来趋势、策略或可能性。 + +提问的节奏: + +通过控制提问的节奏,可以引导受访者的回答,使得采访内容更加丰富和有序。 + + + +### 采访1 + +我是数媒的大四学生,我需要做一个传承**数媒精神**的片子, +如何,如何做? + +从他嘴里挖出他深受数媒精神的鼓舞,他爱数媒,他会传承数媒精神 发光 发热 + +你注意,你不但需要这样的话,你还需要一个够激励昂扬的画面 + +问题的宽泛性 + +摄像师: + +1. 采集 + 画面 + 光线 + 人物的站位 + 人物的表情 + 视频的播放的平台 + 构图 + 画面的稳定性 + +记者: + 提问 + 提问的节奏 + 问题的深度 + + 情绪 + 采访姿态 + 考虑到被采访人员的情绪 + 有预演问题,让对方适应状态 + +{% comment %} + 为什么起头的问题,问题容易发散 + 发散的问题,一般主要是用在,思辨性的问题上 +{% endcomment %} + +为什么选这个专业 +为什么回想选着方向 + +学到了什么 +感受 +如果你在这条路上,会不会继续传承 + +采访的目的性 + +渐进式提问 + +1. 请问您对数媒的理解是什么? +2. 您认为数媒精神的核心是什么? +3. 您认为数媒精神在当今社会中的意义是什么? + +穿插式提问 + +毕业后的就行 + +数媒的攻击性比较强 + +### 采访2 + +{% comment %} 首先定性 {% endcomment %} + +数媒环境的定性 +数媒的发展 + +氛围是什么 + +了解到实习的经历 + +规划, + +从中 + +数媒的理解 + +鼓励支持 + +氛围 + +1. 采访的氛围 + +就业 + +信心 + +鼓励支持, + +### 采访总结 + +节奏、 +看着眼睛、看着表情 + +### 赏析《算命》Fortune Teller + +徐童 + +”我是在极端的宿命和草根当中发现了极端的顽强,这两个东西的碰撞“ + +章回体 + +如何引出故事 +如何立起人物 +拍摄手法 +章节过渡 + +历百程 石珍珠 +{% comment %} + 什么是善良、什么是情谊 + + ==人的描述,一句话说清楚== + 人物的立起 + 观看的层级 + + 给哪个层次的观看 + + ”虽然是算命先生,但是却活在命运之下“ + ”贫不择妻,寒不择饥衣,慌不择路,饥不择食“ + ”算命先生,却活在命运之下“ + 幸福的理解 + 和命运的和解 + ”懂得爱“ + 石珍珠: 身体残障 但仍然爱美,获得厉白程的爱 + 历百程的爱不单单是怜悯、还有欣赏 + 生活价值的定义 + + 对生活的珍惜 + + 没有忘记美,没有忘记爱 + + +{% endcomment %} +{% comment %} + 变化 + 反差 + + 时间 变化 反差 + 开始——结束 + 人物的变化 + 变化中,看不变 +{% endcomment %} + +{% comment %} + 游民行业 + + 唐小雁,成为了制片人 +{% endcomment %} + + +### 赏析《二更 逆袭教练》 + +内容编排的底层逻辑 +内容推进的手段 +影响影片节奏的元素 +内容类型与受众 +拍摄场地 +出境人物 +场景 +拍摄重点 +拍摄时长 +故事梗概 +主旨 + +1. 内容编排的底层逻辑 + + 情感共鸣与励志主线: + 影片的底层逻辑往往围绕“励志”和”改变“的主题展开,通过展现左敬从一开始的影视后期职业转变为私人教练,以及到最后的具备比较有公众视角的一名出色教练 + + 在面临挑战、失败、质疑时的坚持与努力,最终达成目标或实现自我超越的过程,激发观众的情感共鸣。 + + 这种编排不仅传递了积极向上的价值观, + 也符合大众对于成功故事的心理期待。 + + 角色塑造与冲突设置: + 影片通过鲜明的角色塑造, + 最开始的充满激情,但是,后续又展示了他的改变,从最初的懵懂,通过不断的信心构建,最终成为了一名优秀的教练。 + 前后的对比,让观众更加容易产生共鸣。也是本片的主旨、目的。 + + 如教练的坚韧不拔、队员的蜕变成长,以及他们之间的信任建立与冲突解决,构建了故事的核心框架。 + + 冲突是推动故事发展的关键,包括内部的自我怀疑与外部环境的压力,这些冲突的设置使得故事更加饱满、引人入胜。 + +2. 内容推进的手段 + + 叙事结构:采用线性叙事或非线性叙事(如闪回、倒叙)相结合的方式,逐步揭示教练的过去、现在与未来,使观众在时间的流转中感受到人物的成长与变化。 + + 细节描写与场景转换:通过细腻的描写教练的训练日常、与队员的互动、比赛中的关键时刻等场景,以及巧妙的场景转换,保持观众的注意力并推动情节发展。 + + 悬念与反转:设置合理的悬念吸引观众持续关注,如教练能否带领队伍赢得比赛、个人生活是否会有转机等。同时,在关键时刻引入反转情节,增加故事的戏剧性和观赏性。 + +3. 影响影片节奏的元素 + + 音乐与音效:背景音乐和音效是调节影片节奏的重要工具。紧张的训练场景配以激昂的音乐,能增强观众的紧张感;而温馨或励志的桥段则配以柔和或激昂的旋律,引发共鸣。 + + 剪辑节奏:快速剪辑用于表现比赛或训练的紧张激烈,慢镜头则用于强调关键瞬间或人物情感。通过不同剪辑手法的运用,有效控制影片的节奏感。 + +镜头语言:运用特写、中景、远景等不同的镜头语言,以及镜头的运动(如推、拉、摇、移等),来引导观众的视线和情绪,进而影响影片的整体节奏。 + +4. 内容类型与受众 + + 内容类型: + 该片属于励志、体育或人物传记类短片,这类影片通常具有广泛的受众基础,因为它们触及了人性中普遍存在的对成功、挑战和成长的向往。 + + 受众分析: + 主要吸引对体育精神、励志故事感兴趣的观众,包括但不限于运动员、教练、体育爱好者、以及寻求心灵鼓舞和正能量的人群。同时,由于故事中的教练角色可能涉及家庭、职业等多重身份,也能触动更广泛年龄段和职业背景的观众。此外,对于喜欢深度剖析人物内心世界和成长历程的观众而言,该片同样具有吸引力。 + + + + +### 思政 + +中华优秀传统文化 + +中华优秀传统文化是中国几千年文明的积淀,涵盖了哲学、伦理、艺术、宗教等多个方面。它不仅是中国人民的文化根基,也是全球文化的重要组成部分。理解中华优秀传统文化 + +中华优秀传统文化是中华民族的精神瑰宝,其核心价值观如仁爱、重民本、守诚信等,塑造了中国人的行为准则和社会风尚。理解这些传统文化的内涵,有助于我们更好地继承和发扬这些优良传统,并在现代社会中融入这些价值观,推动社会的进步和发展。 + +文旅 + +{% comment %} + +{% endcomment %} + +## Reference + +[二更视频平台](https://www.ergengtv.com/) + +![alt text]({{ '/assets/images/image.png' | relative_url}}) + +二更视频平台,杭州二更网络科技有限公司旗下网站,依托二更品牌影响力、内容原创力和渠道整合力,为广大影视创作人、品牌企业等提供集视频内容创作、商业项目对接、IP孵化、影视投资等服务的综合性平台。 diff --git a/package.json b/package.json new file mode 100644 index 0000000..1d3e997 --- /dev/null +++ b/package.json @@ -0,0 +1,8 @@ +{ + "dependencies": { + "three": "^0.168.0" + }, + "devDependencies": { + "vite": "^5.4.2" + } +} diff --git a/src/js/main.js b/src/js/main.js new file mode 100644 index 0000000..af9c2b8 --- /dev/null +++ b/src/js/main.js @@ -0,0 +1,14 @@ +import * as THREE from "three"; +import * as THREE from "three"; +import { OrbitControls } from "three/addons/controls/OrbitControls.js"; +import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js"; + +const controls = new OrbitControls(camera, renderer.domElement); +const loader = new GLTFLoader(); + +const scene = new THREE.Scene(); +const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); + +const renderer = new THREE.WebGLRenderer(); +renderer.setSize( window.innerWidth, window.innerHeight ); +document.body.appendChild( renderer.domElement ); \ No newline at end of file diff --git a/webgl-example.html b/webgl-example.html new file mode 100644 index 0000000..9155710 --- /dev/null +++ b/webgl-example.html @@ -0,0 +1,45 @@ +--- +layout: base +title: TRY +permalink: /try/ +--- + + + +ttt + + \ No newline at end of file