{% extends "base.html" %}

{% block title %}tacos · build system infrastructure for Rust{% endblock title %}
{% block body_class %}home{% endblock body_class %}

{% block body %}
<div class="hero">
    <div class="hero-content">
        <div class="hero-logo">
            <svg viewBox="0 0 32 32" width="80" height="80">
                <path d="M4 20 Q16 8 28 20 Q16 28 4 20" fill="#E6A23C"/>
                <path d="M5 20 Q16 10 27 20 Q16 26 5 20" fill="#F5DEB3"/>
                <ellipse cx="16" cy="17" rx="9" ry="3" fill="#67C23A"/>
                <ellipse cx="16" cy="15" rx="7" ry="2.5" fill="#8B4513"/>
                <circle cx="12" cy="14" r="1.5" fill="#E53935"/>
                <circle cx="16" cy="13" r="1.5" fill="#E53935"/>
                <circle cx="20" cy="14" r="1.5" fill="#E53935"/>
                <path d="M10 16 Q11 14 13 16" stroke="#FFD93D" stroke-width="1" fill="none"/>
                <path d="M15 15 Q16 13 18 15" stroke="#FFD93D" stroke-width="1" fill="none"/>
                <path d="M19 16 Q20 14 22 16" stroke="#FFD93D" stroke-width="1" fill="none"/>
            </svg>
        </div>
        <h1 class="hero-title">tacos</h1>
        <p class="hero-tagline">build system infrastructure</p>
        <p class="hero-sub">The glue between the file system and <a href="https://picante.bearcove.net">picante</a>'s incremental query engine.<br>Watch files, hash content, store artifacts.</p>
        <div class="hero-actions">
            <a href="/guide/" class="btn btn-primary">Get Started</a>
            <a href="https://docs.rs/tacos" class="btn btn-secondary">API Docs</a>
            <a href="https://github.com/bearcove/tacos" class="btn btn-ghost">GitHub</a>
        </div>
    </div>
</div>

<section class="features">
    <div class="stack-diagram">
        <div class="stack-layer stack-layer-app">your build system</div>
        <div class="stack-arrow">↑ domain-specific queries</div>
        <div class="stack-layer stack-layer-tacos">tacos</div>
        <div class="stack-arrow">↑ file watching, CAS, hashing</div>
        <div class="stack-layer stack-layer-picante">picante</div>
        <div class="stack-arrow">↑ incremental computation</div>
    </div>

    <div class="features-grid">
        <div class="feature">
            <div class="feature-icon">👀</div>
            <h3>File Watching</h3>
            <p>Efficient, debounced file system notifications via <code>notify</code>. Automatic new directory watching, temp file filtering.</p>
        </div>
        <div class="feature">
            <div class="feature-icon">📦</div>
            <h3>Content-Addressed Storage</h3>
            <p>Store build artifacts by their content hash. Version-gated cache invalidation. Sharded directory structure for filesystem efficiency.</p>
        </div>
        <div class="feature">
            <div class="feature-icon">⚡</div>
            <h3>Fast Hashing</h3>
            <p>RapidHash for speed, not cryptographic strength. Perfect for cache busting and change detection.</p>
        </div>
        <div class="feature">
            <div class="feature-icon">🔧</div>
            <h3>Write-If-Changed</h3>
            <p>Track output file hashes to avoid unnecessary disk writes. Only touch files that actually changed.</p>
        </div>
        <div class="feature">
            <div class="feature-icon">🌮</div>
            <h3>Pairs With Picante</h3>
            <p>tacos + <a href="https://picante.bearcove.net">picante</a> = everything you need for an incremental build system.</p>
        </div>
        <div class="feature">
            <div class="feature-icon">🎯</div>
            <h3>Battle-Tested</h3>
            <p>Extracted from <a href="https://github.com/bearcove/dodeca">dodeca</a>, a real incremental static site generator.</p>
        </div>
    </div>
</section>

<section class="quickstart">
    <div class="quickstart-inner">
        <h2>Quick Start</h2>
        <article>
            {{ section.content | safe }}
        </article>
    </div>
</section>

<section class="cta">
    <div class="cta-inner">
        <h2>Ready to build something incremental?</h2>
        <p>See how the pieces fit together.</p>
        <div class="cta-actions">
            <a href="/guide/vision/" class="btn btn-primary">The Vision</a>
            <a href="https://picante.bearcove.net" class="btn btn-secondary">Learn Picante</a>
        </div>
    </div>
</section>
{% endblock body %}