diff --git a/_layouts/home.html b/_layouts/home.html index 4cf4c1d5d99..3fccfa086cc 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -40,79 +40,136 @@ {% endfor %} {% endif %} -
- {% for post in posts %} -
- - {% assign card_body_col = '12' %} - - {% if post.image %} - {% assign src = post.image.path | default: post.image %} - {% unless src contains '//' %} - {% assign src = post.img_path | append: '/' | append: src | replace: '//', '/' %} - {% endunless %} - - {% assign alt = post.image.alt | xml_escape | default: 'Preview Image' %} +{% assign study_posts = posts | where: "categories", "study" %} +{% assign hobby_posts = posts | where: "categories", "hobbies" %} - {% assign lqip = null %} - - {% if post.image.lqip %} - {% capture lqip %}lqip="{{ post.image.lqip }}"{% endcapture %} +

Studies and Projects

+
+ {% assign study_posts = posts | where_exp: "post", "post.categories contains 'study' or post.categories contains 'algorithm'" %} + {% for post in study_posts limit:4 %} +
+ + {% assign card_body_col = '12' %} + {% if post.image %} + {% assign src = post.image.path | default: post.image %} + {% unless src contains '//' %} + {% assign src = post.img_path | append: '/' | append: src | replace: '//', '/' %} + {% endunless %} + {% assign alt = post.image.alt | xml_escape | default: 'Preview Image' %} + {% assign lqip = null %} + {% if post.image.lqip %} + {% capture lqip %}lqip="{{ post.image.lqip }}"{% endcapture %} + {% endif %} +
+ {{ alt }} +
+ {% assign card_body_col = '7' %} {% endif %} - -
- {{ alt }} +
+
+

{{ post.title }}

+
+

+ {% include no-linenos.html content=post.content %} + {{ post.content | markdownify | strip_html | truncate: 200 | escape }} +

+
+
+
+ + {% include datetime.html date=post.date lang=lang %} + {% if post.categories.size > 0 %} + + + {% for category in post.categories %} + {{ category }} + {%- unless forloop.last -%},{%- endunless -%} + {% endfor %} + + {% endif %} +
+ {% if post.pin %} +
+ + {{ site.data.locales[lang].post.pin_prompt }} +
+ {% endif %} +
+
+ +
+ + {% endfor %} + {% if study_posts.size > 4 %} + 더 보기 + {% endif %} +
- {% assign card_body_col = '7' %} - {% endif %} - -
-
-

{{ post.title }}

- -
-

- {% include no-linenos.html content=post.content %} - {{ content | markdownify | strip_html | truncate: 200 | escape }} -

+

Daily life and Interests

+
+ {% assign hobby_posts = posts | where_exp: "post", "post.categories contains 'hobbies' or post.tags contains 'hobbies'" %} + {% for post in hobby_posts limit:4 %} +
+ + {% assign card_body_col = '12' %} + {% if post.image %} + {% assign src = post.image.path | default: post.image %} + {% unless src contains '//' %} + {% assign src = post.img_path | append: '/' | append: src | replace: '//', '/' %} + {% endunless %} + {% assign alt = post.image.alt | xml_escape | default: 'Preview Image' %} + {% assign lqip = null %} + {% if post.image.lqip %} + {% capture lqip %}lqip="{{ post.image.lqip }}"{% endcapture %} + {% endif %} +
+ {{ alt }}
- -
-
- - - {% include datetime.html date=post.date lang=lang %} - - - {% if post.categories.size > 0 %} - - - {% for category in post.categories %} - {{ category }} - {%- unless forloop.last -%},{%- endunless -%} - {% endfor %} - - {% endif %} + {% assign card_body_col = '7' %} + {% endif %} +
+
+

{{ post.title }}

+
+

+ {% include no-linenos.html content=post.content %} + {{ post.content | markdownify | strip_html | truncate: 200 | escape }} +

