You've already forked zblade.dev
style(ui): clean up site styling and section labels
- Soften global glow shadows to standard dark shadows - Hide scanline background effect - Format documentation and page section labels to be cleaner and more readable
This commit is contained in:
@@ -12,11 +12,10 @@ const version = pkg.version ?? "";
|
||||
<div class="hero-bg-elements">
|
||||
<div class="hero-block hero-block-1"></div>
|
||||
<div class="hero-block hero-block-2"></div>
|
||||
<div class="scanline"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<div class="hero-label">// NOT_ANOTHER_AI_SIDEBAR</div>
|
||||
<div class="hero-label">LOCAL-FIRST AI CODE EDITOR</div>
|
||||
<h1 class="hero-title">
|
||||
<span class="title-line-1">YOUR CODE STAYS YOURS.</span>
|
||||
<span class="title-line-2">CLOUD WHEN YOU WANT IT.</span>
|
||||
@@ -59,7 +58,7 @@ const version = pkg.version ?? "";
|
||||
<section id="philosophy" class="features" style="padding-top: var(--space-3xl);">
|
||||
<div class="features-header">
|
||||
<div class="container">
|
||||
<div class="section-label">[001] WHY_ZBLADE</div>
|
||||
<div class="section-label">01 // Why Blade</div>
|
||||
<h2 class="section-title">Why Another Editor<br/>Exists</h2>
|
||||
</div>
|
||||
</div>
|
||||
@@ -131,7 +130,7 @@ const version = pkg.version ?? "";
|
||||
<section id="workflow" class="features">
|
||||
<div class="features-header">
|
||||
<div class="container">
|
||||
<div class="section-label">[002] WORKFLOW</div>
|
||||
<div class="section-label">02 // Workflow</div>
|
||||
<h2 class="section-title">What It's Actually<br/>Good At</h2>
|
||||
</div>
|
||||
</div>
|
||||
@@ -175,7 +174,7 @@ const version = pkg.version ?? "";
|
||||
<!-- How It Works Section -->
|
||||
<section class="architecture-section">
|
||||
<div class="container">
|
||||
<div class="section-label">[003] ARCHITECTURE</div>
|
||||
<div class="section-label">03 // Architecture</div>
|
||||
<div class="arch-grid">
|
||||
<div class="arch-node">
|
||||
<div class="node-header">
|
||||
@@ -213,7 +212,7 @@ const version = pkg.version ?? "";
|
||||
<section class="pricing">
|
||||
<div class="pricing-container">
|
||||
<div class="pricing-block">
|
||||
<div class="section-label">[004] SUBSCRIPTION_MODEL</div>
|
||||
<div class="section-label">04 // Subscription Model</div>
|
||||
<h2 class="pricing-title">ZAGUÁN AI<br/>REQUIRED</h2>
|
||||
<div class="pricing-grid">
|
||||
<div class="pricing-item">
|
||||
@@ -233,7 +232,7 @@ const version = pkg.version ?? "";
|
||||
<span>Funding development</span>
|
||||
</div>
|
||||
<a href="https://zaguanai.com/pricing" class="pricing-action" target="_blank" rel="noopener">
|
||||
<span>VIEW_PRICING()</span>
|
||||
<span>View Pricing & Plans</span>
|
||||
<span class="action-arrow">→</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -244,7 +243,7 @@ const version = pkg.version ?? "";
|
||||
<section id="download" class="download">
|
||||
<div class="download-layout">
|
||||
<div class="download-header">
|
||||
<div class="section-label">[005] DOWNLOAD_ZBLADE</div>
|
||||
<div class="section-label">05 // Download Blade</div>
|
||||
<h2 class="download-title">Get Blade<br/>for Your OS</h2>
|
||||
</div>
|
||||
<div class="download-grid">
|
||||
|
||||
Reference in New Issue
Block a user