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
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user