메인 페이지 및 블로그 메뉴 개선

- 메인 페이지 내 최근 블로그 게시물 표시 기능 구현
- 메인 페이지 내 커뮤니티 참여 유도 섹션 추가
- 블로그 레이아웃 및 스타일 개선
- Bootstrap 및 jQuery 버전 업데이트

Author: 9bow

.gitignore

@@ -8,10 +8,13 @@
 .bundle
 .sass_cache
 yarn.lock
+/_coc/
 /_site/
 /.idea/
 /.jekyll-metadata
 /.vscode/
 /.netlify/
 /assets/hub
 *.old
+.jekyll-cache
+.playwright-mcp

_hub

@@ -14,7 +14,7 @@ <h2>한국어 튜토리얼</h2>
       </div>
 
       <div class="col-md-4 text-center">
-        <h2>커뮤니티</h2>
+        <h2>한국어 커뮤니티</h2>
         <p>다른 사용자들과 의견을 나누고, 도와주세요!</p>
         <a class="with-right-arrow" href="{{ site.external_urls.site_community }}">커뮤니티로 이동</a>
       </div>

_includes/footer.html

@@ -4,7 +4,7 @@
       <a href="{{ site.baseurl }}/get-started">시작하기</a>
     </li>
 
-    <li class="main-menu-item">
+    <li class="main-menu-item {% if current[1] == 'blog' %}active{% endif %}">
       <a href="{{ site.baseurl }}/blog">블로그</a>
     </li>
 

_includes/main_menu.html

@@ -17,7 +17,7 @@
           <a href="{{ site.baseurl }}/get-started">시작하기</a>
         </li>
 
-        <li class="main-menu-item">
+        <li class="main-menu-item {% if current[1] == 'blog' %}active{% endif %}">
           <a href="{{ site.baseurl }}/blog">블로그</a>
         </li>
 

_includes/mobile_menu.html

@@ -15,17 +15,9 @@
 
   <div class="jumbotron jumbotron-fluid">
     <div class="container">
-      {% for post in posts limit:1 %}
-      <p class="featured-post">추천 게시물</p>
-      <h1 class="blog-index-title">
-        <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
-      </h1>
-      <p class="featured-blog-preview">{{ post.excerpt | strip_html | escape | truncate: 150 }}</p>
-
-      <a href="{{ site.baseurl }}{{ post.url }}" class="btn btn-lg with-right-arrow">
-        더 읽기
-      </a>
-      {% endfor %}
+      <h1>블로그</h1>
+      <p class="lead">파이토치 한국 사용자 모임에서 공유하는 최신 기술 동향, 튜토리얼, 연구 성과 및 커뮤니티 소식을 만나보세요.
+      </p>
     </div>
   </div>
 
@@ -35,9 +27,6 @@ <h1 class="blog-index-title">
         <div class="row blog-vertical">
 
           {% for post in posts %}
-            {% if forloop.first %}
-              {% continue %}
-            {% endif %}
             <div class="vertical-blog-container">
               <div class="col-md-4">
                 <p class="blog-date">{{ post.date | date: '%B %d, %Y' }}</p>
@@ -48,8 +37,8 @@ <h4>
                 <p>{{ post.excerpt | strip_html | strip | truncate: 250 | escape }}</p>
                 <!-- <img src="{{ post.image }}" class="img-fluid"> -->
               </div>
-              <a href="{{ site.baseurl }}{{ post.url }}" class="btn btn-lg with-right-arrow">
-                더 읽기
+              <a href="{{ site.baseurl }}{{ post.url }}" class="btn">
+                더 읽어보기 →
               </a>
             </div>
           {% endfor %}

_layouts/blog.html

@@ -5,7 +5,17 @@
     {% include tag_manager_script.html %}
     {% include header.html %}
 
-    <div class="main-background {{ page.background-class }}"></div>
+    <div class="main-background {{ page.background-class }}">
+      {% if page.background-class == 'home-page-background' %}
+      <div class="wave-divider">
+        <svg viewBox="0 0 1200 120" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M0,50L60,45C120,40 240,30 360,35C480,40 600,60 720,70C840,80 960,80 1080,75C1140,72.5 1170,67.5 1185,65L1200,62.5L1200,200L0,200Z" fill="#ffffff" fill-opacity="0.3"></path>
+          <path d="M0,20L80,25C160,30 320,40 480,50C640,60 800,70 960,65C1040,62.5 1120,52.5 1160,47.5L1200,42.5L1200,200L0,200Z" fill="#ffffff" fill-opacity="0.5"></path>
+          <path d="M0,90L50,88C100,86 200,82 300,85C400,88 500,95 600,92C700,89 800,77 900,82C1000,87 1100,93 1150,96L1200,100L1200,200L0,200Z" fill="#ffffff" fill-opacity="1"></path>
+        </svg>
+      </div>
+      {% endif %}
+    </div>
 
     {{ content }}
 

_layouts/default.html

@@ -656,3 +656,28 @@ body.general .main-content-wrapper {
     margin-top: 100px;
   }
 }
+
+
+
+.wave-divider {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 80px;
+  z-index: 10;
+  overflow: hidden;
+
+  @include desktop {
+    height: 120px;
+  }
+
+  svg {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transform: translateY(1px);
+  }
+}