Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 37 additions & 0 deletions .github/workflows/deploy-pages.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
name: Deploy GitHub Pages

on:
push:
branches: [main]
paths:
- site/**
- .github/workflows/deploy-pages.yml
workflow_dispatch:

permissions:
contents: read
pages: write
id-token: write

concurrency:
group: pages
cancel-in-progress: false

jobs:
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
steps:
- name: Check out repository
uses: actions/checkout@v4
- name: Configure Pages
uses: actions/configure-pages@v5
- name: Upload site artifact
uses: actions/upload-pages-artifact@v3
with:
path: site
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
1 change: 1 addition & 0 deletions site/.nojekyll
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

101 changes: 101 additions & 0 deletions site/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Grinta is a local-first autonomous coding agent that plans, executes, validates, and finishes long-running software tasks.">
<meta name="theme-color" content="#121318">
<meta property="og:title" content="Grinta — local-first autonomous coding agent">
<meta property="og:description" content="A durable, provider-agnostic coding agent built to finish long, failure-prone software tasks.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://josephsenior.github.io/Grinta-Coding-Agent/">
<meta name="twitter:card" content="summary">
<title>Grinta — local-first autonomous coding agent</title>
<style>
:root { color-scheme: dark; --bg: #121318; --surface: #1a1c20; --line: #2c3038; --text: #f6f7f9; --muted: #aeb5c0; --accent: #e23b58; --accent-soft: #ffb8c4; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 80% -10%, #48202b 0, transparent 31rem), var(--bg); color: var(--text); font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.wrap { width: min(1120px, calc(100% - 40px)); margin: auto; }
nav { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; text-decoration: none; letter-spacing: .04em; }
.mark { width: 34px; height: 34px; border-radius: 9px; background: #cc1836; display: grid; place-items: center; font-weight: 900; }
.nav-link { color: var(--muted); text-decoration: none; font-size: .94rem; }
.hero { padding: 72px 0 64px; max-width: 850px; }
.eyebrow { color: var(--accent-soft); font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: clamp(2.7rem, 7vw, 5.7rem); letter-spacing: -.06em; line-height: .96; margin: 17px 0 24px; }
.lede { color: var(--muted); max-width: 690px; font-size: clamp(1.1rem, 2vw, 1.3rem); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button { background: var(--accent); border: 1px solid var(--accent); border-radius: 8px; color: white; font-weight: 750; padding: 11px 16px; text-decoration: none; }
.button.secondary { background: transparent; border-color: var(--line); color: var(--text); }
.evidence { border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--surface) 87%, transparent); margin: 0 0 72px; padding: 26px; }

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

suggestion: Consider a fallback for browsers that don't support color-mix().

Older browsers that don’t support color-mix() will ignore this rule. Add a plain background: var(--surface); before the color-mix() declaration so they get a reasonable background while newer browsers use the enhanced style.

Suggested change
.evidence { border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--surface) 87%, transparent); margin: 0 0 72px; padding: 26px; }
.evidence { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); background: color-mix(in srgb, var(--surface) 87%, transparent); margin: 0 0 72px; padding: 26px; }

.evidence strong { color: var(--accent-soft); }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.stat { border-left: 2px solid var(--accent); padding-left: 14px; }
.stat b { display: block; font-size: 1.35rem; }
.stat span { color: var(--muted); font-size: .9rem; }
section { padding: 48px 0; border-top: 1px solid var(--line); }
h2 { font-size: clamp(1.75rem, 4vw, 2.6rem); letter-spacing: -.04em; margin: 0 0 10px; }
.intro { color: var(--muted); max-width: 690px; margin: 0 0 26px; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 20px; }
.card h3 { margin: 0 0 7px; font-size: 1rem; }
.card p { color: var(--muted); margin: 0; font-size: .94rem; }
.terminal { background: #090a0d; border: 1px solid var(--line); border-radius: 12px; padding: 22px; overflow-x: auto; color: #d8dee9; font: .92rem/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.prompt { color: var(--accent-soft); }
footer { color: var(--muted); display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; padding: 34px 0; font-size: .9rem; }
@media (max-width: 700px) { .stats, .grid { grid-template-columns: 1fr; } .hero { padding-top: 42px; } }
</style>
</head>
<body>
<main class="wrap">
<nav>
<a class="brand" href="https://github.com/josephsenior/Grinta-Coding-Agent"><span class="mark">G</span> GRINTA</a>
<a class="nav-link" href="https://github.com/josephsenior/Grinta-Coding-Agent">View on GitHub ↗</a>
</nav>

<header class="hero">
<div class="eyebrow">Local-first autonomous coding</div>
<h1>Built to finish the task.</h1>
<p class="lede">Grinta plans, edits, runs commands, debugs failures, validates the result, and keeps going—while its control plane, session history, and checkpoints stay local.</p>
<div class="actions">
<a class="button" href="https://github.com/josephsenior/Grinta-Coding-Agent#install">Install Grinta</a>
<a class="button secondary" href="https://github.com/josephsenior/Grinta-Coding-Agent/releases/download/v1.0.0/grinta_raft.mp4">Watch the demo</a>
</div>
</header>

<aside class="evidence">
<strong>Evidence, not a benchmark claim.</strong>
<div class="stats">
<div class="stat"><b>4h 33m</b><span>autonomous execution</span></div>
<div class="stat"><b>16,393</b><span>recorded events</span></div>
<div class="stat"><b>373</b><span>tool outcomes observed</span></div>
</div>
<p><a href="https://github.com/josephsenior/Grinta-Coding-Agent/blob/main/docs/evidence/2026-07-09-autonomous-run-report.md">Read the sanitized execution report →</a></p>
</aside>

<section>
<h2>Autonomy you can inspect.</h2>
<p class="intro">Grinta favors durable state, explicit validation, and recovery over a polished “done” message that hides a broken result.</p>
<div class="grid">
<article class="card"><h3>Local control plane</h3><p>Session history, execution state, checkpoints, and audit trails remain on your machine.</p></article>
<article class="card"><h3>Provider freedom</h3><p>Works with hosted providers and local models through OpenAI, Anthropic, Google, OpenRouter, Ollama, and LM Studio.</p></article>
<article class="card"><h3>Recovery-oriented</h3><p>Designed to recover from provider failures, malformed tool calls, timeouts, and context pressure.</p></article>
</div>
</section>

<section>
<h2>Start locally.</h2>
<p class="intro">Install from PyPI, then choose Chat, Plan, or Agent mode in the terminal UI.</p>
<pre class="terminal"><span class="prompt">$</span> pipx install grinta
<span class="prompt">$</span> grinta</pre>
<div class="actions"><a class="button secondary" href="https://github.com/josephsenior/Grinta-Coding-Agent/blob/main/docs/QUICK_START.md">Read the Quick Start</a><a class="button secondary" href="https://github.com/josephsenior/Grinta-Coding-Agent/blob/main/SHOWCASE.md">Explore case studies</a></div>
</section>

<footer>
<span>Grinta is open source under the MIT License.</span>
<a href="https://github.com/josephsenior/Grinta-Coding-Agent">GitHub</a>
</footer>
</main>
</body>
</html>
Loading