Skip to content

Commit c578027

Browse files
committed
feat: premium feature grid and content overhaul
1 parent b44a212 commit c578027

7 files changed

Lines changed: 195 additions & 45 deletions

File tree

content/advanced/_index.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,16 @@ sort_by = "weight"
55
template = "section.html"
66
+++
77

8-
# Advanced Topics
8+
# Tailored to Your Workflow
99

10-
Advanced configuration and usage of envcheck.
10+
Every project is unique. While `envcheck` comes with sensible defaults, it offers deep configuration options to match your team's specific needs.
11+
12+
## Customization Options
13+
14+
* **[.envcheckrc](/configuration/envcheckrc)**: Define global rules, excluded keys, and varying severity levels (Error, Warning, Info) in a simple TOML or YAML file.
15+
* **Ignore Files**: Use `.envcheckignore` (similar to `.gitignore`) to skip specific files or directories.
16+
* **Rule Toggling**: Enable or disable specific checks. Legacy project with lowercase keys? No problem—just disable `KeyFormat` check.
17+
18+
## Scalable Configuration
19+
20+
For large organizations, you can share configuration presets across multiple repositories, ensuring a consistent security posture across your entire engineering organization.

content/commands/_index.md

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,22 @@ sort_by = "weight"
55
template = "section.html"
66
+++
77

8-
# Commands Reference
8+
# Powerful Tools at Your Fingertips
99

10-
Complete reference for all envcheck commands.
10+
`envcheck` provides a suite of commands designed to handle every aspect of environment variable management, from local development to production validation.
11+
12+
## Core Commands
13+
14+
* **[Lint](/commands/lint)**: The workhorse. Scans your `.env` files for syntax errors, duplication, and best-practice violations.
15+
* **[Compare](/commands/compare)**: The team saver. Checks your `.env` against a reference (like `.env.example`) to ensure you haven't missed any new keys.
16+
* **[Fix](/commands/fix)**: The time saver. Automatically parses and corrects common formatting issues safely.
17+
* **[TUI](/commands/tui)**: The visualizer. An interactive terminal interface for exploring and comparing environment files.
18+
19+
## Philosophy
20+
21+
All commands follow the **Unix philosophy**: do one thing well. They are designed to be composable, with standardized exit codes and optional JSON output for machine parsing.
22+
23+
```bash
24+
# Example: Pipe findings to jq
25+
envcheck lint .env --json | jq '.errors[]'
26+
```

content/integration/_index.md

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,20 @@ sort_by = "weight"
55
template = "section.html"
66
+++
77

8-
# Integration Guide
8+
# Seamless Integration, Everywhere
99

10-
Learn how to integrate envcheck into your development workflow.
10+
Security isn't something you do once; it's a continuous process. `envcheck` is designed to "shift left"—catching configuration issues as early as possible in your development lifecycle.
11+
12+
## Workflow Integrations
13+
14+
1. **Local Development**: Use [pre-commit hooks](/integration/pre-commit) to prevent bad env files from ever being committed.
15+
2. **CI Pipelines**: Run `envcheck` in GitHub Actions, GitLab CI, or CircleCI to block broken builds.
16+
3. **Deployment**: Verify Kubernetes Secrets or Docker containers before they go live.
17+
18+
## The "Shift Left" Advantage
19+
20+
By integrating `envcheck` into your CI/CD pipeline, you gain:
21+
22+
* **Zero-Config Security**: Block commits that contain `AWS_SECRET_KEY` or other sensitive patterns.
23+
* **Production Parity**: Ensure that the keys defined in `env.production` match what your application expects code-wise.
24+
* **Audit Trail**: Generate [SARIF reports](/integration/output-formats) for GitHub Security tab integration.

content/introduction/_index.md

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,29 @@ sort_by = "weight"
55
template = "section.html"
66
+++
77

8-
# Introduction
8+
# The Standard for Modern Environment Management
99

