home.html

{{ define "main" }}
<section class="hero">
  <div class="container">
    {{- $larkColor := resources.Get "images/lark-color.svg" | fingerprint -}}
    {{- $logoColor := resources.Get "images/logo-color.svg" | fingerprint -}}
    <div class="hero-lockup">
      <img src="{{ $larkColor.RelPermalink }}" alt="Larky the CalcMark Lark" class="hero-lark">
      <img src="{{ $logoColor.RelPermalink }}" alt="cm" class="hero-cm">
    </div>
    <h1 class="hero-headline">It&rsquo;s just Markdown.<br>Until it starts calculating.</h1>
    <p class="hero-sub">Write your document in plain Markdown. CalcMark understands variables, converts units and currencies, then shows results &mdash; all while you type.</p>
    <div class="hero-install">
      <pre class="install-cmd"><code>brew install calcmark/tap/calcmark</code></pre>
      <div class="hero-actions">
        <a href="{{ site.Params.larkURL }}" class="btn btn-primary btn-lark"><img src="{{ $larkColor.RelPermalink }}" alt="" class="btn-lark-icon" aria-hidden="true">Try it live!</a>
        <a href="{{ "docs/getting-started/" | relURL }}" class="btn btn-secondary">Get Started</a>
        <a href="https://github.com/CalcMark/agent-skill" class="btn btn-secondary">Install for Your AI Agent</a>
      </div>
    </div>
    <div class="hero-media">
      {{- $hero := resources.Get "images/hero.gif" | fingerprint -}}
      <img src="{{ $hero.RelPermalink }}" alt="CalcMark TUI editor building a recipe with scaling, interpolation, and live results" class="hero-gif">
    </div>
  </div>
</section>

<section class="features container">
  <h2>Why CalcMark?</h2>
  <div class="feature-grid">

    <div class="feature-card">
      <h3>Markdown with live calculations</h3>
      <p>Write natural prose and add calculations inline. Variables flow downward &mdash; change one number and everything updates.</p>
      <pre class="feature-snippet"><code># Weekend Trip
We have a budget for two.

budget = $2000        <span class="r">$2,000.00</span>
flights = 2 * $380    <span class="r">$760.00</span>
hotel = 3 * $195      <span class="r">$585.00</span>
left = budget - flights - hotel <span class="r">$655.00</span></code></pre>
      <a class="feature-link" href="/docs/getting-started/">Get started &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>Units are first-class</h3>
      <p>Physical, data, and energy units with automatic conversion. Write <code>5 miles in km</code> and get the answer.</p>
      <pre class="feature-snippet"><code>5 miles in km            <span class="r">8.05 km</span>
20 celsius in fahrenheit <span class="r">68 fahrenheit</span>
500 MB in GB             <span class="r">0.49 GB</span></code></pre>
      <a class="feature-link" href="/docs/user-guide/units/">Units &amp; conversion &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>Measurement conventions</h3>
      <p>US gallon or Imperial? Standard ounce or Troy? Declare your convention and CalcMark resolves the ambiguity.</p>
      <pre class="feature-snippet"><code>measurement:
  volume: imperial
milk = 2 pint in ml     <span class="r">1,137 ml</span>
gold = 10 troy oz       <span class="r">311 grams</span></code></pre>
      <a class="feature-link" href="/docs/language-reference/#measurement-conventions">Measurement conventions &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>Financial modeling</h3>
      <p>Currency arithmetic, exchange rates, percentages, and growth functions for budgets and P&amp;L statements.</p>
      <pre class="feature-snippet"><code>revenue = $4.2M          <span class="r">$4.2M</span>
costs = 60% of revenue   <span class="r">$2.52M</span>
profit = revenue - costs  <span class="r">$1.68M</span>
compound($1000, 7%, 10 years) <span class="r">$1,967.15</span></code></pre>
      <a class="feature-link" href="/guides/business-planning/">Business planning guide &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>Natural language syntax</h3>
      <p>Read from storage, compress data, calculate network throughput &mdash; in plain English.</p>
      <pre class="feature-snippet"><code>read 100 MB from ssd     <span class="r">0.18 s</span>
compress 1 GB using gzip <span class="r">341 MB</span>
transfer 50 GB at 10 gbps <span class="r">40 s</span></code></pre>
      <a class="feature-link" href="/docs/user-guide/functions/#natural-language-syntax">NL syntax reference &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>Recipe scaling</h3>
      <p>Fractions, frontmatter scaling, and unit conversion compose naturally for cooking math.</p>
      <pre class="feature-snippet"><code>scale: 3
flour = 2/3 cup          <span class="r">2 cup</span>
butter = 1/4 cup         <span class="r">3/4 cup</span>
per_loaf = $7.80 / @scale <span class="r">$2.60</span></code></pre>
      <a class="feature-link" href="/guides/recipe-scaling/">Recipe scaling guide &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>System sizing</h3>
      <p>Capacity planning with rates, napkin math, and the <code>at...per</code> syntax for fleet sizing.</p>
      <pre class="feature-snippet"><code>peak = 10K req/s
servers = peak at 2K per server <span class="r">5</span>
storage = 100 MB/s over 1 day  <span class="r">8.64 TB</span>
1500000 as napkin        <span class="r">~1.5M</span></code></pre>
      <a class="feature-link" href="/guides/system-sizing/">System sizing guide &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>Markdown meets math</h3>
      <p>Prose and calculations in one document. Embed results in text with <code>&#123;&#123;variable&#125;&#125;</code> templates.</p>
      <pre class="feature-snippet"><code>## Summary
Total: {{ "{{total_cost}}" }}

headcount = 12
rate = $150K
total_cost = headcount * rate <span class="r">$1.8M</span></code></pre>
      <a class="feature-link" href="/docs/user-guide/frontmatter/#template-variables">Template interpolation &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>CLI &amp; agent integration</h3>
      <p>Pipe expressions, export to JSON/HTML/Markdown, or integrate with AI agents via stdin/stdout.</p>
      <pre class="feature-snippet"><code><span class="c">$</span> echo "5 kg in lbs" | cm
<span class="r">11 lbs</span>
<span class="c">$</span> cm eval budget.cm --format json
<span class="c">$</span> cm convert report.cm --to html</code></pre>
      <a class="feature-link" href="/docs/agent-integration/">Agent &amp; API integration &rarr;</a>
    </div>

    <div class="feature-card">
      <h3>VS Code extension</h3>
      <p>Syntax highlighting, live preview, and export to HTML, Markdown, or JSON &mdash; all inside your editor.</p>
      <pre class="feature-snippet"><code><span class="c">&gt;</span> CalcMark: Open Preview
<span class="c">&gt;</span> CalcMark: Export to HTML
<span class="c">&gt;</span> CalcMark: Export to Markdown
<span class="c">&gt;</span> CalcMark: Export to JSON</code></pre>
      <a class="feature-link" href="https://marketplace.visualstudio.com/items?itemName=calcmark.vscode-calcmark">Install from Marketplace &rarr;</a>
    </div>

  </div>
</section>

{{ .Content }}
{{ end }}