css테마 변경

BambooStreet · Aug 4, 2024 · fed1a45 · fed1a45
1 parent 2fc66ff
commit fed1a45
Show file tree

Hide file tree

Showing 16 changed files with 227 additions and 83 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -40,79 +40,136 @@
   {% endfor %}
 {% endif %}
 
-<div id="post-list" class="flex-grow-1 px-xl-1">
-  {% for post in posts %}
-    <article class="card-wrapper card">
-      <a href="{{ post.url | relative_url }}" class="post-preview row g-0 flex-md-row-reverse">
-        {% 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 %}
+<h2 class="category-title study">Studies and Projects</h2>
+<div id="post-list" class="flex-grow-1 px-xl-1">
+  {% assign study_posts = posts | where_exp: "post", "post.categories contains 'study' or post.categories contains 'algorithm'" %}
+  {% for post in study_posts limit:4 %}    
+      <article class="card-wrapper card">
+        <a href="{{ post.url | relative_url }}" class="post-preview row g-0 flex-md-row-reverse">
+          {% 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 %}
+            <div class="col-md-5">
+              <img src="{{ src }}" alt="{{ alt }}" {{ lqip }}>
+            </div>
+            {% assign card_body_col = '7' %}
           {% endif %}
-
-          <div class="col-md-5">
-            <img src="{{ src }}" alt="{{ alt }}" {{ lqip }}>
+          <div class="col-md-{{ card_body_col }}">
+            <div class="card-body d-flex flex-column">
+              <h1 class="card-title my-2 mt-md-0">{{ post.title }}</h1>
+              <div class="card-text content mt-0 mb-3">
+                <p>
+                  {% include no-linenos.html content=post.content %}
+                  {{ post.content | markdownify | strip_html | truncate: 200 | escape }}
+                </p>
+              </div>
+              <div class="post-meta flex-grow-1 d-flex align-items-end">
+                <div class="me-auto">
+                  <i class="far fa-calendar fa-fw me-1"></i>
+                  {% include datetime.html date=post.date lang=lang %}
+                  {% if post.categories.size > 0 %}
+                    <i class="far fa-folder-open fa-fw me-1"></i>
+                    <span class="categories">
+                      {% for category in post.categories %}
+                        {{ category }}
+                        {%- unless forloop.last -%},{%- endunless -%}
+                      {% endfor %}
+                    </span>
+                  {% endif %}
+                </div>
+                {% if post.pin %}
+                  <div class="pin ms-1">
+                    <i class="fas fa-thumbtack fa-fw"></i>
+                    <span>{{ site.data.locales[lang].post.pin_prompt }}</span>
+                  </div>
+                {% endif %}
+              </div>
+            </div>
           </div>
+        </a>
+      </article>
+
+  {% endfor %}
+  {% if study_posts.size > 4 %}
+    <a href="{{ '/categories/hobbies' | relative_url }}" class="btn btn-outline-custom">더 보기</a>
+  {% endif %}
+</div>
 
-          {% assign card_body_col = '7' %}
-        {% endif %}
-
-        <div class="col-md-{{ card_body_col }}">
-          <div class="card-body d-flex flex-column">
-            <h1 class="card-title my-2 mt-md-0">{{ post.title }}</h1>
-
-            <div class="card-text content mt-0 mb-3">
-              <p>
-                {% include no-linenos.html content=post.content %}
-                {{ content | markdownify | strip_html | truncate: 200 | escape }}
-              </p>
+<h2 class = "category-title hobbies">Daily life and Interests</h2>
+<div id="post-list" class="flex-grow-1 px-xl-1">
+  {% assign hobby_posts = posts | where_exp: "post", "post.categories contains 'hobbies' or post.tags contains 'hobbies'" %}
+  {% for post in hobby_posts limit:4 %}
+      <article class="card-wrapper card">
+        <a href="{{ post.url | relative_url }}" class="post-preview row g-0 flex-md-row-reverse">
+          {% 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 %}
+            <div class="col-md-5">
+              <img src="{{ src }}" alt="{{ alt }}" {{ lqip }}>
             </div>
-
-            <div class="post-meta flex-grow-1 d-flex align-items-end">
-              <div class="me-auto">
-                <!-- posted date -->
-                <i class="far fa-calendar fa-fw me-1"></i>
-                {% include datetime.html date=post.date lang=lang %}
-
-                <!-- categories -->
-                {% if post.categories.size > 0 %}
-                  <i class="far fa-folder-open fa-fw me-1"></i>
-                  <span class="categories">
-                    {% for category in post.categories %}
-                      {{ category }}
-                      {%- unless forloop.last -%},{%- endunless -%}
-                    {% endfor %}
-                  </span>
-                {% endif %}
+            {% assign card_body_col = '7' %}
+          {% endif %}
+          <div class="col-md-{{ card_body_col }}">
+            <div class="card-body d-flex flex-column">
+              <h1 class="card-title my-2 mt-md-0">{{ post.title }}</h1>
+              <div class="card-text content mt-0 mb-3">
+                <p>
+                  {% include no-linenos.html content=post.content %}
+                  {{ post.content | markdownify | strip_html | truncate: 200 | escape }}
+                </p>
               </div>
-
-              {% if post.pin %}
-                <div class="pin ms-1">
-                  <i class="fas fa-thumbtack fa-fw"></i>
-                  <span>{{ site.data.locales[lang].post.pin_prompt }}</span>
+              <div class="post-meta flex-grow-1 d-flex align-items-end">
+                <div class="me-auto">
+                  <i class="far fa-calendar fa-fw me-1"></i>
+                  {% include datetime.html date=post.date lang=lang %}
+                  {% if post.categories.size > 0 %}
+                    <i class="far fa-folder-open fa-fw me-1"></i>
+                    <span class="categories">
+                      {% for category in post.categories %}
+                        {{ category }}
+                        {%- unless forloop.last -%},{%- endunless -%}
+                      {% endfor %}
+                    </span>
+                  {% endif %}
                 </div>
-              {% endif %}
+                {% if post.pin %}
+                  <div class="pin ms-1">
+                    <i class="fas fa-thumbtack fa-fw"></i>
+                    <span>{{ site.data.locales[lang].post.pin_prompt }}</span>
+                  </div>
+                {% endif %}
+              </div>
             </div>
-            <!-- .post-meta -->
           </div>
-          <!-- .card-body -->
-        </div>
-      </a>
-    </article>
+        </a>
+      </article>
   {% endfor %}
+  {% if hobby_posts.size > 4 %}
+    <a href="{{ '/categories/hobbies' | relative_url }}" class="btn btn-outline-custom">더 보기</a>
+  {% endif %}
 </div>
 <!-- #post-list -->
 
+
 {% 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 */