From ace3b9d470fbc1c8069b1ab22e654b16de1dc5e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=E5=B0=8F=E4=BA=8C?= <xxg1413@gmail.com>
Date: Wed, 9 Jul 2025 17:00:08 +0800
Subject: [PATCH] feat: move stats to header and remove download buttons

- Move statistics section from footer to header area
- Position stats below language toggle buttons
- Remove View on GitHub and download buttons from header
- Add elegant glass-morphism styling for header stats
- Improve mobile responsiveness for header stats
- Clean up footer layout
---
 _layouts/default.html | 27 +++++++++++---------------
 assets/css/custom.css | 44 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 55 insertions(+), 16 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 6a9d744..a6fb428 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -27,13 +27,16 @@
         <a href="{{ '/README_cn.html' | relative_url }}" class="btn-lang {% if page.url contains 'README_cn' %}active{% endif %}">🇨🇳 中文</a>
       </div>
       
-      {% if site.github.is_project_page %}
-        <a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a>
-      {% endif %}
-      {% if site.show_downloads %}
-        <a href="{{ site.github.zip_url }}" class="btn">Download .zip</a>
-        <a href="{{ site.github.tar_url }}" class="btn">Download .tar.gz</a>
-      {% endif %}
+      <!-- Header Stats -->
+      <div class="header-stats">
+        <p>📊 Last updated: {{ site.time | date: "%Y-%m-%d" }} | 
+           🔗 Total Resources: 100+ | 
+           ⭐ GitHub Stars: 
+           <a href="{{ site.github.repository_url }}/stargazers">
+             <img src="https://img.shields.io/github/stars/{{ site.github.repository_nwo }}?style=social" alt="GitHub stars">
+           </a>
+        </p>
+      </div>
     </header>
 
     <main id="content" class="main-content" role="main">
@@ -58,15 +61,7 @@
           Powered by <a href="https://pages.github.com">GitHub Pages</a> and 
           <a href="https://jekyllrb.com">Jekyll</a> with ❤️
         </span>
-        <div class="footer-stats">
-          <p>📊 Last updated: {{ site.time | date: "%Y-%m-%d" }} | 
-             🔗 Total Resources: 100+ | 
-             ⭐ GitHub Stars: 
-             <a href="{{ site.github.repository_url }}/stargazers">
-               <img src="https://img.shields.io/github/stars/{{ site.github.repository_nwo }}?style=social" alt="GitHub stars">
-             </a>
-          </p>
-        </div>
+
       </footer>
     </main>
 
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 8d12b48..47621f0 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -44,6 +44,40 @@ body {
   transform: none !important;
 }
 
+/* Header Stats */
+.header-stats {
+  margin-top: 1rem;
+  padding: 0.75rem 1rem;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 0.5rem;
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.header-stats p {
+  margin: 0;
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 0.9rem;
+  text-align: center;
+  font-weight: 300;
+}
+
+.header-stats a {
+  color: rgba(255, 255, 255, 0.95);
+  text-decoration: none;
+  transition: all 0.2s ease;
+}
+
+.header-stats a:hover {
+  color: white;
+  text-decoration: none;
+}
+
+.header-stats img {
+  vertical-align: middle;
+  margin-left: 0.25rem;
+}
+
 /* Enhanced Header */
 .page-header {
   background: linear-gradient(135deg, #157878 0%, #2c3e50 100%);
@@ -326,6 +360,16 @@ body {
     max-width: 200px;
   }
   
+  .header-stats {
+    margin: 1rem 0;
+    padding: 0.5rem;
+  }
+  
+  .header-stats p {
+    font-size: 0.8rem;
+    line-height: 1.4;
+  }
+  
   .toc {
     margin: 1rem 0;
     padding: 1rem;