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

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

Author: 9bow

.playwright-mcp/blog-posts-section.png

@@ -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>

.playwright-mcp/current-spacing-check.png

@@ -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>
 

.playwright-mcp/final-result.png

@@ -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>
 

.playwright-mcp/final-spacing-check.png

@@ -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 %}