- - {% if post.pin %} -
- - {{ site.data.locales[lang].post.pin_prompt }} +
+
+ + {% include datetime.html date=post.date lang=lang %} + {% if post.categories.size > 0 %} + + + {% for category in post.categories %} + {{ category }} + {%- unless forloop.last -%},{%- endunless -%} + {% endfor %} + + {% endif %}
- {% endif %} + {% if post.pin %} +
+ + {{ site.data.locales[lang].post.pin_prompt }} +
+ {% endif %} +
-
- -
- -
+ +
{% endfor %} + {% if hobby_posts.size > 4 %} + 더 보기 + {% endif %}
+ {% if paginator.total_pages > 1 %} {% include post-paginator.html %} {% endif %} diff --git a/_posts/2024-05-05-cpu_gpu_tensorflow_output.md b/_posts/2024-05-05-cpu_gpu_tensorflow_output.md index a98599fa4aa..96ba87d6302 100644 --- a/_posts/2024-05-05-cpu_gpu_tensorflow_output.md +++ b/_posts/2024-05-05-cpu_gpu_tensorflow_output.md @@ -2,7 +2,7 @@ title: CPU, GPU 환경에서 Tensorflow 모델의 출력 차이 author: cotes date: 2024-05-05 00:34:00 +0800 -categories: [버그 리포트, Tensorflow] +categories: [버그 리포트, Tensorflow,study] tags: [favicon] --- diff --git a/_posts/2024-05-11-OS_Thread_Synchronization1.md b/_posts/2024-05-11-OS_Thread_Synchronization1.md index 1d6cb846380..b8b5adedaab 100644 --- a/_posts/2024-05-11-OS_Thread_Synchronization1.md +++ b/_posts/2024-05-11-OS_Thread_Synchronization1.md @@ -2,7 +2,7 @@ title: 스레드 동기화1 author: BambooStreet date: 2024-05-11 00:34:00 +0800 -categories: [운영체제, 스레드 동기화] +categories: [운영체제, 스레드 동기화,study] tags: [favicon] --- diff --git a/_posts/2024-05-11-OS_Thread_Synchronization2.md b/_posts/2024-05-11-OS_Thread_Synchronization2.md index e916c2eb8b7..99f7c792286 100644 --- a/_posts/2024-05-11-OS_Thread_Synchronization2.md +++ b/_posts/2024-05-11-OS_Thread_Synchronization2.md @@ -2,7 +2,7 @@ title: 스레드 동기화2 author: BambooStreet date: 2024-05-11 00:34:00 +0800 -categories: [운영체제, 스레드 동기화] +categories: [운영체제, 스레드 동기화,study] tags: [favicon] --- diff --git a/_posts/2024-05-13-OS_Thread_Synchronization3.md b/_posts/2024-05-13-OS_Thread_Synchronization3.md index eebaeebce9b..bbcf06137e8 100644 --- a/_posts/2024-05-13-OS_Thread_Synchronization3.md +++ b/_posts/2024-05-13-OS_Thread_Synchronization3.md @@ -2,7 +2,7 @@ title: 스레드 동기화3 author: BambooStreet date: 2024-05-13 00:34:00 +0800 -categories: [운영체제, 스레드 동기화] +categories: [운영체제, 스레드 동기화,study] tags: [favicon] --- diff --git a/_posts/2024-05-22-axolotl.md b/_posts/2024-05-22-axolotl.md index 6fd0def6aa9..ff3acd03660 100644 --- a/_posts/2024-05-22-axolotl.md +++ b/_posts/2024-05-22-axolotl.md @@ -2,7 +2,7 @@ title: 깃허브 원격, 로컬 설정 author: BambooStreet date: 2024-05-22 00:34:00 +0800 -categories: [깃허브] +categories: [깃허브,study] tags: [favicon] --- diff --git a/_posts/2024-07-24-algorithm_BFS_DFS.md b/_posts/2024-07-24-algorithm_BFS_DFS.md index c90ed21620e..b16e8732a28 100644 --- a/_posts/2024-07-24-algorithm_BFS_DFS.md +++ b/_posts/2024-07-24-algorithm_BFS_DFS.md @@ -2,7 +2,7 @@ title: BFS(Breadth-First Search), DFS(Depth-First Search) author: BambooStreet date: 2024-07-23 15:18:00 +0800 -categories: [algorithm] +categories: [algorithm,study] tags: [algorithm, 알고리즘, BFS, DFS] --- diff --git a/_posts/2024-07-24-algorithm_adjancy_matrix.md b/_posts/2024-07-24-algorithm_adjancy_matrix.md index 13bc8a5a378..61740ff87c8 100644 --- a/_posts/2024-07-24-algorithm_adjancy_matrix.md +++ b/_posts/2024-07-24-algorithm_adjancy_matrix.md @@ -2,7 +2,7 @@ title: 인접 리스트(Adjacency List), 인접 행렬(Adjacency Matrix) author: BambooStreet date: 2024-07-23 00:1:20 +0800 -categories: [algorithm, Tutorial] +categories: [algorithm, study] tags: [알고리즘, algorithm] --- ## 인접 리스트(Adjacency List)란? diff --git a/_posts/2024-07-29-algorithm_ExhaustiveSearch_DP.md b/_posts/2024-07-29-algorithm_ExhaustiveSearch_DP.md index 3d58ae0aaed..23ecee1b8a4 100644 --- a/_posts/2024-07-29-algorithm_ExhaustiveSearch_DP.md +++ b/_posts/2024-07-29-algorithm_ExhaustiveSearch_DP.md @@ -2,8 +2,9 @@ title: 완전탐색 author: BambooStreet date: 2024-07-29 00:00:00 +0800 -categories: [algorithm] -tags: [algorithm, 알고리즘, 완전탐색] +categories: [algorithm,study] +tags: [algorithm, 알고리즘, 완전탐색,study] +image: assets\img\posts\20240804\testcat.jpg --- ## 완전탐색이란? diff --git a/_posts/2024-08-04-twillio.md b/_posts/2024-08-04-twillio.md new file mode 100644 index 00000000000..043fd48aea9 --- /dev/null +++ b/_posts/2024-08-04-twillio.md @@ -0,0 +1,10 @@ +--- +title: Twillio를 활용해 전화 서비스 만들기 +author: BambooStreet +date: 2024-08-04 00:00:00 +0800 +categories: [hobbies] +tags: [algorithm, 알고리즘, 완전탐색] +image: assets\img\posts\20240804\testcat.jpg +--- + +## dd diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss index 7ea1021bf78..0b7dd2fedd3 100644 --- a/_sass/addon/commons.scss +++ b/_sass/addon/commons.scss @@ -779,7 +779,7 @@ $btn-mb: 0.5rem; @extend %sidebar-link-hover; /* 색상 변경 */ - color: rgba(254, 254, 254, 0.99); + color: #d3e0ed; /* color: var(--site-title-color); */ } @@ -798,7 +798,7 @@ $btn-mb: 0.5rem; /* 색상 변경 */ /* color: var(--site-subtitle-color); */ - color: rgba(254, 254, 254, 0.99); + color: #b8c5d2; } /* 사이드바의 네비게이션 색상 크기 변경 */ @@ -820,7 +820,7 @@ $btn-mb: 0.5rem; font-weight: 600; /* 색상 변경 */ - color: rgba(254, 254, 254, 0.99); + color: #b8c5d2; &:hover { background-color: var(--sidebar-hover-bg); diff --git a/_sass/colors/typography-dark.scss b/_sass/colors/typography-dark.scss index d9b1df620e2..64e2cdf6cfe 100644 --- a/_sass/colors/typography-dark.scss +++ b/_sass/colors/typography-dark.scss @@ -9,11 +9,15 @@ --main-border-color: rgb(44, 45, 45); /* Common color */ - --text-color: rgb(175, 176, 177); - --text-muted-color: #868686; - --text-muted-hightlight-color: #aeaeae; - --heading-color: #cccccc; - --label-color: #a7a7a7; + //--text-color: rgb(175, 176, 177); + //--text-muted-color: #868686; + --text-color: #b8c5d2; + --text-muted-color: #b8c5d2; //포스트카드 내용 색상 변경 + //--text-muted-hightlight-color: #aeaeae; + --text-muted-hightlight-color: #b8c5d2; + //--heading-color: #cccccc; + --heading-color: #b8c5d2; //포스트카드 제목 색상 변경 + --label-color: #a7a7a7; --blockquote-border-color: rgb(66, 66, 66); --blockquote-text-color: #868686; --link-color: rgb(138, 180, 248); @@ -35,11 +39,11 @@ ); /* Sidebar */ - --site-title-color: #717070; - --site-subtitle-color: #868686; + --site-title-color: #96b9db; + --site-subtitle-color: #b8c5d2; --sidebar-bg: #1e1e1e; --sidebar-border-color: #292929; - --sidebar-muted-color: #868686; + --sidebar-muted-color: #b8c5d2; //사이드바 컬러 --sidebar-active-color: rgb(255, 255, 255, 0.95); --sidebar-hover-bg: #262626; --sidebar-btn-bg: #232328; @@ -54,8 +58,9 @@ --input-focus-border-color: rgb(112, 114, 115); /* Home page */ + --homepage-color: #b8c5d2; --post-list-text-color: rgb(175, 176, 177); - --btn-patinator-text-color: var(--text-color); + --btn-patinator-text-color: #b8c5d2; --btn-paginator-hover-color: #2e2e2e; /* Posts */ diff --git a/_sass/layout/home.scss b/_sass/layout/home.scss index 7f9fd2e8b01..83699e2d4d3 100644 --- a/_sass/layout/home.scss +++ b/_sass/layout/home.scss @@ -2,6 +2,18 @@ Style for Homepage */ +h2 { + margin-top: 2rem; + margin-bottom: 1rem; + color: var(--heading-color); +} + +.section-divider { + margin: 2rem 0; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + #post-list { margin-top: 2rem; @@ -11,13 +23,14 @@ } &:not(:last-child) { - margin-bottom: 1.25rem; + margin-bottom: 1.5rem; //카드 간 간격 } } .card { border: 0; background: none; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); // 그림자 추가로 카드 느낌 강화 %img-radius { border-radius: $base-radius $base-radius 0 0; @@ -25,9 +38,17 @@ .preview-img { @extend %img-radius; + display: flex; + justify-content: flex-end; // 내용을 오른쪽으로 정렬 + width: 100%; + //text-align: right; // 내용을 오른쪽으로 정렬 img { @extend %img-radius; + width: 200px; + height: 200px; // 이미지 높이 증가 + object-fit: cover; // 이미지 비율 유지 + //margin-left: auto; // 왼쪽 마진을 자동으로 설정하여 오른쪽으로 밀기 } } @@ -39,7 +60,8 @@ @extend %text-clip; color: var(--heading-color) !important; - font-size: 1.25rem; + font-size: 1.25rem; // 제목 크기 증가 + margin-bottom: 1rem; // 제목 아래 여백 추가 } %muted { @@ -134,6 +156,38 @@ border-radius: 0 $base-radius $base-radius 0; } + .section-divider { + margin: 2rem 0; + border: 0; + border-top: 1px solid rgba(149, 151, 160, 0.819); + } + + h2 { + margin-top: 1rem; + margin-bottom: 0.875rem; + } + + .category-title { + font-family: 'Nunito', sans-serif; + font-size: 1.5rem; + font-weight: 700; + color: #333; + text-transform: uppercase; + margin-bottom: 1rem; + border-bottom: 2px solid #333; + padding-bottom: 0.5rem; + } + + .category-title.study { + color: #b8c5d2; + border-color: #b8c5d2; + } + + .category-title.hobbies { + color: #b8c5d2; + border-color: #b8c5d2; + } + #post-list { .card { .card-body { @@ -187,3 +241,5 @@ } } /* .pagination */ } + + diff --git a/assets/css/jekyll-theme-chirpy.scss b/assets/css/jekyll-theme-chirpy.scss index 1280b9e650b..a619bfee9ba 100644 --- a/assets/css/jekyll-theme-chirpy.scss +++ b/assets/css/jekyll-theme-chirpy.scss @@ -4,3 +4,18 @@ @import 'main'; /* append your custom style below */ +.btn-outline-custom { + color: #b8c5d2; + border-color: #b8c5d2; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.btn-outline-custom:hover { + color: #b8c5d2; + background-color: #your-desired-color; + border-color: #your-desired-color; +} \ No newline at end of file diff --git a/assets/img/posts/20240804/testcat.jpg b/assets/img/posts/20240804/testcat.jpg new file mode 100644 index 00000000000..549817655a9 Binary files /dev/null and b/assets/img/posts/20240804/testcat.jpg differ diff --git "a/assets/img/sidebar/\354\235\270\354\203\201-\355\225\264\353\217\213\354\235\264.jpg" "b/assets/img/sidebar/\354\235\270\354\203\201-\355\225\264\353\217\213\354\235\264.jpg" index a3916f3b6c5..78e3af95ba7 100644 Binary files "a/assets/img/sidebar/\354\235\270\354\203\201-\355\225\264\353\217\213\354\235\264.jpg" and "b/assets/img/sidebar/\354\235\270\354\203\201-\355\225\264\353\217\213\354\235\264.jpg" differ