10-
Welcome to envcheck! This section will help you get started with the tool.
10+
**envcheck** is a lightning-fast, safety-first CLI tool designed to bring sanity to your `.env` files. In modern cloud-native development, environment variables are the nervous system of your application. Broken configuration leads to downtime, security leaks, and wasted debugging hours.
11+
12+
We built `envcheck` to stop these issues before they start.
13+
14+
## Why envcheck?
15+
16+
* **🛡️ Safety First**: Prevents valid-looking but broken configurations from hitting production.
17+
* **⚡ Blazing Fast**: Written in Rust to run instantly in your pre-commit hooks and CI pipelines.
18+
* **🧠 Intelligent**: Understands popular framework patterns (Next.js, Django, Rails) and cloud providers.
19+
* **🤝 Collaborative**: Helps teams stay in sync by flagging missing keys in local environments.
20+
21+
## Quick Start
22+
23+
Get up and running in seconds:
24+
25+
```bash
26+
# Install via npm
27+
npx envcheck@latest init
28+
29+
# Or via cargo
30+
cargo install envcheck
31+
```
32+
33+
Ready to dive deeper? Check out the [Commands](/commands) reference or learn about [CI/CD Integration](/integration).

content/whats-new/_index.md

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,20 @@ sort_by = "weight"
55
template = "section.html"
66
+++
77

8-
# What's New
8+
# Changelog & Updates
99

