zenlm/zen
1
0
Fork 0
mirror of https://github.com/zenlm/zen.git synced 2026-07-27 06:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update header layout and parameter range

Browse Source 
- Link Zen LM logo to home page across all pages
- Move GitHub/HuggingFace icons to far right of header
- Use HuggingFace PNG logo instead of SVG
- Update parameter range from 0.6B-32B to 0.6B-1T+
- Improve header layout with icons on the right
- Ensure consistent navigation across all pages
This commit is contained in:
Hanzo Dev
2025-10-23 19:05:24 -07:00
parent 8e933fe88d
commit 8c2ea00afe
5 changed files with 98 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/style.css
+22 -2
View File
@@ -72,6 +72,13 @@ header {
gap: 1rem;
}
.logo a {
display: flex;
align-items: center;
gap: 1rem;
text-decoration: none;
}
.logo-img {
width: 50px;
height: 50px;
@@ -87,10 +94,16 @@ header {
margin-bottom: 0.25rem;
}
.header-right {
display: flex;
align-items: center;
gap: 2rem;
}
.logo-links {
display: flex;
gap: 0.75rem;
margin-left: 0.5rem;
gap: 1rem;
align-items: center;
}
.icon-link {
@@ -98,11 +111,18 @@ header {
transition: all 0.3s ease;
display: flex;
align-items: center;
opacity: 0.8;
}
.icon-link:hover {
color: var(--primary);
transform: translateY(-2px);
opacity: 1;
}
.icon-link img {
width: 28px;
height: 28px;
}
.tagline {
docs/assets/hf-logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

docs/index.html
+14 -12
View File
@@ -14,9 +14,18 @@
<nav class="navbar">
<div class="container">
<div class="logo">
<img src="assets/logo.png" alt="Zen LM" class="logo-img">
<div class="logo-text">
<h1>Zen LM</h1>
<a href="index.html">
<img src="assets/logo.png" alt="Zen LM" class="logo-img">
<div class="logo-text">
<h1>Zen LM</h1>
</div>
</a>
</div>
<div class="header-right">
<div class="nav-links">
<a href="index.html" class="active">Home</a>
<a href="models.html">Models</a>
<a href="research.html">Research</a>
</div>
<div class="logo-links">
<a href="https://github.com/zenlm" target="_blank" class="icon-link" title="GitHub">
@@ -25,17 +34,10 @@
</svg>
</a>
<a href="https://huggingface.co/zenlm" target="_blank" class="icon-link" title="HuggingFace">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm7.5 12c0 .9-.2 1.7-.5 2.4-.6 1.5-1.8 2.7-3.3 3.3-.7.3-1.5.5-2.4.5H8.7c-.9 0-1.7-.2-2.4-.5-1.5-.6-2.7-1.8-3.3-3.3-.3-.7-.5-1.5-.5-2.4s.2-1.7.5-2.4c.6-1.5 1.8-2.7 3.3-3.3.7-.3 1.5-.5 2.4-.5h4.6c.9 0 1.7.2 2.4.5 1.5.6 2.7 1.8 3.3 3.3.3.7.5 1.5.5 2.4zm-3.3-4.8c-.3-.5-.7-.9-1.2-1.2-.5-.3-1-.4-1.6-.4h-1.2c-.6 0-1.1.1-1.6.4-.5.3-.9.7-1.2 1.2-.3.5-.4 1-.4 1.6s.1 1.1.4 1.6c.3.5.7.9 1.2 1.2.5.3 1 .4 1.6.4h1.2c.6 0 1.1-.1 1.6-.4.5-.3.9-.7 1.2-1.2.3-.5.4-1 .4-1.6s-.1-1.1-.4-1.6z"/>
</svg>
<img src="assets/hf-logo.png" alt="HuggingFace">
</a>
</div>
</div>
<div class="nav-links">
<a href="index.html" class="active">Home</a>
<a href="models.html">Models</a>
<a href="research.html">Research</a>
</div>
</div>
</nav>
</header>
@@ -91,7 +93,7 @@
<div class="arch-card">
<div class="arch-icon">🧠</div>
<h3>Core Language Models</h3>
<p>6 models from 0.6B to 32B parameters for edge to cloud deployment. Optimized for real-time instruction following and reasoning in XR environments.</p>
<p>6 models from 0.6B to 1T+ parameters for edge to cloud deployment. Optimized for real-time instruction following and reasoning in XR environments.</p>
</div>
<div class="arch-card">
<div class="arch-icon">👁️</div>
docs/models.html
+14 -12
View File
@@ -13,9 +13,18 @@
<nav class="navbar">
<div class="container">
<div class="logo">
<img src="assets/logo.png" alt="Zen LM" class="logo-img">
<div class="logo-text">
<h1>Zen LM</h1>
<a href="index.html">
<img src="assets/logo.png" alt="Zen LM" class="logo-img">
<div class="logo-text">
<h1>Zen LM</h1>
</div>
</a>
</div>
<div class="header-right">
<div class="nav-links">
<a href="index.html">Home</a>
<a href="models.html" class="active">Models</a>
<a href="research.html">Research</a>
</div>
<div class="logo-links">
<a href="https://github.com/zenlm" target="_blank" class="icon-link" title="GitHub">
@@ -24,17 +33,10 @@
</svg>
</a>
<a href="https://huggingface.co/zenlm" target="_blank" class="icon-link" title="HuggingFace">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm7.5 12c0 .9-.2 1.7-.5 2.4-.6 1.5-1.8 2.7-3.3 3.3-.7.3-1.5.5-2.4.5H8.7c-.9 0-1.7-.2-2.4-.5-1.5-.6-2.7-1.8-3.3-3.3-.3-.7-.5-1.5-.5-2.4s.2-1.7.5-2.4c.6-1.5 1.8-2.7 3.3-3.3.7-.3 1.5-.5 2.4-.5h4.6c.9 0 1.7.2 2.4.5 1.5.6 2.7 1.8 3.3 3.3.3.7.5 1.5.5 2.4zm-3.3-4.8c-.3-.5-.7-.9-1.2-1.2-.5-.3-1-.4-1.6-.4h-1.2c-.6 0-1.1.1-1.6.4-.5.3-.9.7-1.2 1.2-.3.5-.4 1-.4 1.6s.1 1.1.4 1.6c.3.5.7.9 1.2 1.2.5.3 1 .4 1.6.4h1.2c.6 0 1.1-.1 1.6-.4.5-.3.9-.7 1.2-1.2.3-.5.4-1 .4-1.6s-.1-1.1-.4-1.6z"/>
</svg>
<img src="assets/hf-logo.png" alt="HuggingFace">
</a>
</div>
</div>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="models.html" class="active">Models</a>
<a href="research.html">Research</a>
</div>
</div>
</nav>
</header>
@@ -45,7 +47,7 @@
<h2 class="hero-title">Zen Model Family</h2>
<p class="hero-subtitle">24+ models spanning language, vision, audio, video, 3D, and specialized tasks</p>
<p class="hero-description">
Complete model collection from 0.6B to 32B parameters. From efficient edge deployment to powerful
Complete model collection from 0.6B to 1T+ parameters. From efficient edge deployment to powerful
cloud inference, each model is optimized for specific use cases while maintaining the same high
standards of performance, transparency, and open-source accessibility.
</p>
docs/research.html
+48 -5
View File
@@ -59,6 +59,12 @@
text-decoration: none;
}
.nav-right {
display: flex;
align-items: center;
gap: 2rem;
}
.nav-links {
display: flex;
gap: 2rem;
@@ -76,6 +82,31 @@
color: var(--primary);
}
.icon-links {
display: flex;
gap: 1rem;
align-items: center;
}
.icon-link {
color: var(--text-secondary);
transition: all 0.3s ease;
opacity: 0.8;
display: flex;
align-items: center;
}
.icon-link:hover {
color: var(--primary);
transform: translateY(-2px);
opacity: 1;
}
.icon-link img {
width: 28px;
height: 28px;
}
/* Hero Section */
.hero {
padding: 5rem 2rem;
@@ -306,11 +337,23 @@
<nav>
<div class="nav-container">
<a href="index.html" class="logo">Zen LM</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="models.html">Models</a></li>
<li><a href="research.html" class="active">Research</a></li>
</ul>
<div class="nav-right">
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="models.html">Models</a></li>
<li><a href="research.html" class="active">Research</a></li>
</ul>
<div class="icon-links">
<a href="https://github.com/zenlm" target="_blank" class="icon-link" title="GitHub">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
</a>
<a href="https://huggingface.co/zenlm" target="_blank" class="icon-link" title="HuggingFace">
<img src="assets/hf-logo.png" alt="HuggingFace">
</a>
</div>
</div>
</div>
</nav>