10-
Release notes and changelog for envcheck.
10+
We are committed to **Semantic Versioning**. This means no breaking changes without a major version bump, so you can upgrade with confidence.
11+
12+
## Latest Updates
13+
14+
### v1.0.0 - The Initial Release
15+
* **Core**: First stable release of the Rust CLI.
16+
* **Feature**: Complete Lint, Fix, and Compare commands.
17+
* **Integration**: GitHub Actions support and SARIF output.
18+
* **Docs**: Launch of this documentation site!
19+
20+
### Roadmap
21+
We move fast. Check out our [GitHub Repository](https://github.com/envcheck/envcheck) to see what's coming next, or to request a feature. Current priorities include:
22+
- TUI Enhancements
23+
- VS Code Extension
24+
- Secret Scanner Integrations

static/custom.css

Lines changed: 74 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -414,43 +414,95 @@ a:hover {
414414
box-shadow: 4px 4px 0px #003b00;
415415
}
416416

417-
/* Features Grid */
418-
.features {
417+
/* Premium Features Grid */
418+
.features-grid {
419419
display: grid;
420-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
421-
gap: 1.5rem;
422-
margin: 2rem 0;
420+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
421+
gap: 2rem;
422+
margin: 4rem 0;
423423
}
424424

425-
.feature {
425+
.feature-card {
426426
background: var(--sidebar-bg);
427-
padding: 1.5rem;
428-
border-radius: 8px;
429-
text-align: center;
430-
transition: transform 0.2s, box-shadow 0.2s;
427+
padding: 2rem;
428+
border-radius: 12px;
431429
border: 1px solid var(--border-color);
430+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
431+
position: relative;
432+
overflow: hidden;
433+
/* Subtle light mode shadow */
434+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
432435
}
433436

434-
.feature:hover {
435-
transform: translateY(-4px);
436-
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
437+
.feature-card:hover {
438+
transform: translateY(-5px);
439+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
440+
border-color: var(--brand-color);
437441
}
438442

439-
.feature__icon {
440-
font-size: 2.5rem;
441-
display: block;
442-
margin-bottom: 0.5rem;
443+
/* Icon Styling */
444+
.icon-wrapper {
445+
width: 48px;
446+
height: 48px;
447+
background: rgba(247, 76, 0, 0.1);
448+
/* Brand tint */
449+
border-radius: 10px;
450+
display: flex;
451+
align-items: center;
452+
justify-content: center;
453+
margin-bottom: 1.5rem;
454+
color: var(--brand-color);
455+
transition: all 0.3s ease;
443456
}
444457

445-
.feature h3 {
446-
margin: 0.5rem 0;
447-
font-size: 1.1rem;
458+
.feature-card:hover .icon-wrapper {
459+
background: var(--brand-color);
460+
color: white;
461+
transform: scale(1.1) rotate(-3deg);
448462
}
449463

450-
.feature p {
464+
.feature-card h3 {
465+
margin: 0 0 0.5rem 0;
466+
font-size: 1.25rem;
467+
font-weight: 700;
468+
color: var(--text-color);
469+
}
470+
471+
.feature-card p {
451472
margin: 0;
452-
font-size: 0.9rem;
453473
color: var(--text-muted);
474+
line-height: 1.6;
475+
font-size: 0.95rem;
476+
}
477+
478+
/* Dark Mode Overrides for Cards */
479+
@media (prefers-color-scheme: dark) {
480+
.feature-card {
481+
background: #18181b;
482+
/* Zinc 900 */
483+
border-color: #27272a;
484+
/* Zinc 800 */
485+
box-shadow: none;
486+
/* No shadow in dark mode initially */
487+
}
488+
489+
.feature-card:hover {
490+
background: #27272a;
491+
/* Zinc 800 highlight */
492+
border-color: var(--brand-light);
493+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
494+
}
495+
496+
.icon-wrapper {
497+
background: rgba(255, 107, 44, 0.15);
498+
/* Slightly brighter tint */
499+
color: var(--brand-light);
500+
}
501+
502+
.feature-card:hover .icon-wrapper {
503+
background: var(--brand-light);
504+
color: #09090b;
505+
}
454506
}
455507

456508
/* Quick Install */

templates/section.html

Lines changed: 34 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -60,21 +60,42 @@ <h1 class="hero__title pixel-font">envcheck</h1>
6060

6161
{% if current_path == "/" %}
6262
{# Features Grid (Homepage only) #}
63-
<div class="features">
64-
<div class="feature">
65-
<span class="feature__icon">🔍</span>
66-
<h3>Lint</h3>
67-
<p>Detect duplicate keys, invalid syntax, empty values</p>
63+
<div class="features-grid">
64+
<div class="feature-card">
65+
<div class="icon-wrapper">
66+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
67+
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
68+
class="feather feather-zap">
69+
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
70+
</svg>
71+
</div>
72+
<h3>Lint & Fix</h3>
73+
<p>Instantly detect and auto-fix keys, syntax, and formatting issues.</p>
6874
</div>
69-
<div class="feature">
70-
<span class="feature__icon">🔄</span>
71-
<h3>Compare</h3>
72-
<p>Find missing keys across .env files</p>
75+
<div class="feature-card">
76+
<div class="icon-wrapper">
77+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
78+
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
79+
class="feather feather-git-pull-request">
80+
<circle cx="18" cy="18" r="3"></circle>
81+
<circle cx="6" cy="6" r="3"></circle>
82+
<path d="M13 6h3a2 2 0 0 1 2 2v7"></path>
83+
<line x1="6" y1="9" x2="6" y2="21"></line>
84+
</svg>
85+
</div>
86+
<h3>Compare & Sync</h3>
87+
<p>Ensure environment parity across teams and production stages.</p>
7388
</div>
74-
<div class="feature">
75-
<span class="feature__icon">☸️</span>
76-
<h3>K8s Sync</h3>
77-
<p>Verify Kubernetes Secrets match .env</p>
89+
<div class="feature-card">
90+
<div class="icon-wrapper">
91+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
92+
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
93+
class="feather feather-shield">
94+
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
95+
</svg>
96+
</div>
97+
<h3>DevSecOps</h3>
98+
<p>Shift left with Kubernetes secrets validation and CI/CD guards.</p>
7899
</div>
79100
</div>
80101
{% endif %}

0 commit comments

Comments
 (0)